* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
    vertical-align: baseline
}

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

ol:has(class),
ul:has(class) {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

button,
input,
select,
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

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

::-webkit-input-placeholder {
    color: inherit
}

::-moz-placeholder {
    color: inherit
}

:-ms-input-placeholder {
    color: inherit
}

:-moz-placeholder {
    color: inherit
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    cursor: default
}

*:focus {
    outline: none
}

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

audio,
video {
    display: inline-block
}

::before,
::after {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter_18pt-Regular.woff2") format("woff2"), url("../fonts/Inter_18pt-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter_18pt-Medium.woff2") format("woff2"), url("../fonts/Inter_18pt-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter_18pt-Bold.woff2") format("woff2"), url("../fonts/Inter_18pt-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter_18pt-ExtraBold.woff2") format("woff2"), url("../fonts/Inter_18pt-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-SemiBold.woff2") format("woff2"), url("../fonts/Unbounded-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    background-color: #f1eeee;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    overflow-y: auto;
    overflow-x: hidden
}

body.hidden {
    overflow: hidden
}

.container {
    max-width: 77.5rem;
    padding: 0rem 1.25rem;
    width: 100%;
    margin: 0 auto
}

.header {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.header__wrapper {
    padding: 1.25rem 0;
    display: flex;
    align-items: center;
    width: 100%
}

.header__logo {
    width: 13.75rem;
    height: 3.125rem;
    flex-shrink: 0
}

.header__logo img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.header__socials {
    display: flex;
    align-items: center;
    gap: 1.25rem
}

.header__social {
    margin-left: auto;
    width: 1.875rem;
    height: 1.875rem
}

.header__social svg {
    width: 100%;
    height: 100%
}

.header__nav {
    display: flex;
    align-items: center;
    gap: .625rem;
    align-self: center;
    margin: 0 auto
}

.nav-link {
    padding: .625rem;
    color: #2b2b2b;
    font-size: 1.125rem;
    font-weight: 700;
    position: relative;
    transition: color .3s ease-in-out
}

.nav-link::before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: .625rem;
    width: calc(100% - 1.25rem);
    height: .125rem;
    content: "";
    background-color: #e15b00;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.nav-link:hover {
    color: #e15b00
}

.nav-link:hover::before {
    opacity: 1
}

.main-screen {
    border-radius: 0 0 6.25rem 6.25rem;
    padding: 15rem 0;
    position: relative;
    overflow: hidden
}

.main-screen h1 {
    color: #fff;
    text-align: center;
    font-family: "Unbounded";
    font-size: 4.625rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-shadow: .0625rem .0625rem #2b2b2b
}

.main-screen .btn {
    margin: 0 auto;
    margin-top: 3.75rem
}

.main-screen .main-screen__video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.main-screen .main-screen__video video {
    width: 105%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.main-screen .main-screen__wrapper {
    position: relative;
    z-index: 2
}

.btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 1.25rem;
    padding-left: 2.5rem;
    border-radius: 4rem;
    background: linear-gradient(0deg, #e15b00 0%, #e36f17 100%);
    display: flex;
    align-items: center;
    gap: 1.875rem
}

.btn span {
    display: block
}

.btn .btn-ico {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    transition: transform .2s ease-in-out
}

.btn .btn-ico svg {
    width: 100%;
    height: 100%
}

.btn:hover .btn-ico {
    transform: scale(1.2)
}

.advantages {
    padding: 5rem 0
}

.advantages-list {
    display: flex;
    gap: 3.75rem;
    justify-content: space-between
}

.advantages-list .list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    color: #e15b00;
    text-align: center;
    font-family: "Unbounded";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

.advantages-list .list-item::before {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.5649 12.289L15.8537 21L11.4352 16.5814' stroke='%23E15B00' stroke-width='4'/%3e%3c/svg%3e ");
    width: 2.25rem;
    height: 2.25rem
}

.section-title {
    color: #2b2b2b;
    font-family: "Unbounded";
    font-size: 2.625rem;
    font-weight: 600;
    line-height: 120%
}

.section-title span {
    color: #e15b00
}

.section-descr {
    color: #2b2b2b;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: block
}

.help-with {
    padding: 6.25rem 0;
    max-width: 100vw;
    overflow: hidden;
    border-top: .0625rem solid #cfcfcf;
    background-image: url(../img/help-with-bg.png);
    background-repeat: no-repeat;
    background-position: left -47.25rem bottom -31.25rem
}

.help-with .section-title {
    text-align: center;
    margin-bottom: 1.25rem
}

.help-with .section-descr {
    text-align: center
}

.help-with__image {
    z-index: 2;
    position: absolute;
    left: -5.6875rem;
    bottom: -10.0625rem;
    width: 27.4375rem;
    height: 54.1875rem
}

.help-with__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.cards-slider {
    padding-top: 3.75rem;
    overflow: visible;
    padding-left: 20rem
}

.cards-slide {
    max-width: 30rem;
    width: 100%;
    padding: 2.375rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: .1875rem .1875rem .8125rem .125rem rgba(0, 0, 0, .05);
    height: auto;
    display: flex;
    flex-direction: column
}

.cards-slide .list-item {
    color: #e15b00;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.cards-slide__list {
    padding-left: 1.25rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.cards-slide__title {
    color: #2b2b2b;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1.25rem
}

.cards-slide__bottom {
    border-top: .0625rem solid #cfcfcf;
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
    color: #2b2b2b;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.cards-slide__bottom p {
    margin: 0
}

.cards-slide__subtitle {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.cards-slide__action {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #e15b00;
    font-size: 1.25rem;
    font-weight: 700
}

.cards-slide__action .ico {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: .125rem solid #e15b00;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .2s ease-in-out
}

.cards-slide__action .ico path {
    transition: stroke .2s ease-in-out
}

.cards-slide__action:hover .ico {
    background-color: #e15b00
}

.cards-slide__action:hover .ico path {
    stroke: #fff
}

.cards-nav {
    padding-top: 1.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem
}

.cards-nav * {
    margin: 0;
    transform: none;
    position: static
}

.cards-nav .swiper-button-next,
.cards-nav .swiper-button-prev {
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: .375rem .75rem;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.707154 0.707031L6.70715 6.70704L0.707156 12.707' stroke='%23E15B00' stroke-width='2'/%3e%3c/svg%3e ")
}

.cards-nav .swiper-button-next::after,
.cards-nav .swiper-button-prev::after {
    display: none
}

.cards-nav .swiper-button-prev {
    transform: scaleX(-1)
}

.cards-nav .swiper-pagination-bullet {
    width: .25rem;
    height: .25rem;
    background-color: #e15b00;
    margin: 0 !important
}

.cards-nav .swiper-pagination {
    flex-wrap: wrap;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 11.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .625rem 2.5rem
}

.services {
    border-radius: 0 0 6.25rem 6.25rem;
    padding: 6.25rem 0;
    background-image: url(../img/services-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top
}

.services__blocks {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 47.9375rem;
    width: 100%;
    margin-top: 3.75rem
}

.service {
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05);
    padding: 2.375rem;
    width: 100%
}

.service .btn {
    width: 100%;
    margin-top: 1.25rem;
    justify-content: space-between;
    border-radius: 1.5rem;
    font-size: 1.25rem;
    padding: 1.125rem 1.75rem
}

.service__content h4 {
    color: #2b2b2b;
    font-family: "Unbounded";
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem
}

.service__content p {
    color: #2b2b2b;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.service__head {
    display: flex;
    justify-content: space-between
}

.service__price {
    padding-top: .9375rem;
    color: #2b2b2b;
    font-size: 2.625rem;
    font-weight: 700;
    flex-shrink: 0;
}

.service__body {
    color: #e15b00;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sale-price {
    padding-top: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.sale-price span {
    color: #e15b00;
    display: block
}

.sale-price span:first-child {
    color: #2b2b2b;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: line-through
}

.sale-price::before {
    content: "";
    position: absolute;
    right: -0.875rem;
    top: -0.625rem;
    width: 2.1875rem;
    height: 1.3125rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='21' viewBox='0 0 36 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.1045 14.2168L35.4922 4.95605L31.1738 21H4.31836L0 4.95605L11.3877 14.2168L17.7461 0L24.1045 14.2168Z' fill='%23E15B00'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: swing 2s ease-in-out forwards infinite
}

@keyframes swing {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.sale-service {
    border: .125rem solid #e15b00
}

.author-section {
    padding: 6.25rem 0
}

.author-section__content {
    padding-top: 3.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.author-section__top {
    display: flex;
    gap: 1.25rem
}

.author-section__top video {
    object-fit: cover;
}

.author-section__top-left {
    flex-shrink: 0;
    width: 23.3125rem;
    height: 31.6875rem;
    background-color: #e15b00;
    border-radius: 1.5rem;
    overflow: hidden;
    position: relative
}

.author-section__top-left .plyr {
    width: 100%;
    height: 100%
}

.author-section__top-left .plyr__poster {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #e15b00
}

.author-section__top-left .plyr__video-wrapper {
    background-color: #e15b00
}

.plyr__control--overlaid {
    background: #e15b00 !important
}

.author-section__top-right {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.top-right__block {
    padding: 2.375rem;
    height: auto;
    border-radius: 1.5rem;
    background-color: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05)
}

.top-right__block h3 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 1.25rem
}

.top-right__block p {
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.info-card {
    background: linear-gradient(0deg, #e15b00 0%, #e36f17 100%);
    color: #fff
}

.book-card {
    background-image: url(../img/book-plate-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    position: relative
}

.book-image {
    position: absolute;
    right: 1.25rem;
    bottom: 0;
    width: 13rem;
    height: 11.4375rem
}

.book-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.author-section__bottom {
    display: flex;
    gap: 1.25rem
}

.author-section__bottom .bottom-card {
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05);
    padding: 2.375rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%
}

.author-section__bottom .bottom-card:last-child {
    width: 23.375rem;
    flex-shrink: 0
}

.author-section__bottom .large-num {
    color: #e15b00;
    font-size: 6rem;
    font-weight: 500;
    line-height: 130%
}

.author-section__bottom .descr {
    color: #2b2b2b;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 150%
}

.how-it-work {
    padding: 6.25rem 0
}

.how-it-work__wrapper {
    display: flex;
    gap: 1.25rem
}

.how-it-work__wrapper .section-title {
    margin-bottom: 1.25rem
}

.how-it-work__wrapper .coll {
    width: calc(33.33% - .8333rem);
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.how-it-work__wrapper .coll:first-child .coll-block .coll-block__image {
    padding-top: .625rem
}

.how-it-work__wrapper .coll:first-child .coll-block .coll-block__body {
    padding-top: .625rem
}

.how-it-work__wrapper .coll-block {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05)
}

.how-it-work__wrapper .coll-block__body {
    margin-top: auto;
    padding: 2.375rem;
    padding-top: .625rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.coll-block__image {
    padding-top: 2.5rem;
    width: 100%;
    height: auto
}

.coll-block__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.coll-block__title {
    font-size: 1.625rem;
    font-weight: 700
}

.coll-block__descr {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%
}

.coll-block__action {
    flex-shrink: 0;
    height: -moz-fit-content !important;
    height: fit-content !important;
    background-color: #e15b00 !important;
    padding: 1.75rem;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    gap: 3.125rem;
    display: flex;
    flex-direction: column
}

.coll-block__action .action__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 700
}

.coll-block__action .action__btn {
    will-change: transform;
    transition: transform .3s ease-in-out;
    cursor: pointer;
    border: .125rem solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain
}

.coll-block__action .action__btn svg {
    will-change: transform;
    animation: transformToRight 3s linear infinite
}

.coll-block__action .action__btn:hover {
    transform: scale3d(1.1, 1.1, 1.1)
}

@keyframes transformToRight {
    0% {
        transform: translateX(20%) scale(1)
    }

    50% {
        transform: translateX(50%) scale(1.2)
    }

    100% {
        transform: translateX(20%) scale(1)
    }
}

.reviews {
    padding: 6.25rem 0;
    position: relative
}

.reviews .section-title,
.reviews .section-descr {
    text-align: center
}

.reviews::before {
    position: absolute;
    left: 0;
    top: 18.75rem;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(../img/reviews-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.reviews__content {
    padding-top: 3.125rem;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.reviews-main-slider {
    flex-shrink: 0;
    width: 23.3125rem;
    margin: 0;
    background: #2b2b2b;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05);
    padding: 2.375rem 3.875rem 2.375rem 2.375rem;
    border-radius: 1.5rem
}

.reviews-main-slider .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.707093 0.707031L6.70709 6.70704L0.707095 12.707' stroke='white' stroke-width='2'/%3e%3c/svg%3e ")
}

.reviews-main-slider .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.707093 0.707031L6.70709 6.70704L0.707095 12.707' stroke='white' stroke-width='2'/%3e%3c/svg%3e ")
}

.reviews-main-slider .swiper-pagination {
    gap: .3125rem 1.75rem
}

.reviews-main-slider .cards-nav {
    justify-content: space-between;
    position: absolute;
    z-index: 2;
    bottom: 7.5rem;
    left: 2.375rem;
    width: calc(100% - 7.25rem)
}

.review-slide {
    height: auto;
    color: #fff;
    display: flex;
    flex-direction: column
}

.review-slide__name {
    color: #e15b00;
    font-size: 1.625rem;
    font-weight: 700
}

.review-slide__age {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%
}

.review-slide__res {
    font-size: 1.01rem;
    font-weight: 400;
    /* line-height: 150%; */
    line-height: 130%;
    margin: 1rem 0;
    /* height: 3.25rem; */
    height: 5.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.review-slide__subtitle {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: .5rem
}

.review-slide__info {
    font-size: .875rem;
    font-weight: 400;
    line-height: 150%;
    height: 10.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical
}

.review-slide__footer {
    cursor: pointer;
    margin-top: 6.25rem;
    display: flex;
    color: #e15b00;
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem
}

.review-slide__footer .ico {
    border-radius: 50%;
    border: .125rem solid #e15b00;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .02);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.reviews-second-slider {
    margin: 0;
    margin-top: 8.875rem;
    margin-left: -2.375rem;
    width: 39.375rem;
    height: 32.5rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: -1.6963rem 2.0537rem 2.055rem .0894rem rgba(0, 0, 0, .07);
    overflow: visible
}

.reviews-second-slider::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 6.9656rem;
    height: 6.6195rem;
    background-image: url(../img/textes-slider-plate.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    z-index: -1;
    transform: translate(-28%, -28%)
}

.reviews-second-slider .review-text {
    position: relative;
    padding: 2.375rem;
    padding-right: .75rem;
    color: #2b2b2b;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.reviews-second-slider .review-text.swiper-slide-active {
    z-index: 2
}

.reviews-second-slider .os-scrollbar-handle {
    background-color: #e15b00
}

.reviews-second-slider .os-scrollbar-track {
    background-color: #f1eeee
}

.review-text__inner {
    height: 100%
}

.review-text__inner::before {
    z-index: 3;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2.375rem;
    content: "";
    border-radius: 1.5rem;
    height: 8.125rem;
    transition: opacity .2s ease-in-out;
    background: linear-gradient(0deg, #fff 30.05%, rgba(255, 255, 255, 0) 80.7%)
}

.review-text__inner.end::before {
    opacity: 0
}

.review-text__inner [data-overlayscrollbars-viewport] {
    padding-right: 1.25rem !important
}

.prices {
    padding: 6.25rem 0;
    position: relative;
    z-index: 2
}

.service-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 3.125rem;
    margin-bottom: 1.875rem
}

.service-cards__top {
    width: 100%;
    display: flex;
    gap: 1.25rem
}

.service-cards__top .service-cards__coll {
    width: calc(50% - .625rem)
}

.service-cards__coll {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.service-card {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 2.375rem;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05)
}

.service-card__btn {
    cursor: pointer;
    display: flex;
    gap: 1.25rem;
    align-items: center;
    color: #e15b00;
    font-size: 1.25rem;
    font-weight: 700
}

.service-card__btn .ico {
    display: flex;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    border: .125rem solid #e15b00;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in-out
}

.service-card__btn path {
    transition: stroke .2s ease-in-out
}

.service-card__btn:hover .ico {
    background-color: #e15b00
}

.service-card__btn:hover .ico path {
    stroke: #fff
}

.service-card__name {
    color: #e15b00;
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 1.25rem
}

.service-card__descr {
    color: #2b2b2b;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1.25rem
}

.service-card__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #e15b00;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: .9375rem
}

.service-card__bottom {
    border-top: .0625rem solid #cfcfcf;
    padding-top: .9375rem;
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: flex-end
}

.service-card__price {
    color: #2b2b2b;
    font-size: 2.625rem;
    font-weight: 700;
    position: relative
}

.service-card__price._has-old {
    display: flex;
    flex-direction: column;
    color: #e15b00
}

.service-card__price .old-price {
    color: #2b2b2b;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: line-through
}

.service-card.orange-card {
    background-color: #e15b00;
    border-radius: 1.5rem;
    padding: 2.375rem;
    height: 100%;
    position: relative
}

.service-card.orange-card::before {
    content: "";
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    width: 2.1875rem;
    height: 1.3125rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='43' height='25' viewBox='0 0 43 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.127 0.0078125L28.6934 16.9248L42.25 5.90039L37.1084 25H5.1416L0 5.90039L13.5566 16.9248L21.1211 0.0126953L21.123 0L21.125 0.00390625L21.127 0V0.0078125Z' fill='white'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: swing 2s ease-in-out forwards infinite
}

.service-card.orange-card * {
    color: #fff
}

.service-card.orange-card .service-card__name {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1.875rem
}

.service-card.orange-card .service-card__descr {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 150%
}

.service-card.orange-card .service-card__footer {
    margin-top: auto
}

.service-card.orange-card .service-card__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .875rem;
    font-weight: 400
}

.service-card.orange-card .service-card__btn .ico {
    border-color: #fff
}

.service-card.orange-card .service-card__btn:hover .ico {
    background-color: #fff;
    border-color: #fff
}

.service-card.orange-card .service-card__btn:hover .ico path {
    stroke: #e15b00
}

.prices-descr {
    color: #e15b00;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    text-align: center
}

.service-cards__bottom {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap
}

.service-cards__bottom .service-card {
    flex: 1 0 calc(33.333% - .8333rem)
}

.service-cards__bottom .service-card__footer {
    margin-top: auto
}

.service-cards__bottom .service-card__bottom {
    flex-direction: column;
    align-items: flex-start
}

.service-cards__bottom .service-card__price {
    min-height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.service-cards__bottom .service-card__btn {
    width: 100%;
    justify-content: space-between
}

.book-section {
    padding: 6.25rem 0;
    border-radius: 0 0 6.25rem 6.25rem;
    background-color: #fff;
    background-image: url(../img/book-section-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.book-section__title {
    color: #2b2b2b;
    font-family: "Unbounded";
    font-size: 3.375rem;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 1.25rem
}

.book-section__descr {
    margin: 2.5rem 0
}

.book-section__wrapper {
    display: flex;
    gap: 2.6875rem;
    justify-content: space-between
}

.book-section__coll:last-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.book-section__coll img {
    width: 100%;
    height: auto
}

.book-section__coll .btn {
    width: 23.3125rem;
    justify-content: space-between;
    padding: 1.75rem;
    border-radius: 1.5rem;
    font-size: 1.25rem
}

.faq {
    padding: 6.25rem 0
}

.faq .section-title {
    text-align: center;
    margin-bottom: 3.125rem
}

.faq__list {
    max-width: 60.25rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.faq-item {
    padding: 1.75rem;
    background-color: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05)
}

.faq-item:first-child {
    border-radius: 1.5rem 1.5rem 0 0
}

.faq-item:last-child {
    border-radius: 0 0 1.5rem 1.5rem
}

.faq-item__head {
    color: #2b2b2b;
    font-size: 1.625rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: center
}

.faq-item__head:hover .faq-item__ico {
    transform: scale(1.1)
}

.faq-item__ico {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: .125rem solid #e15b00;
    flex-shrink: 0;
    position: relative;
    transition: background-color .3s ease-in-out, transform .2s ease-in-out;
    will-change: transform
}

.faq-item__ico::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: .875rem;
    width: .125rem;
    content: "";
    background-color: #e15b00;
    transition: transform .3s ease-in-out
}

.faq-item__ico::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: .125rem;
    width: .875rem;
    content: "";
    background-color: #e15b00;
    transition: background-color .3s ease-in-out
}

.faq-item.open .faq-item__ico {
    background-color: #e15b00
}

.faq-item.open .faq-item__ico::before {
    transform: translate(-50%, -50%) scale(0)
}

.faq-item.open .faq-item__ico::after {
    background-color: #fff
}

.faq-item__body {
    display: none;
    padding-top: 1.25rem;
    padding-right: 4.375rem
}

.faq-item__body-inner {
    padding-top: 1.25rem;
    position: relative
}

.faq-item__body-inner::before {
    position: absolute;
    top: 0rem;
    height: .0625rem;
    width: calc(100% - 4.375rem);
    content: "";
    background-color: #cfcfcf
}

.faq-title {
    color: #2b2b2b;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: .375rem
}

.faq-text {
    color: #2b2b2b;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%
}

.news-section {
    overflow: initial;
    padding: 6.25rem 0;
    background-image: url(../img/news-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left 0rem bottom 7.5rem
}

.news-section__wrapper {
    align-items: flex-start;
    display: flex;
    gap: 3.75rem
}

.news-section__wrapper .service-card__btn {
    width: -moz-fit-content;
    width: fit-content
}

.news-section__wrapper .news-section__coll {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%
}

.news-section__wrapper .news-section__coll:first-child {
    max-width: 21.25rem;
    position: sticky;
    top: 1.25rem
}

.news-section__wrapper .service-card__btn {
    margin-top: 1.25rem
}

.news-block {
    display: flex;
    gap: 2.5rem;
    padding: 2.375rem;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05)
}

.news-block__info {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: #2b2b2b
}

.news-block__title {
    font-size: 1.625rem;
    font-weight: 700
}

.news-block__descr {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-block__image {
    margin-left: auto;
    flex-shrink: 0;
    border-radius: .625rem;
    background: #fff;
    width: 18.75rem;
    height: 12.5rem;
    overflow: hidden
}

.news-block__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.footer-top {
    padding: 6.25rem 0;
    border-radius: 6.25rem 6.25rem 0 0;
    background: linear-gradient(0deg, #e15b00 0%, #e36f17 100%)
}

.footer-top .socials {
    display: flex;
    gap: 2.5rem
}

.footer-top .social {
    width: 3rem;
    height: 3rem
}

.footer-top .social svg {
    width: 100%;
    height: 100%
}

.footer-top__title {
    color: #fff;
    text-align: center;
    font-family: "Unbounded";
    font-size: 2.625rem;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 4.25rem
}

.footer-top__wrapper {
    display: flex;
    justify-content: space-between
}

.footer-top__wrapper .service-card__btn {
    color: #fff
}

.footer-top__wrapper .service-card__btn .ico {
    border-color: #fff
}

.footer-top__coll {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-top__subtitle {
    color: #fff;
    text-align: center;
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 2.5rem
}

.footer-bottom {
    padding-top: 2.5rem;
    padding-bottom: 3.75rem;
    background: #2b2b2b
}

.footer-bottom__wrapper {
    display: flex;
    justify-content: space-between
}

.footer-bottom__info {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400
}

.footer-bottom__link {
    color: #e15b00;
    font-size: 1.125rem;
    font-weight: 400;
    text-decoration-line: underline
}

.footer-bottom__coll {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem
}

.footer-bottom__coll:last-child {
    text-align: right
}

.footer-bottom__dev {
    text-align: center;
    margin-top: 2.5rem;
    color: #fff
}

.footer-bottom__dev a {
    color: #e15b00
}

.footer {
    margin-top: auto
}

.publish-section {
    border-radius: 0 0 6.25rem 6.25rem;
    background-image: url(../img/hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 6.875rem 0
}

.publish-section h1 {
    word-wrap: break-word;
    color: #2b2b2b;
    font-family: "Unbounded";
    font-size: 3.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

.articles {
    padding: 6.25rem 0
}

.articles__list {
    max-width: 72.5rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem
}

.articles__list .list-item {
    width: calc(50% - .625rem);
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05);
    padding: 2.375rem
}

.articles__list .list-item__image {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 56%;
    overflow: hidden;
    border-radius: .625rem;
    margin-bottom: 2.5rem
}

.articles__list .list-item__image-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.articles__list img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.articles__list .list-item__body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: #2b2b2b
}

.articles__list .list-item__title {
    font-size: 1.625rem;
    font-weight: 700
}

.articles__list .list-item__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%
}

.breadcrumps {
    margin-bottom: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.9375rem
}

.breadcrumps li {
    list-style-type: none
}

.breadcrumps li:last-child a {
    color: rgba(225, 90, 0, .8)
}

.breadcrumps li:not(:last-child) {
    position: relative
}

.breadcrumps li:not(:last-child)::after {
    opacity: .6;
    font-size: 1rem;
    content: ">";
    position: absolute;
    line-height: 100%;
    right: -1.375rem;
    top: 50%;
    transform: translateY(-50%)
}

.breadcrumps a {
    color: rgba(43, 43, 43, .6);
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%
}

.show-more-btn {
    padding-top: 3.75rem;
    display: flex;
    justify-content: center
}

.show-more-btn .service-card__btn .ico {
    transform: rotate(90deg)
}

.show-more-btn .service-card__btn .ico svg {
    transform: translateX(0.125rem)
}

.article-head {
    padding: 6.875rem 0;
    border-radius: 0 0 6.25rem 6.25rem;
    background-image: url(../img/hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center
}

.article-section {
    padding: 6.25rem 0
}

.article-section__inner {
    max-width: 60rem;
    margin: 0 auto;
    color: #2b2b2b
}

.article-section__inner h1 {
    color: #2b2b2b;
    font-family: "Unbounded";
    font-size: 2.625rem;
    font-weight: 600;
    margin-bottom: 1.25rem
}

.article-section__inner h3 {
    font-size: 1.375rem;
    margin: 1.875rem 0;
    font-weight: 700
}

.article-section__inner h4 {
    margin: 1.875rem 0;
    font-size: 1.125rem;
    font-weight: 700
}

.article-section__inner .article-section__descr {
    color: #2b2b2b;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 1.25rem
}

.article-section__inner .article-section__date {
    color: #2b2b2b;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1.875rem
}

.article-section__inner p {
    margin: 1.875rem 0;
    color: #2b2b2b;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%
}

.article-section__inner h2 {
    color: #2b2b2b;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 150%;
    margin: 1.875rem 0
}

.article-section__inner .small-p {
    font-size: 1.125rem
}

.article-section__inner ol,
.article-section__inner ul {
    margin: 1.875rem 0;
    color: #2b2b2b;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 150%
}

.article-section__inner ol {
    list-style: none;
    counter-reset: my-counter;
    padding-left: 0;
    margin-bottom: 1.875rem
}

.article-section__inner ol li {
    counter-increment: my-counter;
    position: relative;
    padding-left: 2.625rem;
    margin-bottom: 1.25rem
}

.article-section__inner ol li::before {
    content: counter(my-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    background-color: #e15b00;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.25rem
}

.article-section__inner ul {
    list-style: none;
    padding-left: 0
}

.article-section__inner ul li {
    position: relative;
    padding-left: 2.125rem;
    margin-bottom: 1.25rem
}

.article-section__inner ul li::before {
    content: "";
    position: absolute;
    left: .625rem;
    top: .75rem;
    width: .5rem;
    height: .5rem;
    background-color: #e15b00;
    border-radius: 50%
}

.article-section__image {
    margin-bottom: 1.875rem
}

.article-section__image img {
    width: 100%;
    height: auto;
    border-radius: 1.75rem
}

.article-section__image .article-section__image-descr {
    margin-top: .625rem;
    color: #2b2b2b;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%
}

.background-block {
    margin: 1.875rem 0;
    border-radius: 1.5rem;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05);
    background-color: #fff;
    padding: 3.625rem;
    padding-left: 5.5rem;
    position: relative;
    color: #2b2b2b;
    overflow: hidden
}

.background-block>p {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 150%;
    margin: 0
}

.background-block::before {
    overflow: hidden;
    position: absolute;
    transform: translateX(-50%);
    left: 0;
    top: 0;
    height: 100%;
    width: 2.75rem;
    border-radius: 50%;
    background: #e15b00;
    content: ""
}

.background-block .background-block__footer {
    margin-top: 2.5rem
}

.background-block .background-block__name {
    font-size: 1.625rem;
    font-weight: 700
}

.background-block .background-block__descr {
    opacity: .8;
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%
}

.background-block .background-block__descr:not(:last-child) {
    margin-bottom: .625rem
}

.article-section__slider-wrapper {
    margin: 1.875rem 0
}

.article-section__slider-wrapper p {
    color: #2b2b2b;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    margin-top: .625rem
}

.article-section__slider .swiper-slide {
    width: 100%;
    height: 0;
    padding-top: 66.666%;
    overflow: hidden;
    border-radius: 1.75rem;
    background-color: #fff
}

.article-section__slider .swiper-slide__image {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.article-section__slider .swiper-slide__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.article-section__slider .swiper-button-prev,
.article-section__slider .swiper-button-next {
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .02)
}

.article-section__slider .swiper-button-prev svg,
.article-section__slider .swiper-button-next svg {
    width: .5625rem;
    height: .875rem
}

.article-section__slider .swiper-button-prev,
.article-section__slider .swiper-button-next {
    width: 3rem;
    height: 3rem;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.article-section__slider .swiper-button-prev::after,
.article-section__slider .swiper-button-next::after {
    display: none
}

.article-section__slider .swiper-pagination {
    bottom: 1.875rem
}

.article-section__slider .swiper-pagination-bullet {
    width: .25rem;
    height: .25rem;
    background-color: #fff;
    opacity: 1
}

.article-section__slider .swiper-pagination-bullet-active {
    background-color: #e15b00
}

.article-section__social {
    padding: 2.375rem;
    width: 100%;
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: .1788rem .1788rem .8047rem .0894rem rgba(0, 0, 0, .05);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

.article-section__social .social__title {
    color: #2b2b2b;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 150%
}

.article-section__social .social__item {
    gap: .75rem;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 150%;
    transition: color .3s ease-in-out
}

.article-section__social .social__item:hover {
    color: #e15b00
}

.article-section__social .social__item .ico {
    width: 3rem;
    height: 3rem
}

.article-section__social .social__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.5rem
}

.back-btn__wrapper {
    justify-content: center;
    display: flex;
    padding-top: 3.125rem
}

.error-section {
    padding: 6.25rem 0
}

.error-section .back-btn__wrapper {
    justify-content: flex-start
}

.error-section .section-title {
    margin-bottom: 1.25rem
}

.error-section {
    background-image: url(../img/error-page-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right -21vh bottom -27vh
}

.large-number {
    color: #e15b00;
    font-family: "Unbounded";
    font-size: 17.375rem;
    font-style: normal;
    font-weight: 800;
    line-height: 120%
}

.large-number span {
    color: #fff
}

.error-section__wrapper {
    padding: 12.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem
}

.error-section__wrapper .section-descr {
    font-size: 1.125rem
}

.mobile-menu {
    padding: 20px;
    padding-top: 75px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.mobile-menu .header__socials {
    margin-top: auto
}

.mobile-menu.show {
    opacity: 1;
    visibility: visible
}

.mobile-menu__btn {
    position: relative;
    z-index: 11;
    width: 32px;
    height: 32px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-menu__btn.show span {
    background-color: #fff
}

.mobile-menu__btn.show span::after,
.mobile-menu__btn.show span::before {
    background-color: #000
}

.mobile-menu__btn.show span::after {
    transform: rotate(45deg)
}

.mobile-menu__btn.show span::before {
    transform: rotate(-45deg)
}

.mobile-menu__btn span {
    width: 100%;
    height: 4px;
    background-color: #e15b00;
    border-radius: 4px;
    display: block;
    position: relative;
    transition: all .3s ease-in-out
}

.mobile-menu__btn span::before {
    transition: all .3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-10px);
    width: 100%;
    height: 4px;
    background-color: #e15b00;
    border-radius: 4px
}

.mobile-menu__btn span::after {
    transition: all .3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(10px);
    width: 100%;
    height: 4px;
    background-color: #e15b00;
    border-radius: 4px
}

@media(max-width: 1600px) {
    .services {
        background-position: right -10vw top
    }
}

@media(max-width: 1440px) {
    .services {
        background-position: right -20vw top
    }
}

@media(max-width: 1280px) {
    html {
        font-size: 14px
    }
}

@media(max-width: 992px) {
    .error-section__wrapper {
        flex-direction: column
    }

    .main-screen {
        padding: 100px 0
    }

    .main-screen h1 {
        font-size: 48px
    }

    .main-screen .btn {
        padding: 15px;
        padding-left: 20px;
        font-size: 18px
    }

    .advantages-list .list-item {
        font-size: 18px
    }

    .advantages {
        padding: 40px 0
    }

    .help-with .section-title {
        text-align: center;
        width: 100%
    }

    .how-it-work,
    .author-section,
    .reviews,
    .prices,
    .faq,
    .services,
    .help-with,
    .book-section,
    .news-section,
    .footer-top {
        padding: 50px 0
    }

    .news-section__wrapper {
        flex-direction: column
    }

    .news-section__wrapper .news-section__coll:first-child {
        position: static;
        max-width: 100%
    }

    .news-section__wrapper .news-section__coll:first-child br {
        display: none
    }

    .news-section__wrapper {
        gap: 20px
    }

    .book-section,
    .services,
    .main-screen {
        border-radius: 0 0 50px 50px
    }

    .service-cards__bottom .service-card {
        flex: 1 0 calc(50% - .8333rem)
    }

    .book-section__title {
        font-size: 42px
    }

    .book-section__wrapper {
        gap: 30px
    }

    .reviews-second-slider {
        width: 500px
    }

    .how-it-work__wrapper .coll-block__body {
        padding: 15px
    }

    .book-card,
    .info-card {
        padding: 20px
    }

    .book-image {
        height: 90%;
        right: 10px
    }

    .author-section__bottom .bottom-card,
    .service-card,
    .service-card.orange-card,
    .news-block {
        padding: 20px
    }

    .footer-bottom {
        padding-bottom: 30px
    }
}

@media(max-width: 880px) {
    .article-section__slider .swiper-pagination {
        bottom: 10px
    }

    .article-section__slider .swiper-button-prev,
    .article-section__slider .swiper-button-next {
        width: 38px;
        height: 38px
    }

    .error-section__coll:last-child {
        order: -1
    }

    .error-section__wrapper {
        padding: 100px 0
    }

    .error-section {
        background-position: center
    }

    .large-number {
        font-size: 130px
    }

    .background-block {
        padding: 32px
    }

    .article-section__social {
        padding: 20px
    }

    .back-btn__wrapper {
        padding-top: 20px
    }

    .background-block>p {
        font-size: 20px
    }

    .background-block::before {
        width: 30px
    }

    .background-block .background-block__name {
        font-size: 24px
    }

    .article-section__inner p,
    .article-section__inner ol,
    .article-section__inner ul {
        font-size: 16px
    }

    .article-section__inner ol li::before {
        font-size: 16px;
        width: 28px;
        height: 28px
    }

    .article-section__inner ol li,
    .article-section__inner ul li {
        margin-bottom: 10px
    }

    .publish-section h1 {
        font-size: 38px
    }

    .articles__list .list-item {
        width: 100%;
        padding: 20px
    }

    .publish-section,
    .article-head {
        padding-top: 80px;
        padding-bottom: 30px;
        border-radius: 0 0 40px 40px
    }

    .articles,
    .article-section {
        padding: 40px 0
    }

    .articles__list .list-item__title {
        font-size: 18px
    }

    .article-section__inner .article-section__descr {
        font-size: 22px
    }

    .article-section__inner h1 {
        font-size: 32px
    }

    .reviews__content {
        flex-direction: column;
        gap: 20px
    }

    .reviews-second-slider {
        width: 100%;
        margin: 0
    }

    .reviews-main-slider {
        width: 100%
    }

    .reviews-second-slider::before {
        display: none
    }

    .book-section__wrapper {
        flex-direction: column
    }

    .book-section__wrapper br {
        display: none
    }

    .footer-top {
        border-radius: 40px 40px 0 0
    }

    .service-cards__top {
        flex-direction: column
    }

    .service-cards__top .service-cards__coll {
        width: 100%
    }

    .service-cards__bottom .service-card {
        flex: 0 0 100%
    }

    .how-it-work__wrapper {
        flex-direction: column
    }

    .how-it-work__wrapper .coll {
        width: 100%
    }

    .author-section__top {
        flex-direction: column;
        align-items: center
    }

    .services__blocks {
        max-width: initial
    }

    .book-section__coll .btn {
        width: 100%
    }
}

@media(max-width: 768px) {
    .faq-item__body {
        padding-right: 0px
    }

    .faq-item__body-inner::before {
        width: 100%
    }

    .help-with__image {
        display: none
    }

    .cards-slider {
        padding-left: 0
    }

    .help-with {
        background-position: left -47.25rem bottom 0
    }

    .header__wrapper .header__nav,
    .header__wrapper .header__socials {
        display: none
    }

    .author-section__bottom {
        flex-direction: column
    }

    .author-section__bottom .bottom-card {
        width: 100% !important
    }

    .footer-top__coll:nth-child(2) {
        display: none
    }

    .footer-top__coll {
        width: 50%
    }

    .footer-bottom__wrapper {
        flex-direction: column;
        gap: 30px
    }

    .footer-bottom__coll {
        width: 100%;
        justify-content: center;
        align-items: flex-start
    }
}

@media(max-width: 576px) {
    .service-card__name {
        font-size: 26px;
    }

    .service-cards__bottom .service-card__price {
        min-height: initial;
    }

    .cards-slide {
        padding: 20px;
    }

    .cards-slide__title {
        font-size: 26px;
    }

    .cards-slide__list {
        padding-bottom: 20px;
    }

    .service {
        padding: 20px;
    }

    .advantages-list {
        flex-direction: column;
        gap: 20px
    }

    .section-title {
        font-size: 36px
    }

    .section-descr {
        font-size: 18px
    }

    .cards-slider {
        padding-top: 20px
    }

    .cards-slide {
        max-width: initial;
        width: 85vw
    }

    .services__blocks {
        margin-top: 20px
    }

    .book-image {
        display: none
    }

    .book-card,
    .info-card {
        padding: 20px
    }

    .author-section__bottom .large-num {
        font-size: 66px
    }

    .author-section__bottom .descr {
        font-size: 22px
    }

    .how-it-work,
    .author-section,
    .reviews,
    .prices,
    .faq,
    .services,
    .help-with,
    .book-section,
    .news-section,
    .footer-top {
        padding: 40px 0
    }

    .how-it-work__wrapper .coll-block__body {
        padding: 20px
    }

    .reviews__content {
        padding-top: 20px
    }

    html {
        font-size: 16px
    }

    .news-block {
        flex-direction: column;
        gap: 20px
    }

    .news-block__image {
        order: -1;
        width: 100%;
        margin: 0;
        height: 56vw
    }

    .footer-top__wrapper {
        flex-direction: column;
        gap: 40px
    }

    .footer-top__coll {
        width: 100%
    }

    .footer-top__subtitle {
        font-size: 18px
    }

    .footer-top__subtitle br {
        display: none
    }

    .footer-top__title {
        font-size: 36px;
        margin-bottom: 20px
    }

    .faq-item {
        padding: 18px
    }

    .faq-item__head {
        font-size: 22px
    }

    .news-block__title {
        font-size: 18px
    }

    .service__head {
        flex-direction: column
    }

    .sale-price {
        position: static
    }

    .sale-service {
        position: relative
    }

    .sale-price::before {
        top: 10px;
        right: 10px
    }

    .service__price {
        padding-top: 40px
    }

    .author-section__top-left {
        width: 100%
    }

    .top-right__block h3 {
        font-size: 24px
    }

    .top-right__block p {
        font-size: 18px
    }

    .service-card.orange-card .service-card__name {
        font-size: 22px
    }

    .service-card.orange-card .service-card__descr {
        font-size: 16px
    }

    .service-card__bottom {
        flex-direction: column;
        align-items: flex-start
    }

    .service-card__bottom .service-card__btn {
        width: 100%;
        justify-content: space-between
    }

    .main-screen h1 {
        font-size: 40px
    }

    .main-screen {
        padding: 150px 0
    }

    .footer-bottom__coll:last-child {
        text-align: left
    }

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

    .service__content h4 {
        font-size: 24px
    }
}

@media(max-width: 390px) {
    .section-title {
        font-size: 32px
    }

    .cards-slide,
    .service,
    .book-card,
    .info-card,
    .how-it-work__wrapper .coll-block__body,
    .reviews-main-slider,
    .reviews-second-slider .review-text {
        padding: 20px
    }

    .reviews-second-slider .review-text {
        padding-right: 5px
    }
}