@keyframes heroShimmer {
    0% {
        left: -30%
    }

    to {
        left: 100%
    }
}

html {
    scroll-behavior: smooth;
}

.actions-header__button.button--gray-border {
	display: none
}

#steps {
    scroll-margin-top: 120px;
}

.divider {
    border-top: 1px solid #ddd;
    margin: 30px 0;
    width: 100%;
}


.menu-item-has-children {
    position: relative;
    cursor: pointer;
}

.menu-item-has-children>a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 5px;
    margin-left: 6px;
    background-repeat: no-repeat;
    background-size: 8px 5px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M4 5L0.535898 0.5L7.4641 0.5L4 5Z' fill='black'/></svg>");
    vertical-align: middle;
}

.menu__link:hover::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M4 5L0.535898 0.5L7.4641 0.5L4 5Z' fill='%23ec452b'/></svg>");
}

.spollers {
    display: grid
}

.spollers__item {
    font-size: 1.25rem
}

.spollers__item:not(:last-child) {
    border-bottom: .0625rem solid #d7d7d7
}

.spollers__title {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    width: 100%;
    font-weight: 500;
    cursor: default;
    text-align: left;
    padding: 1.875rem;
    line-height: 130%;
    position: relative;
    list-style: none
}

.spollers__title::-webkit-details-marker,
.spollers__title::marker {
    display: none
}

.--spoller-init .spollers__title {
    cursor: pointer
}

.--spoller-init .spollers__title .spollers__icon {
    transition: transform .5s ease 0s
}

.--spoller-init .spollers__title.--spoller-active .spollers__icon {
    transform: rotate(180deg)
}

.spollers__icon {
    display: flex;
    align-items: center;
    color: #919bb3
}

.spollers__icon::before {
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: url(../img/icons/faq-arrow.svg)0 0/auto no-repeat;
    background-size: contain
}

.spollers__body {
    padding: 0 1.875rem 1.25rem
}

.spollers__text {
    font-size: 1rem;
    line-height: 130%
}

.swiper {
    overflow: hidden
}

.swiper-initialized {
    touch-action: pan-y
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: flex;
    position: relative
}

.swiper-vertical .swiper-wrapper {
    flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start
}

.swiper-initialized .swiper-slide {
    flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
    display: none !important
}

.swiper-button-disabled {
    pointer-events: none;
    opacity: .3
}

main.page {
    padding-top: 6.125rem
}

.hero,
.hero__container,
.needs__container .blockhead__title span,
.page,
.testimonials .blockhead__title span {
    position: relative
}

.hero__container {
    border-radius: 1.5625rem;
    background: linear-gradient(180deg, #480785 0, #a4beeb 100%);
    padding-top: clamp(3rem, 1.3rem + 2.875vw, 4.75rem);
    padding-bottom: 21.38rem
}

.hero-content {
    max-width: 49.75rem;
    width: 100%;
    height: 15.3125rem;
    margin-bottom: 1.88rem;
    position: relative;
    z-index: 3
}

.hero__decor {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -4.8rem;
    width: calc(100% - 5rem);
    padding: 0 9.9rem
}

.hero__decor-star {
    width: 9.501rem;
    height: 9.50425rem
}

.hero__media {
    position: relative;
    z-index: 2;
    margin-top: -21.38rem;
    padding: 0 17.12rem
}

.hero__image {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    aspect-ratio: 1.633375474/1
}

.hero__image img {
    width: 100%;
    height: 100%;
    border-radius: 1.5625rem
}

.hero__image--mob {
    display: none
}

.hero-buttons {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: .63rem;
    width: 100%
}

.hero-buttons .button,
.hero-upload {
    display: flex;
    align-items: center;
    justify-content: center
}

.hero-buttons .button {
    width: 100%;
    text-align: center;
    height: 3.75rem
}

.hero-upload {
    position: absolute;
    inset: 0;
    border-radius: .625rem;
    border: 1px dashed #d9d9d9;
    background: rgba(217, 217, 217, .1);
    backdrop-filter: blur(4px)
}

.hero-upload__actions.mob,
.hero-upload__inner {
    flex-direction: column;
    align-items: center;
    width: 100%
}

.hero-upload__inner {
    display: flex
}

.hero-upload__error-icon,
.pagination__control svg {
    width: 1.5rem;
    height: 1.5rem
}

.hero-upload__head {
    display: flex;
    align-items: center;
    gap: .5rem
}

.hero-upload__icon::before {
    color: #fff;
    font-size: 1rem
}

.hero-upload__title {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.0375rem
}

.hero-upload__limit {
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 130%;
    color: rgba(255, 255, 255, .75);
    margin-top: .63rem
}

.hero-upload__limit a {
    text-decoration: underline
}

.hero-upload__actions {
    margin-top: 1.5rem;
    display: flex;
    gap: 1.5rem
}

.hero-upload__btn {
    align-items: center;
    gap: .75rem;
    justify-content: center;
    padding: .94rem 1.5rem;
    color: #5f69c5;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.03375rem;
    border-radius: .625rem;
    background: #fff;
    transition: .3s ease-out
}

.hero-upload__btn,
.hero-upload__btn-icon {
    display: inline-flex
}

.hero-upload__btn-icon img {
    width: 1.5rem;
    height: 1.5rem;
    filter: brightness(1) contrast(100%);
    transition: filter .3s ease-out
}

.hero-upload__actions.mob {
    gap: .94rem;
    display: none;
    margin-top: 0
}

.hero-upload__actions.mob .hero-upload__btn {
    width: 100%
}

.hero-upload__filename,
.hero-upload__percent {
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.02625rem
}

.hero-upload__filename {
    color: #fff;
    margin-top: 3.19rem
}

.hero-upload__percent {
    color: rgba(255, 255, 255, .75);
    margin-top: .81rem
}

.hero-upload__progress {
    position: relative;
    max-width: 27.0625rem;
    width: 100%;
    height: .375rem;
    border-radius: .625rem;
    background: rgba(217, 217, 217, .55);
    overflow: hidden;
    margin-top: .63rem
}

.hero-upload__progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #d9d9d9;
    border-radius: .625rem;
    overflow: hidden
}

.hero-upload__progress-fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: -30%;
    width: 30%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .75), rgba(255, 255, 255, 0));
    animation: heroShimmer 1.1s linear infinite
}

@media (any-hover:hover) {
    .hero-upload__link:hover {
        text-decoration: none
    }

    .hero-upload__btn:hover {
        background: #5f69c5;
        color: #fff
    }

    .hero-upload__btn:hover img {
        filter: brightness(2.5) contrast(200%)
    }
}

.hero__float {
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 5.25rem
}

.hero__float-group {
    margin-bottom: -5.56rem;
    position: relative
}

.hero__float-group.left {
    padding-left: 12.2rem
}

.hero__float-group.right {
    padding-right: 14rem
}

.hero__float-group.left .hero__float-bottom,
.hero__float-group.left .hero__float-top {
    transform-origin: right
}

.hero__float-group.right .hero__float-bottom,
.hero__float-group.right .hero__float-top {
    transform-origin: left
}

.hero__float-bottom,
.hero__float-top {
    position: absolute;
    transition: .3s ease-out
}

.hero__float-group.left .hero__float-lines {
    width: 9.9375rem;
    height: 28.375rem
}

.hero__float-group.left .hero__float-top {
    left: 0;
    top: -2.88rem;
    width: 11.125rem;
    height: 6.6875rem
}

.hero__float-group.left .hero__float-bottom {
    top: 6.44rem;
    left: 2.44rem;
    width: 8.75rem;
    height: 4.6875rem
}

.hero__float-group.right .hero__float-lines {
    width: 10rem;
    height: 29.3125rem
}

.hero__float-group.right .hero__float-top {
    top: -2.06rem;
    right: 0;
    width: 13.0625rem;
    height: 6.1875rem
}

.hero__float-group.right .hero__float-bottom {
    right: 4.75rem;
    top: 6rem;
    width: 8.4375rem;
    height: 3.8125rem
}

.sliders__container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    min-height: 16rem
}

.sliders__slide {
    background-color: #eff0f9;
    padding: 1.875rem;
    border-radius: 1.5625rem
}

.sliders__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .375rem;
    color: #5f69c5;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.03rem
}

.sliders__icon:not(:last-child) {
    margin-bottom: 1.125rem
}

.sliders__title {
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.03em;
    color: #000
}

.sliders__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 130%;
    color: #000
}

.sliders__actions {
    display: none;
    justify-content: center;
    gap: 1.25rem
}

.sliders__button {
    display: flex;
    justify-content: center;
    background-color: #eff0f9;
    width: 3.5rem;
    height: 3.5rem;
    flex: 0 0 3.5rem;
    border-radius: .625rem;
    transition: all .3s
}

.sliders__button--next,
.sliders__button--prev {
    font-size: 1.5rem;
    padding-top: .4375rem
}

.sliders__button--next {
    transform: rotate(-180deg)
}

.sliders__button--next-mob,
.sliders__button--prev-mob {
    display: none;
    font-size: 1.5rem;
    padding-top: .4375rem
}

.sliders__button--next-mob {
    transform: rotate(-180deg)
}

.works {
    margin-bottom: 1.44rem
}

.works__items {
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.works__pagination {
    display: none;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    margin-top: 1.3rem
}

.works__bullet {
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background: #c9cbe3;
    transition: background-color .2s ease
}

.works__bullet--active {
    background: #5f69c5
}

.works__more,
.works__more-block {
    display: flex;
    align-items: center;
    width: 100%
}

.works__more {
    flex-direction: column;
    gap: 1.56rem;
    margin-top: 1.63rem
}

.works__more-block {
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    padding: .44rem 1.69rem .37rem 1.44rem;
    border-radius: .625rem;
    background: #eff0f9;
    max-width: 30.3125rem
}

.works__more-text {
    color: #5f69c5;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.03rem
}

.works__more-text span {
    font-weight: 700
}

.works__more-icon {
    width: 4rem;
    height: 4rem
}

.works__more-arrow {
    width: 4.5rem;
    height: 4.5rem
}

.card,
.card__items {
    display: flex;
    flex-direction: column
}

.card {
    align-items: stretch;
    position: relative;
    padding: 2.5rem 2.5rem 0
}

.card::before {
    content: "";
    display: block;
    z-index: -1;
    width: 100%;
    height: 20.375rem;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 1.5625rem;
    background: #eff0f9
}

.card__items {
    width: 100%;
    align-items: center;
    gap: .69rem
}

.card__number {
    color: rgba(0, 0, 0, .5);
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.03rem
}

.card__title {
    color: #000;
    font-size: 2rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.06rem;
    text-align: center
}

.card__image {
    margin-top: 2.5rem
}

.card__image img {
    border-radius: 1rem;
    width: 100%;
    aspect-ratio: 81/50;
    object-fit: contain
}

.card__image.desktop img {
    border-radius: 1rem;
    border: .0625rem solid #e4e4e4
}

.card__image.mob {
    display: none
}

.tailor__container {
    border: .0625rem solid #d6d6d6;
    border-radius: 1.5625rem;
    display: grid;
    padding: 0;
    grid-template-columns: 1fr 1fr;
    align-items: center
}

.tailor__blockhead {
    padding: 2.5rem 0 2.5rem 11rem;
    padding-left: clamp(4rem, -27.449324324325rem + 30.2702702703vw, 8.875rem)
}

.tailor__blockhead .blockhead__label {
    color: #5f69c5
}

.tailor__image {
    height: 100%;
    border-radius: 1.5625rem;
    background: rgba(116, 120, 157, .2)
}

.tailor__image img,
.templates__image img {
    height: 100%;
    width: 100%;
    border-radius: 2rem;
    object-fit: contain;
    aspect-ratio: 759/500
}

.tailor__image img.full {
    object-fit: cover;
    object-position: center
}

.tailor__image.mob {
    display: none
}

.tailor__image img.bottom {
    object-position: bottom center
}

.templates__container {
    background-color: #eff0f9;
    border-radius: 1.5625rem;
    display: grid;
    padding: 0;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: clamp(1.875rem, -1.166534652175rem + 6.3366955435vw, 11rem)
}

.templates__blockhead {
    padding: 2.5rem 3.94rem 2.5rem 2rem
}

.templates__blockhead .blockhead__label {
    color: #5f69c5
}

.templates__image {
    height: 100%;
    border-radius: 1.5625rem;
    background: rgba(116, 120, 157, .2)
}

.templates__image img.full {
    object-fit: cover;
    object-position: center
}

.templates__image.mob {
    display: none
}

.preview__container,
.video-watermark__container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100% !important;
    padding: 4.31rem 4.94rem 4.25rem
}

.video-watermark__container {
    background: url(../img/video-watermarking/bg.webp)no-repeat center
}

.preview__container {
    background: url(../img/gallery/bg.webp)no-repeat center
}

.preview__column {
    display: grid;
    grid-template-columns: repeat(5, auto);
    grid-template-rows: auto;
    gap: 1.875rem
}

.preview__blockhead {
    z-index: 2
}

.preview__blockhead .blockhead__content {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.qiuck-card__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.875rem;
    padding: 0
}

.qiuck-card__blockhead {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    background-color: #eff0f9;
    border-radius: 1.5625rem;
    padding: clamp(1.25rem, .25rem + 5vw, 6.25rem) clamp(1.25rem, .5rem + 3.75vw, 5rem) clamp(1.25rem, .7rem + 2.75vw, 4rem)
}

.needs__blockhead:not(:last-child) {
    margin-bottom: clamp(2.3125rem, 2.025rem + 1.4375vw, 3.75rem)
}

.needs__container .blockhead__title span::after {
    content: "";
    background: url(../img/icons/needs.svg)no-repeat center;
    position: absolute;
    bottom: -.2rem;
    left: -.2rem;
    width: 105%;
    aspect-ratio: 19.5/1;
    background-size: contain
}

.needs__items {
    max-width: 95.5rem;
    margin: 0 auto
}

.needs__title-decor {
    font-weight: 900;
    line-height: 100%;
    text-align: center;
    color: rgba(95, 105, 197, .1);
    margin-top: -36rem;
    margin-bottom: 4.25rem;
    position: relative;
    z-index: -1
}

.needs__column {
    display: grid;
    grid-template-columns: repeat(5, 9.375rem);
    grid-template-rows: auto;
    gap: 1.25rem 2.5rem;
    justify-content: center;
    align-items: start
}

.needs__item--1 {
    grid-column: 1;
    grid-row: 2;
    margin-top: -5rem
}

.needs__item--2 {
    grid-column: 2;
    grid-row: 3
}

.needs__item--3 {
    grid-column: 3;
    grid-row: 1
}

.needs__item--4 {
    grid-column: 3;
    grid-row: 2
}

.needs__item--5 {
    grid-column: 5;
    grid-row: 2;
    margin-top: -5rem
}

.needs__item--6 {
    grid-column: 4;
    grid-row: 3
}

.needs__text {
    text-align: center;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.03em;
    color: #000
}

.watermark-generator__container {
    border-radius: 1.5625rem;
    background: linear-gradient(90deg, rgba(72, 7, 133, .15)0, rgba(164, 190, 235, .15) 100%);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 4.94rem 5.25rem 4.94rem 6.25rem
}

.watermark-generator__image img {
    border-radius: 2rem;
    width: 59.625rem;
    aspect-ratio: 1.665/1
}

.watermark-generator__image--mob {
    display: none
}

.screenshots__container {
    background-color: #eff0f9;
    border-radius: 1.5625rem;
    position: relative;
    padding: clamp(3.125rem, 2.25rem + 4.375vw, 7.5rem) clamp(1.25rem, -.15rem + 7vw, 8.25rem) clamp(3.125rem, 2.25rem + 4.375vw, 7.5rem) clamp(1.25rem, -.45rem + 8.5vw, 9.75rem)
}

.screenshots__container::after,
.screenshots__container::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: -.3125rem;
    position: absolute
}

.screenshots__container::before {
    left: -100%;
    z-index: 2
}

.screenshots__container::after {
    right: -100%
}

.screenshots__button {
    display: flex;
    justify-content: center;
    background-color: #fff;
    width: 3.5rem;
    height: 3.5rem;
    flex: 0 0 3.5rem;
    border-radius: .625rem;
    transition: all .3s
}

.screenshots__button--next,
.screenshots__button--prev {
    font-size: 1.5rem;
    padding-top: .4375rem
}

.screenshots__button--next {
    transform: rotate(-180deg)
}

.screenshots__slider {
    position: relative;
    overflow: visible
}

.screenshots__image img {
    border-radius: .9375rem
}

.screenshots__image--mob {
    display: none
}

.screenshots__actions {
    display: flex;
    justify-content: center;
    gap: 1.25rem
}

.testimonials__container {
    position: relative;
    padding-top: clamp(3.125rem, 2.25rem + 4.375vw, 7.5rem);
    padding-left: clamp(1.25rem, -.45rem + 8.5vw, 9.75rem);
    padding-right: clamp(1.25rem, -.15rem + 7vw, 8.25rem)
}

.testimonials__container::after,
.testimonials__container::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    position: absolute
}

.testimonials__container::before {
    left: -100%;
    z-index: 2
}

.testimonials__container::after {
    right: -100%
}

.testimonials__button {
    display: flex;
    justify-content: center;
    background-color: #f6f7fc;
    width: 3.5rem;
    height: 3.5rem;
    flex: 0 0 3.5rem;
    border-radius: .625rem;
    transition: all .3s
}

.testimonials__button--next,
.testimonials__button--prev {
    font-size: 1.5rem;
    padding-top: .4375rem
}

.testimonials__button--next {
    transform: rotate(-180deg)
}

.testimonials__slide {
    display: flex;
    flex-direction: column;
    background-color: #eff0f9;
    border-radius: .625rem;
    padding: 1.125rem 1.875rem 1.875rem
}

.testimonials__top {
    margin-bottom: 1rem
}

.testimonials__content {
    display: flex;
    flex: 1 1 auto;
    border-top: .0625rem solid #d9dfee;
    padding-top: 1rem
}

.testimonials__content:not(:last-child) {
    margin-bottom: 2.625rem
}

.testimonials__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 130%;
    color: #000
}

.testimonials__footer,
.top-testimonials {
    display: flex;
    align-items: center;
    gap: .625rem
}

.testimonials .blockhead__title span::after {
    content: "";
    background: url(../img/icons/testimonials.svg)no-repeat center;
    background-size: contain;
    position: absolute;
    right: -2.8rem;
    top: -1rem;
    width: 3rem;
    height: 3rem
}

.top-testimonials {
    gap: 1.1875rem
}

.top-testimonials__avatar,
.top-testimonials__avatar img {
    border-radius: 50%
}

.top-testimonials__name {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 120%;
    letter-spacing: -.03em;
    color: #000
}

.top-testimonials__name:not(:last-child) {
    margin-bottom: .1875rem
}

.top-testimonials__label {
    font-weight: 400;
    font-size: 1rem;
    line-height: 120%;
    color: rgba(0, 0, 0, .5)
}

.footer-testimonials__number {
    color: #3d4858;
    font-size: .9375rem;
    line-height: 130%;
    font-weight: 600
}

.footer-testimonials__rating {
    color: #5f69c5
}

.faq__container {
    position: relative;
    display: grid;
    grid-template-columns: 27.3125rem 1fr;
    gap: 1.875rem;
    padding: clamp(3.125rem, 2.25rem + 4.375vw, 7.5rem) clamp(1.25rem, -.15rem + 7vw, 8.25rem) clamp(3.125rem, 2.25rem + 4.375vw, 7.5rem) clamp(1.25rem, -.45rem + 8.5vw, 9.75rem)
}

.faq__blockhead,
.faq__spollers {
    position: relative;
    background-color: #eff0f9;
    border-radius: 1.5625rem
}

.faq__blockhead {
    overflow: hidden
}

.faq__spollers {
    z-index: 2
}

.personalized {
    position: relative;
    z-index: 3
}

.personalized__container {
    border-radius: 1.5625rem;
    background: linear-gradient(90deg, #480785 0, #a4beeb 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.personalized__image {
    position: relative;
    z-index: 1
}

.personalized__image--01 {
    position: absolute;
    width: 22.125rem;
    height: 20.4375rem;
    bottom: 0;
    left: 9.125rem;
    z-index: 2
}

.personalized__image--02 {
    position: absolute;
    width: 24rem;
    height: 19.3125rem;
    bottom: 0;
    right: 9.125rem;
    z-index: 2
}

.page__show-more {
    margin-top: -6rem;
    margin-bottom: 7.88rem
}

.show-more__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0
}

.show-more__button {
    width: 16.1875rem;
    height: 4.25rem;
    padding: .625rem 1.5rem;
    transition: .3s ease-out;
    border-radius: .625rem;
    background: #eff0f9;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.03375rem
}

.photo-watermark .tailor__container {
    border: unset;
    background: linear-gradient(90deg, rgba(72, 7, 133, .15)0, rgba(164, 190, 235, .15) 100%)
}

.photo-watermark .tailor__image {
    background: unset
}

.steps {
    padding-bottom: 14rem
}

.steps__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0
}

.steps__text,
.steps__title {
    width: 100%;
    text-align: center;
    color: #000
}

.steps__title {
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 800;
    line-height: normal;
    letter-spacing: -.12rem;
    max-width: 60.3125rem
}

.steps__title span {
    position: relative;
    margin: 0 .8rem;
    display: inline-flex
}

.steps__title span::after {
    content: "";
    background: url(../img/icons/7.svg)no-repeat center;
    background-size: contain;
    position: absolute;
    width: 5.5rem;
    height: 5.75rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -52%)
}

.steps__text {
    max-width: 28.5rem;
    font-weight: 400;
    line-height: 130%;
    margin-top: 1.5rem
}

.steps__items {
    gap: 5rem;
    margin-top: 5rem
}

.steps__item,
.steps__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.steps__item-step {
    color: rgba(0, 0, 0, .25);
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.06rem
}

.steps__item-text,
.steps__item-title {
    width: 100%;
    color: #000;
    text-align: center
}

.steps__item-title {
    max-width: 56.5625rem;
    font-size: clamp(1.875rem, 5vw, 3.25rem);
    font-weight: 600;
    line-height: normal;
    letter-spacing: -.0975rem;
    margin-top: 1.5rem
}

.steps__item-text {
    max-width: 48.75rem;
    font-weight: 400;
    line-height: 130%;
    margin-top: 1.25rem
}

.steps__item-img {
    margin-top: 3.75rem;
    max-width: 94.875rem;
    width: 100%;
    min-height: 30.875rem
}

.steps__item-img.mob {
    display: none
}

@media (any-hover:hover) {

    .hero__float-bottom:hover,
    .hero__float-top:hover {
        transform: scale(112%)
    }

    .show-more__button:hover {
        background: #d8d8ea
    }
}

.page__404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 6.63rem;
    padding-bottom: 9.94rem
}

.not-found__decor {
    max-width: 41rem;
    width: 100%;
    margin-bottom: -12.875rem;
    z-index: -1;
    aspect-ratio: 1.89/1
}

.not-found__circle {
    width: 4.125rem;
    height: 4.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 16px 24px rgba(0, 0, 0, .2);
    border-radius: 50%
}

.not-found__circle-icon {
    width: 1.625rem;
    height: 1.625rem
}

.not-found__label {
    color: #d83f3f;
    margin-top: 1.88rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.03rem
}

.not-found__text,
.page__404 .blockhead__title {
    text-align: center;
    margin-top: .63rem;
    margin-bottom: 0
}

.not-found__text {
    margin-top: .56rem;
    max-width: 24.3125rem;
    opacity: 1;
    font-size: clamp(1rem, .887rem + .19vw, 1.125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.page__404 .button {
    margin-top: 1.87rem
}

.payment-result__container {
    display: flex;
    justify-content: center;
    padding: 0
}

.payment-result__card,
.result-card__icon {
    position: relative;
    display: flex;
    align-items: center
}

.payment-result__card {
    max-width: 32.6875rem;
    width: 100%;
    background: #fff;
    border-radius: .625rem;
    box-shadow: 0 24px 40px rgba(0, 0, 0, .1);
    flex-direction: column;
    padding: clamp(1.25rem, 1.2rem + 1.5vw, 2.5rem) clamp(1.5rem, .9rem + 1.75vw, 3.25rem) clamp(1.25rem, 1.4rem + 3vw, 2.5rem)
}

.result-card__icon {
    width: 7.125rem;
    height: 7.125rem;
    justify-content: center
}

.result-card__icon-decor--inner {
    position: absolute;
    width: 4.7025rem;
    height: 4.7025rem;
    border-radius: 50%;
    background: currentColor;
    opacity: .1
}

.result-card__icon-decor--ring {
    position: absolute;
    width: 7.125rem;
    height: 7.125rem;
    border-radius: 50%;
    opacity: .1;
    border: 1px solid currentColor
}

.result-card__icon-mark {
    position: absolute;
    width: 2.1575rem;
    height: 2.1575rem
}

.result-card--success .result-card__icon {
    color: #6ad83f
}

.result-card--failed .result-card__icon {
    color: #d83f3f
}

.result-card__title {
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: clamp(1.125rem, 1rem + .75vw, 1.5rem);
    margin-top: 1.25rem;
    letter-spacing: -.045rem
}

.result-card__text {
    max-width: 21.5rem;
    text-align: center;
    color: #000;
    line-height: 130%;
    font-size: clamp(1rem, .95rem + .25vw, 1.125rem);
    margin-top: .88rem
}

.result-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 1.88rem;
    width: 100%
}

.result-card__actions .button {
    width: 100%;
    justify-content: center;
    padding: .94rem 1rem
}

.result-card__actions .desktop {
    display: flex
}

.result-card__actions .mob {
    display: none
}

.result-card__link {
    margin-top: 1.87rem;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    font-size: clamp(1rem, .95rem + .25vw, 1.125rem);
    transition: .3s ease-out
}

@media (max-width:47.99875em) {
    .payment-result__card {
        padding: 1.25rem 1.5rem
    }

    .result-card__actions {
        grid-template-columns: 1fr;
        gap: .75rem;
        margin-top: 1.25rem
    }

    .result-card__link {
        margin-top: 1.25rem
    }

    .result-card__text {
        margin-top: .75rem;
        max-width: 100%
    }

    .result-card__actions .desktop {
        display: none
    }

    .result-card__actions .mob {
        display: flex
    }

    .result-card__actions .mob-hidden {
        display: none
    }
}

@media (max-width:30em) {
    .page__payment-result {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width:30em) {
    .page__payment-result {
        padding-top: clamp(2.5rem, 1.5rem + 5vw, 10rem);
        padding-bottom: clamp(5rem, 4rem + 5vw, 10rem)
    }
}

@media (any-hover:hover) {
    .result-card__link:hover {
        color: #ec452b
    }
}

.page__contacts {
    padding-top: 2rem;
    padding-bottom: 1.87rem
}

.contacts__container {
    display: flex;
    flex-direction: column;
    padding: 0
}

.contacts__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.94rem
}

.contacts__block {
    background: #eff0f9;
    border-radius: 1.5625rem;
    position: relative;
    overflow: hidden
}

.contacts__block--left {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 1.5625rem;
    border: .625rem solid #eff0f9
}

.contacts__left {
    padding: 1.875rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.contacts__title {
    color: #000;
    font-size: 4rem;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -.12rem;
    max-width: 19.4375rem
}

.contacts__description {
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 130%;
    max-width: 19.4375rem;
    margin-top: 1.13rem
}

.contacts__decor {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 27.125rem;
    aspect-ratio: 434/267
}

.contacts__social {
    margin-top: auto
}

.contacts__social-label {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    line-height: 130%
}

.contacts__social-icons {
    display: flex;
    gap: .9375rem;
    margin-top: .94rem
}

.contacts__social-link {
    width: 2.5rem;
    height: 2.5rem;
    aspect-ratio: 1/1;
    cursor: pointer;
    transition: .3s ease-out
}

.contacts__social-link img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.contacts__info {
    position: relative;
    z-index: 1;
    padding: 1.875rem 1.875rem 1.875rem 3.44rem;
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.contacts__info-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    max-width: 17.625rem
}

.contacts__info-list {
    display: flex;
    flex-direction: column;
    gap: 1.38rem;
    margin-top: 2.44rem
}

.contacts__info-item {
    display: flex;
    align-items: flex-start;
    gap: .63rem
}

.contacts__info-icon {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    margin-top: .19rem
}

.contacts__info-content {
    display: flex;
    flex-direction: column;
    gap: .38rem
}

.contacts__info-label,
.contacts__info-value {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    line-height: 130%
}

.contacts__info-value {
    font-weight: 700;
    transition: .3s ease-out
}

.contacts__block--right {
    display: flex;
    flex-direction: column;
    gap: 1.9375rem;
    padding: 2.5rem
}

.contacts__form-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.contacts__form-top.mob,
.page--contacts .screenshots__container::after,
.page--contacts .screenshots__container::before {
    display: none
}

.contacts__form-title {
    font-size: 2rem;
    color: #000;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.06rem;
    margin-bottom: 1.0625rem
}

.contacts__form-description {
    font-size: 1.125rem;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
    opacity: .75
}

.contacts__block form {
    display: flex;
    flex-direction: column;
    gap: 1.9375rem
}

.contacts__form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.625rem
}

.contacts__form-input,
.contacts__form-textarea {
    width: 100%;
    padding: .94rem 1.5rem;
    background: #fff;
    border: 0;
    border-radius: .625rem;
    font-size: 1.125rem;
    font-weight: 400;
    color: #000
}

.contacts__form-input {
    height: 3.25rem
}

.contacts__form-textarea {
    height: 9.75rem;
    resize: none
}

.contacts__form-input::placeholder,
.contacts__form-textarea::placeholder {
    color: #000;
    opacity: 1
}

.contacts__form-input[placeholder]:not([data-fls-placeholder-nohiden])::placeholder,
.contacts__form-textarea[placeholder]:not([data-fls-placeholder-nohiden])::placeholder {
    transition: opacity .3s
}

.contacts__form-input[placeholder]:not([data-fls-placeholder-nohiden]):focus::placeholder,
.contacts__form-textarea[placeholder]:not([data-fls-placeholder-nohiden]):focus::placeholder {
    opacity: 0
}

.contacts__form-button {
    height: 4.625rem;
    background: #ec452b;
    border: 0;
    border-radius: .625rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0 1rem 2rem rgba(127, 41, 28, .15);
    outline: 2px solid rgba(255, 255, 255, .1);
    outline-offset: -2px
}

.contacts__slider {
    overflow: hidden;
    flex: 1;
    min-width: 0
}

.contacts__card {
    background: #fff;
    border-radius: 1.5625rem;
    padding: 2.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: .3s ease-out
}

.contacts__card-text,
.contacts__card-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    line-height: 1.3
}

.contacts__card-text {
    font-size: 1rem;
    font-weight: 400;
    flex: 1;
    margin-top: .94rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.contacts__card-meta {
    display: flex;
    flex-direction: row;
    gap: 1.88rem;
    align-items: center;
    margin-top: 1.25rem
}

.contacts__card-date,
.contacts__card-tag {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3
}

.contacts__card-date {
    color: #000;
    opacity: .5
}

.contacts__card-tag {
    color: #5f69c5
}

.page--contacts .page__screenshots {
    padding-bottom: 1.88rem
}

.page--contacts .screenshots__container {
    padding: 3.31rem 2.5rem 3.75rem
}

.page--contacts .blockhead__title {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.06rem;
    margin-bottom: 0
}

.page--contacts .blockhead--screenshots {
    align-items: flex-end;
    margin-bottom: 1.88rem
}

@media (max-width:89.875em) {
    .contacts__top {
        grid-template-columns: 1fr
    }
}

@media (max-width:75em) {
    .contacts__top {
        display: flex;
        flex-direction: column-reverse
    }
}

@media (max-width:68.75em) {
    .page--contacts .screenshots {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .page--contacts .screenshots__container {
        border-radius: 1.5625rem
    }
}

@media (max-width:47.99875em) {
    .contacts__top {
        gap: 1.25rem
    }

    .contacts__form-top.desktop {
        display: none
    }

    .contacts__form-top.mob {
        display: flex
    }

    .contacts__block--right {
        padding: 1.25rem;
        gap: 1.25rem
    }

    .contacts__form-row {
        grid-template-columns: 1fr;
        gap: 1.25rem
    }

    .contacts__form-textarea {
        height: 6.5rem
    }

    .contacts__form-content {
        gap: 1.25rem
    }

    .contacts__form-button {
        height: 3.875rem;
        font-size: 1rem
    }

    .page--contacts .page__screenshots,
    .page__contacts {
        padding-bottom: 1.25rem
    }

    .page--contacts .screenshots {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .page--contacts .blockhead--screenshots {
        justify-content: center;
        margin-bottom: 1.5rem
    }

    .page--contacts .blockhead__title {
        font-size: 1.5rem
    }

    .page--contacts .screenshots__container {
        padding: 1.87rem 1.25rem
    }

    .contacts__card {
        padding: 1.25rem
    }

    .contacts__card-text {
        -webkit-line-clamp: 4
    }

    .contacts__form-title {
        margin-bottom: .75rem
    }

    .contacts__block--left {
        display: flex;
        flex-direction: column-reverse;
        border: unset;
        background: unset;
        gap: 1.25rem
    }

    .contacts__decor,
    .contacts__description,
    .contacts__title {
        display: none
    }

    .contacts__info {
        border-left: 0;
        border-radius: 1.25rem;
        background: #eff0f9;
        padding: 1.87rem 1.25rem
    }

    .contacts__info-title {
        font-size: 1.5rem;
        letter-spacing: -.045rem
    }

    .contacts__info-list {
        margin-top: 1.25rem
    }

    .contacts__left {
        border-radius: 1.25rem;
        background: #eff0f9;
        padding: 1.87rem 1.25rem
    }

    .contacts__social-icons {
        gap: 1.25rem
    }
}

@media (max-width:30em) {
    .page__contacts {
        padding-top: 1.25rem
    }

    .page--contacts .page__screenshots,
    .page__contacts {
        padding-bottom: 1.25rem
    }
}

@media (any-hover:hover) {
    .contacts__social-link:hover {
        opacity: .75
    }

    .contacts__info-value.link:hover {
        color: #ec452b
    }

    .contacts__form-button:hover {
        background: #ee5840
    }

    .contacts__card:hover {
        background: #f8f8f8
    }
}

.page--blog .blog__container {
    padding: clamp(3rem, 2rem + 5vw, 5rem)0 clamp(5rem, 4rem + 5vw, 10rem)
}

.blog__head {
    display: flex;
    flex-direction: column
}

.blog__suptitle {
    color: #5f69c5;
    font-weight: 600;
    font-size: 1.25rem
}

.blog__title {
    margin-top: 1.88rem;
    font-size: clamp(2rem, 1.2rem + 2.5vw, 4rem);
    font-weight: 800;
    letter-spacing: -.03em
}

.blog__subtitle {
    margin-top: 1.06rem;
    font-weight: 300;
    line-height: 130%;
    max-width: 41.2rem
}

.blog__grid {
    display: grid;
    grid-template-columns: 1fr 37.0625rem;
    gap: 1.875rem;
    margin-top: 6.25rem
}

.post {
    background: #eff0f9;
    border-radius: 1.5625rem;
    padding: 2.5rem 1.25rem 1.25rem;
    position: relative
}

.post:not(:first-child) {
    margin-top: 1.88rem
}

.post__header {
    width: 100%;
    padding: 0 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.post__title {
    font-size: clamp(1.25rem, 1.05rem + .75vw, 2rem);
    font-weight: 700
}

.post:hover .post__title,
.related__item:hover .related__item-title {
    text-decoration: underline
}

.post__excerpt {
    line-height: 130%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.post__media {
    width: 100%;
    position: relative;
    margin-top: 1.87rem;
    border-radius: 1.5625rem;
    overflow: hidden
}

.post__overlay {
    position: absolute;
    inset: 0;
    z-index: 5
}

.post__image {
    width: 100%;
    aspect-ratio: 1177/448
}

.post__badges {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    display: flex;
    gap: .62rem
}

.post__badge {
    display: inline-flex;
    align-items: center;
    padding: .4375rem 1.25rem;
    background: #fff;
    border-radius: .625rem;
    font-size: 1rem;
    line-height: 130%
}

.post__badge.tag {
    color: #5f69c5
}

.post__badge.date {
    color: rgba(0, 0, 0, .5)
}

.related__wrap {
    background: #eff0f9;
    border-radius: 1.5625rem;
    padding: 2.5rem
}

.related__title {
    font-size: 2rem;
    font-weight: 700
}

.related__list {
    margin-top: 1.88rem
}

.related__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: .3s ease-out;
    padding-top: 1.88rem;
    padding-bottom: 1.25rem;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.related__item:last-child {
    padding-bottom: 0
}

.related__item-title {
    font-size: 1.25rem;
    font-weight: 700
}

.related__item-text {
    margin-top: .94rem;
    line-height: 130%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.related__item-meta {
    display: flex;
    gap: 1.88rem;
    align-items: center;
    margin-top: 1.25rem
}

.related__item-date {
    opacity: .5;
    font-size: 1rem
}

.related__item-tag {
    color: #5f69c5;
    font-size: 1rem
}

.pagination {
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: .25rem;
    margin-top: 2.38rem
}

.pagination__control svg path {
    transition: .3s ease-out
}

.pagination__control,
.pagination__page {
    background: #fff;
    border: .0625rem solid #cad5e2;
    border-radius: .375rem;
    height: 3.5rem;
    text-align: center;
    transition: .3s ease-out;
    color: #000;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination__page.active {
    background: #5f69c5;
    color: #fff;
    border-color: transparent
}

@media (max-width:89.875em) {
    .blog__grid {
        grid-template-columns: 1fr;
        gap: 3.75rem;
        margin-top: 3.5rem
    }
}

@media (max-width:47.99875em) {
    .blog__suptitle {
        font-size: 1.125rem
    }

    .blog__title {
        margin-top: 1.1rem;
        font-size: 2rem
    }

    .blog__subtitle {
        font-size: 1rem
    }

    .blog__grid {
        margin-top: 1.88rem
    }

    .post {
        padding: 1.25rem;
        border-radius: 1.25rem;
        display: flex;
        flex-direction: column-reverse;
        gap: 1.25rem
    }

    .post:not(:first-child) {
        margin-top: 1.25rem
    }

    .post__header {
        padding: 0;
        gap: .69rem
    }

    .post__media {
        margin-top: 0
    }

    .post__title {
        font-size: 1.5rem
    }

    .post__excerpt {
        -webkit-line-clamp: 4;
        font-size: 1rem
    }

    .related__wrap {
        padding: 1.25rem
    }

    .related__title {
        font-size: 1.5rem
    }

    .related__list {
        margin-top: 1.25rem
    }

    .related__item {
        padding-top: 1.25rem
    }

    .related__item-meta {
        margin-top: 1rem
    }

    .related__item-title {
        font-size: 1.125rem
    }

    .related__item-text {
        font-size: 1rem;
        margin-top: .75rem;
        -webkit-line-clamp: 4
    }

    .pagination {
        margin-top: 1.87rem
    }

    .pagination__page.mob-hidden {
        display: none
    }
}

@media (max-width:30em) {
    .post__image {
        aspect-ratio: 280/247;
        border-radius: .9375rem;
        object-fit: cover
    }

    .pagination__control,
    .pagination__page {
        height: auto;
        aspect-ratio: 1/1
    }
}

@media (any-hover:hover) {

    .pagination__control:hover,
    .pagination__page:hover {
        background: #5f69c5;
        color: #fff;
        border: unset
    }

    .pagination__control:hover svg path {
        stroke: #fff
    }
}

.page--blog-article .blog__container {
    padding-top: 2rem
}

.article {
    max-width: 56.5rem;
    margin-left: auto;
    margin-right: auto
}

.article__cover {
    margin-bottom: 5rem
}

.article__cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 1.5625rem;
    aspect-ratio: 905/411
}

.article__badges {
    display: flex;
    gap: .63rem;
    margin-bottom: 1.75rem
}

.article__badges .post__badge {
    border-radius: .625rem;
    background: #eff0f9
}

.article__title {
    font-weight: 600;
    font-size: clamp(2rem, 1.5rem + 1.5vw, 3.25rem);
    line-height: 110%;
    margin-bottom: 1.25rem
}

.article__title.mt {
    margin-top: 6.5rem
}

.article__lead {
    font-size: 1.125rem;
    line-height: 130%
}

.article__text.blog__text {
    margin-top: 4.75rem
}

.page--privacy h2,
.single-post .blog__content h2 {
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: -.03rem;
    margin-top: 4.13rem;
    line-height: normal
}

.page--privacy h3,
.single-post .blog__content h3,
.article__subtitle {
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: -.06rem;
    margin-top: 4.13rem;
    line-height: normal
}

.single-post .blog__content h3 {
    margin-top: 3.2rem
}

.article__text {
    margin-top: 1.25rem;
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 130%
}

.page--privacy {
    padding-bottom: clamp(5rem, 4rem + 5vw, 10rem);
}

address {
    line-height: 150%;
    font-style: normal;
}

.page--privacy a,
.single-post .blog__content a,
.article__link {
    text-decoration: underline;
    display: inline
}

.page--privacy p,
.single-post .blog__content p {
    margin-top: 1.25rem
}

.blog__content p:has(em) {
    max-width: 80%;
    margin: 0 auto;
    line-height: 150%;
    color: #ec452b;
}

.blog__content figure {
    margin-bottom: 1rem
}

.page--privacy p {
    line-height: 130%;
    font-size: 1.125rem;
}

.single-post .blog__content img {
    margin-top: 1.25rem;
    border-radius: 1.5625rem;
}

.page--privacy a:hover,
.single-post .blog__content a:hover,
.article__link:hover {
    text-decoration: none
}

.single-post .blog__content ul,
.single-post .blog__content ol,
.article__list,
.article__note {
    color: #000;
    font-size: 1.125rem;
    line-height: 130%;
    margin-top: 1.25rem
}

.single-post .blog__content ul,
.single-post .blog__content ol,
.article__list {
    padding-left: 1.25rem;
    display: grid;
    gap: .5rem;
    font-weight: 400
}

.single-post .blog__content ol li {
    padding-left: 5px;
}

.article__list li {
    list-style: disc
}

ol.article__list li {
    list-style: decimal
}

.article__list.dots {
    margin-top: .5rem
}

.article__list.dots li {
    list-style: disc
}

.article__note {
    font-weight: 700
}

.article__cta {
    margin-top: 1.88rem
}

.article__cta .button {
    padding: 1.44rem 2.91rem;
    border-radius: .625rem;
    border: 2px solid rgba(255, 255, 255, .1);
    background: #ec452b;
    box-shadow: 0 16px 32px 0 rgba(127, 41, 28, .15);
    color: #fff;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.03375rem;
    transition: .3s ease-out
}

.article__cta .button:hover {
    background: #ee5840
}

.article-section.faq {
    margin-top: 5.37rem
}

.article-section {
    margin-top: 3.75rem
}

.article-section.sm {
    margin-top: 2.5rem
}

.article-section .article__cta {
    margin-top: 1.5rem
}

.article-section.faq .article__cta {
    margin-top: 1.62rem
}

.article-section .article__subtitle {
    margin-top: 0
}

.article__step-title {
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.06rem
}

.article__image {
    width: 100%;
    height: auto;
    border-radius: .625rem;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 1.5rem
}

.article__image.mob {
    display: none
}

.article__image.no-border {
    border: 0
}

.article-upload {
    margin-bottom: -1.5rem
}

.upload-card {
    border-radius: 1.5625rem;
    border: 1px dashed rgba(0, 0, 0, .2);
    background: #eff0f9;
    padding: 5rem;
    min-height: 25.6875rem
}

.upload-card__icon-box,
.upload-card__inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.upload-card__inner {
    flex-direction: column
}

.upload-card__icon-box {
    width: 3.5rem;
    height: 3.5rem;
    background: #fff;
    border-radius: .625rem
}

.upload-card__icon {
    width: 1.5rem;
    height: 1.5rem
}

.upload-card__title {
    color: #000;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 120%;
    margin-top: 1.44rem
}

.upload-card__cta {
    margin-top: 1.37rem
}

.upload-card__hint {
    opacity: .5;
    color: #000;
    text-align: center;
    font-size: 1.125rem;
    line-height: 130%;
    margin-top: 1.25rem
}

.version-banner {
    margin-top: 2.5rem;
    border-radius: 1.5625rem;
    background: linear-gradient(90deg, #480785 0, #a4beeb 100%);
    padding: 1.75rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

.version-banner__text {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.06rem;
    display: inline-flex;
    align-items: center
}

.version-banner__actions {
    display: flex;
    gap: .94rem
}

.version-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.625rem;
    min-width: 7.5rem;
    padding: .625rem 1.5rem;
    border-radius: .625rem;
    border: 2px solid rgba(255, 255, 255, .1);
    box-shadow: 0 16px 32px 0 rgba(127, 41, 28, .15);
    font-weight: 700;
    font-size: 1.125rem;
    letter-spacing: -.03375rem;
    transition: .3s ease-out
}

.version-banner__btn.buy {
    background: #fff;
    color: #ec452b
}

.version-banner__btn.activate {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.version-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: .5rem;
    margin-top: .1rem
}

.version-tooltip__icon {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    display: inline-block
}

.version-tooltip__bubble {
    position: absolute;
    right: 0;
    top: calc(100% + .8rem);
    width: 13.9375rem;
    border-radius: .625rem;
    background: #ffe1d9;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 130%;
    padding: .56rem 1.19rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease
}

.version-tooltip:hover .version-tooltip__bubble {
    opacity: 1
}

@media (max-width:47.99875em) {
    .article-upload {
        padding-bottom: 1.25rem
    }

    .upload-card {
        min-height: unset;
        padding: 4.31rem 2.44rem
    }

    .article__cta.upload-card__cta,
    .upload-card__title {
        margin-top: 1.25rem
    }

    .upload-card__cta {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .upload-card__cta .button {
        max-width: 15.125rem;
        width: 100%;
        padding: 1.25rem 1.5rem;
        line-height: normal
    }

    .upload-card__hint {
        font-size: 1rem;
        margin-top: 1rem
    }

    .version-banner {
        margin-top: 1rem;
        flex-direction: column;
        align-items: center;
        padding: 1.87rem .7rem
    }

    .version-banner__text {
        font-size: 1.5rem;
        text-align: center
    }

    .version-banner__btn {
        padding: .81rem 1.5rem;
        min-width: 7.5rem;
        font-size: 1rem
    }
}

@media (max-width:23.75em) {
    .version-banner__text {
        max-width: 16rem
    }
}

@media (any-hover:hover) {
    .version-banner__btn.buy:hover {
        background: #ec452b;
        color: #fff
    }

    .version-banner__btn.activate:hover {
        background: #fff;
        color: #ec452b
    }
}

.related--bottom {
    margin-top: 5rem;
    max-width: 56.5rem;
    margin-left: auto;
    margin-right: auto
}

.related--bottom .related__wrap {
    padding: 0;
    background: 0 0
}

.related--bottom .related__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.87rem;
    margin-top: 1.75rem
}

.related--bottom .related__item {
    background: #eff0f9;
    border-radius: 1.5625rem;
    padding: 2.5rem;
    border-top: none
}

.related--bottom .related__item-title {
    font-weight: 700
}

.related--bottom .related__item-text {
    margin-top: .74rem
}

.related--bottom .related__item-meta {
    margin-top: 1.25rem
}

.article-section .menu-tools__grid {
    margin-top: 1.75rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.88rem
}

.article-section .menu-tools__item {
    padding: 1.25rem 2.5rem;
    gap: .62rem;
    border-radius: 1.5625rem;
    background: #eff0f9;
    font-weight: 700;
    margin: 0
}

@media (max-width:47.99875em) {
    .page--blog-article .blog__container {
        padding-top: 1.25rem
    }

    .article__text.blog__text {
        margin-top: 2rem
    }

    .article__title {
        font-size: 2rem;
        margin-bottom: 1rem
    }

    .article__grid,
    .related--bottom .related__cards {
        grid-template-columns: 1fr
    }

    .article__cover {
        margin-bottom: 2.5rem
    }

    .article__cover img {
        height: 21.875rem;
        aspect-ratio: unset
    }

    .article__badges {
        margin-bottom: 1.25rem
    }

    .article__cta {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .article__cta.left {
        align-items: flex-start
    }

    .article__subtitle {
        margin-top: 3.75rem
    }

    .article__step-title {
        font-size: 1.5rem;
        margin-bottom: -.25rem
    }

    .article__image,
    .article__list,
    .article__note,
    .article__text {
        margin-top: 1rem
    }

    .article__image.desktop {
        display: none
    }

    .article__image.mob {
        display: flex;
        max-width: 14.6875rem;
        margin-left: auto;
        margin-right: auto
    }

    .article-section .article__cta {
        margin-top: 1.25rem
    }

    .article__cta .button {
        width: 100%;
        max-width: 14.6875rem;
        padding: 1.34rem 1.5rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem
    }

    .article-section.faq,
    .related--bottom {
        margin-top: 3.75rem
    }

    .article-section.faq .article-section.sm {
        margin-top: 1.88rem
    }

    .article-section.faq .article__step-title {
        font-size: 1.5rem
    }

    .article-section.faq .article__text {
        margin-top: .63rem
    }

    .related--bottom .related__cards {
        gap: 1.25rem;
        margin-top: 1.25rem
    }

    .related--bottom .related__item {
        padding: 1.25rem
    }

    .related--bottom .related__item-meta {
        margin-top: 1rem
    }

    .article-section .menu-tools__grid {
        gap: .62rem
    }

    .article-section .menu-tools__item {
        padding: .75rem 1.25rem
    }
}

@media (max-width:30em) {
    .article-section .menu-tools__grid {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (any-hover:hover) {
    .article-section .menu-tools__item:hover {
        background: #e7e7f6
    }
}

@media (max-width:111.25em) {
    .needs__title-decor {
        margin-bottom: 10rem
    }

    .steps__item-img {
        min-height: unset
    }
}

@media (max-width:100em) {
    .personalized__image--01 {
        left: 2.5rem
    }

    .personalized__image--02 {
        right: 2.5rem
    }

    .hero__float {
        padding: 0 2.5rem
    }

    .hero__float-group {
        margin-bottom: -10rem
    }
}

@media (max-width:96.875em) {
    .watermark-generator__container {
        border: 0;
        display: flex
    }

    .card__title {
        font-size: 1.6rem
    }

    .sliders__container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:91.875em) {
    .watermark-generator__blockhead {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width:89.875em) {
    .watermark-generator__container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.875rem
    }

    .watermark-generator__image img {
        width: 100%
    }

    .needs__title-decor {
        margin-top: -33rem;
        margin-bottom: 12rem
    }

    .preview__blockhead {
        grid-template-columns: 1fr
    }

    .preview__blockhead .blockhead__content {
        align-items: flex-start
    }

    .page__show-more {
        margin-top: -3rem;
        margin-bottom: 7rem
    }

    .hero__container {
        padding-bottom: clamp(12rem, 5rem + 20vw, 21.38rem)
    }

    .hero__decor {
        display: none
    }

    .hero__media {
        padding: 0 5rem;
        margin-top: calc(clamp(12rem, 5rem + 20vw, 21.38rem)*-1)
    }

    .hero__float {
        display: none
    }
}

@media (max-width:88.125em) {
    .hero__image--01 {
        left: 0
    }

    .hero__image--02 {
        right: 0
    }

    .personalized__image--01,
    .personalized__image--02 {
        display: none
    }
}

@media (max-width:86.25em) {
    .preview__blockhead {
        row-gap: 0
    }

    .card {
        padding: 1.25rem 1.25rem 0
    }

    .card__image {
        margin-top: 1.25rem
    }

    .card::before {
        height: 16.9375rem
    }

    .steps {
        padding-bottom: clamp(5rem, 8vw, 14rem)
    }
}

@media (max-width:81.25em) {
    .faq__container {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:76.875em) {

    .hero__image--01,
    .hero__image--02 {
        display: none
    }

    .needs__title-decor {
        margin-top: -30rem;
        margin-bottom: 14rem
    }
}

@media (max-width:68.75em) {
    .single-post .blog__content h2 {
        font-size: 1.8rem
    }

    .single-post .blog__content h3 {
        font-size: 1.6rem
    }

    .tailor__container {
        display: grid;
        grid-template-columns: 1fr
    }

    .templates__container {
        display: flex;
        flex-direction: column-reverse;
        gap: 1.875rem;
        border-radius: 0;
        padding: 3.12rem 2.5rem
    }

    .templates__blockhead {
        padding: 0;
        width: 100%
    }

    .templates {
        padding-left: 0;
        padding-right: 0
    }

    .templates__image,
    .templates__image img {
        width: 100%;
        height: auto;
        border-radius: .625rem
    }

    .templates__image img {
        aspect-ratio: unset
    }

    .tailor__container {
        border: unset;
        gap: 2rem;
        border-radius: 0
    }

    .tailor__blockhead {
        width: 100%;
        padding: 0
    }

    .tailor__image,
    .tailor__image img {
        border-radius: .625rem
    }

    .tailor__image img {
        aspect-ratio: unset
    }

    .needs__title-decor {
        margin-bottom: 11.25rem
    }

    .faq__container {
        padding: 5rem 0
    }

    .testimonials__container {
        padding: 5rem 0 0
    }

    .screenshots {
        padding-left: 0;
        padding-right: 0
    }

    .screenshots__container {
        border-radius: 0;
        padding: 3.12rem 2.5rem
    }

    .screenshots__container::after,
    .screenshots__container::before {
        display: none
    }

    .watermark-generator__container {
        padding: 2.5rem
    }

    .qiuck-card__container {
        grid-template-columns: 1fr
    }

    .blockhead--card-quick .actions-blockhead {
        max-width: 100%
    }

    .qiuck-card__blockhead:first-child {
        display: none
    }

    .preview__blockhead,
    .preview__container,
    .qiuck-card__blockhead,
    .video-watermark__container {
        padding: 2.5rem
    }

    .photo-watermark .tailor__container {
        border-radius: 1.25rem
    }

    .photo-watermark .tailor__blockhead {
        padding: 2.5rem 2.5rem 0
    }

    .works__items {
        grid-template-columns: 1fr
    }

    .card__image.desktop {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .card__image.desktop picture {
        max-width: 70%
    }

    .card__image.desktop img {
        width: 100%
    }

    .steps__title span::after {
        width: 4.5rem;
        height: 4.75rem
    }

    .steps__text {
        margin-top: 1rem
    }

    .steps__items {
        margin-top: 2.5rem;
        gap: 2.5rem
    }

    .steps__item-step {
        font-size: 1.875rem
    }

    .steps__item-text,
    .steps__item-title {
        margin-top: .75rem
    }

    .steps__item-img {
        margin-top: 2rem
    }

    .hero__media {
        padding: 0 2.5rem
    }
}

@media (max-width:61.99875em) {
    .needs__title-decor {
        margin-bottom: 0;
        display: none
    }

    .needs__item--1 {
        grid-column: 2
    }

    .needs__item--5 {
        grid-column: 4
    }

    .watermark-generator {
        padding-top: 0
    }

    .article__title.mt {
        margin-top: 2.5rem
    }
}

@media (max-width:56.25em) {
    .faq__container {
        grid-template-columns: 1fr;
        gap: 1.25rem
    }
}

@media (max-width:47.99875em) {
    main.page {
        padding-top: 4.5rem
    }

    .hero {
        background-color: #eff0f9;
        border-radius: 1.25rem;
        padding-left: 0;
        padding-right: 0;
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .hero__container {
        min-height: auto;
        padding-bottom: 0
    }

    .hero__media {
        display: none
    }

    .hero__image {
        display: none;
        margin-top: 0
    }

    .hero__image--mob {
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .hero__image--mob img {
        height: 14.75rem;
        object-fit: contain
    }

    .hero-content {
        order: 4;
        height: auto;
        margin-bottom: 2.4rem
    }

    .blockhead--hero .blockhead__label {
        width: 100%;
        display: inline;
        text-align: center;
        margin-bottom: 1.5rem
    }

    .blockhead--hero .blockhead__title,
    .screenshots__image--mob img,
    .watermark-generator__image--mob img {
        width: 100%
    }

    .blockhead--hero .blockhead__text {
        width: 100%;
        max-width: 100%;
        font-size: 1rem
    }

    .hero-buttons,
    .hero-upload__actions.mob {
        display: flex
    }

    .hero-upload {
        display: none
    }

    .sliders__container {
        display: grid;
        grid-template-columns: 1fr
    }

    .qiuck-card__blockhead .actions-blockhead__button.--icon-web,
    .sliders__button--next,
    .sliders__button--prev,
    .tailor .button--web-border,
    .video-watermark .button--web-border {
        display: none
    }

    .sliders__actions,
    .sliders__button--next-mob,
    .sliders__button--prev-mob {
        display: flex
    }

    .sliders__slide {
        padding: 1.25rem
    }

    .templates__container {
        display: flex;
        flex-direction: column-reverse;
        padding: 3.12rem 1.25rem
    }

    .video-watermark__container {
        padding: 1.25rem;
        background: url(../img/video-watermarking/bg-mob.webp)no-repeat center;
        background-size: 100% 100%
    }

    .preview__blockhead {
        padding: 1.25rem;
        border-radius: .9375rem;
        width: 100%
    }

    .preview__container {
        padding: 1.25rem;
        background: url(../img/gallery/bg-mob.webp)no-repeat center;
        background-size: 100% 100%
    }

    .qiuck-card__container {
        grid-template-columns: 1fr
    }

    .qiuck-card__blockhead {
        padding: 1.87rem 1.25rem 1.25rem
    }

    .needs__container {
        padding: 0
    }

    .needs__column {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem
    }

    .needs__item--1 {
        margin-top: 0
    }

    .needs__item--1,
    .needs__item--2 {
        grid-column: auto;
        grid-row: auto
    }

    .needs__item--3 {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 0
    }

    .needs__item--4 {
        grid-column: 2;
        grid-row: 1
    }

    .needs__item--5 {
        grid-column: auto;
        grid-row: auto;
        margin-top: 0
    }

    .needs__item--6 {
        grid-column: 2;
        grid-row: 2
    }

    .needs__image {
        width: 100%;
        display: grid;
        justify-items: center
    }

    .screenshots__container {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .screenshots__button {
        width: 3rem;
        height: 3rem;
        flex: 0 0 3rem
    }

    .screenshots__button--prev {
        padding-top: .3125rem
    }

    .screenshots__button--next {
        padding-top: .25rem
    }

    .screenshots__wrapper:not(:last-child),
    .testimonials__wrapper:not(:last-child) {
        margin-bottom: 1.25rem
    }

    .screenshots__image {
        display: none
    }

    .screenshots__image--mob {
        display: grid;
        justify-items: center
    }

    .testimonials__button {
        width: 3rem;
        height: 3rem;
        flex: 0 0 3rem
    }

    .testimonials__button--prev {
        padding-top: .3125rem
    }

    .testimonials__button--next {
        padding-top: .25rem
    }

    .testimonials .blockhead__title span::after {
        width: 2.25rem;
        height: 2.25rem;
        top: -.47rem;
        right: -2.4rem
    }

    .faq__blockhead,
    .faq__spollers {
        border-radius: .9375rem
    }

    .spollers__body {
        padding: 0 1.25rem 1.25rem
    }

    .spollers__title {
        padding: 1.25rem
    }

    .watermark-generator__container {
        padding: 1.88rem 1.25rem 0
    }

    .watermark-generator__image {
        display: none
    }

    .watermark-generator__image--mob {
        display: grid;
        justify-items: center
    }

    .page__show-more {
        margin-top: -3rem;
        margin-bottom: 5rem
    }

    .show-more__button {
        width: 100%
    }

    .photo-watermark .tailor__blockhead {
        padding: 1.87rem 1.25rem 0
    }

    .works {
        margin-bottom: .94rem
    }

    .works__more {
        gap: .75rem
    }

    .works__more-block {
        padding: 1.06rem 1.25rem 1rem
    }

    .works__more-text {
        font-size: .875rem
    }

    .works__more-text span {
        font-size: 1rem
    }

    .works__more-icon {
        width: 2.75rem;
        height: 2.75rem
    }

    .works__more-arrow {
        width: 3.375rem;
        height: 3.3125rem
    }

    .card__title {
        font-size: 1.125rem
    }

    .card__image {
        margin-top: 1.5rem
    }

    .card__image.desktop {
        display: none
    }

    .card__image.mob,
    .works__items.swiper {
        display: block
    }

    .card__image.mob img {
        max-height: 14.46075rem;
        width: 100%;
        height: auto;
        aspect-ratio: 12/14.4375
    }

    .works__items {
        grid-template-columns: 1fr;
        gap: 1.25rem
    }

    .works__pagination {
        display: flex
    }

    .tailor__image.desktop {
        display: none
    }

    .tailor__image.mob {
        display: block
    }

    .templates__image.desktop {
        display: none
    }

    .templates__image.mob {
        display: block
    }

    .steps__title span::after {
        width: 3.5rem;
        height: 3.75rem
    }

    .steps__item-img {
        max-width: 14.6875rem;
        width: 100%
    }

    .steps__item-img.desktop {
        display: none
    }

    .steps__item-img.mob {
        display: block
    }

    .page__404 {
        padding-top: 4.36rem;
        padding-bottom: 5rem
    }

    .page__404 .blockhead__title {
        margin-top: .56rem
    }

    .not-found__decor {
        margin-bottom: -6.955rem;
        max-width: 20rem
    }

    .not-found__text {
        margin-top: .75rem
    }

    .page__404 .button {
        font-size: 1rem;
        padding: 1.03rem 1.5rem;
        margin-top: 1.25rem
    }
}

@media (max-width:37.5em) {
    .works__container {
        padding: 0
    }

    .works__items {
        grid-template-columns: 1fr
    }
}

@media (max-width:30em) {
    .spollers__title {
        font-size: 1rem
    }

    .hero__container {
        padding-top: 3rem
    }

    .sliders {
        padding-top: 4.19rem;
        padding-bottom: 5rem
    }

    .sliders__container {
        gap: 1.25rem
    }

    .sliders__title {
        font-size: 1.125rem
    }

    .sliders__text:not(:last-child),
    .sliders__title:not(:last-child) {
        margin-bottom: .625rem
    }

    .preview,
    .tailor,
    .templates,
    .video-watermark {
        padding-bottom: 5rem
    }

    .preview__container,
    .qiuck-card {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .qiuck-card__blockhead {
        padding-top: 1.25rem;
        padding-left: 1.25rem;
        padding-bottom: 1.25rem
    }

    .needs {
        padding-top: 5rem
    }

    .needs__blockhead:not(:last-child) {
        margin-bottom: 2.3125rem
    }

    .needs__title-decor {
        font-size: 5rem
    }

    .needs__image:not(:last-child) {
        margin-bottom: 1rem
    }

    .needs__text {
        font-size: 1.125rem
    }

    .watermark-generator {
        padding: 5rem 1.25rem
    }

    .screenshots__blockhead:not(:last-child),
    .testimonials__blockhead:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .faq__blockhead {
        padding: 1.25rem
    }

    .personalized__container {
        padding-top: 1.875rem;
        padding-bottom: 1.25rem
    }
}

@media (min-width:30em) {
    .spollers__title {
        font-size: clamp(1rem, .95rem + .25vw, 1.25rem)
    }

    .sliders {
        padding-top: clamp(1.875rem, -1.5rem + 16.875vw, 7.5rem);
        padding-bottom: clamp(1.875rem, .25rem + 8.125vw, 10rem)
    }

    .sliders__container {
        gap: clamp(1.25rem, 1.0375rem + 1.0625vw, 2.3125rem)
    }

    .sliders__title {
        font-size: clamp(1.125rem, 1.1rem + .125vw, 1.25rem)
    }

    .sliders__text:not(:last-child),
    .sliders__title:not(:last-child) {
        margin-bottom: clamp(.625rem, .6rem + .125vw, .75rem)
    }

    .preview,
    .tailor,
    .templates,
    .video-watermark {
        padding-bottom: clamp(5rem, 4rem + 5vw, 10rem)
    }

    .needs {
        padding-top: clamp(5rem, 4rem + 5vw, 10rem)
    }

    .needs__title-decor {
        font-size: clamp(5rem, 3rem + 10vw, 15rem)
    }

    .needs__image:not(:last-child) {
        margin-bottom: clamp(1rem, .9375rem + .3125vw, 1.3125rem)
    }

    .needs__text {
        font-size: clamp(1.125rem, 1.1rem + .125vw, 1.25rem)
    }

    .watermark-generator {
        padding-top: clamp(5rem, -1.25rem + 9.375vw, 10rem);
        padding-bottom: clamp(5rem, 4rem + 5vw, 10rem)
    }

    .screenshots__blockhead:not(:last-child),
    .testimonials__blockhead:not(:last-child) {
        margin-bottom: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem)
    }

    .faq__blockhead {
        padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem)
    }

    .personalized__container {
        padding-top: clamp(1.875rem, 1rem + 4.375vw, 6.25rem);
        padding-bottom: clamp(1.875rem, 1rem + 4.375vw, 6.25rem)
    }
}

@media (min-width:47.99875em) {
    .tailor__container {
        gap: clamp(1.875rem, -1.166534652175rem + 6.3366955435vw, 6.4375rem)
    }

    .needs__item--3:not(:last-child) {
        margin-bottom: clamp(1.875rem, -.29157262895rem + 4.5138105241vw, 5.125rem)
    }
}

@media (min-width:120em) {
    .spollers__title {
        font-size: 1.25rem
    }

    .hero__container {
        padding-top: 4.75rem
    }

    .sliders {
        padding-top: 7.5rem;
        padding-bottom: 10rem
    }

    .sliders__container {
        gap: 2.3125rem
    }

    .sliders__title {
        font-size: 1.25rem
    }

    .sliders__text:not(:last-child),
    .sliders__title:not(:last-child) {
        margin-bottom: .75rem
    }

    .works__blockhead:not(:last-child) {
        margin-bottom: 3.75rem
    }

    .works__items {
        gap: 2rem
    }

    .preview,
    .tailor,
    .templates,
    .video-watermark {
        padding-bottom: 10rem
    }

    .preview__container,
    .qiuck-card {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .qiuck-card__blockhead {
        padding-top: 6.25rem;
        padding-left: 5rem;
        padding-bottom: 4rem
    }

    .needs {
        padding-top: 10rem
    }

    .needs__title-decor {
        font-size: 15rem
    }

    .needs__image:not(:last-child) {
        margin-bottom: 1.3125rem
    }

    .needs__text {
        font-size: 1.25rem
    }

    .watermark-generator {
        padding: 10rem 2.5rem
    }

    .screenshots {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .screenshots__container {
        padding: 7.5rem 8.25rem 7.5rem 9.75rem
    }

    .screenshots__blockhead:not(:last-child),
    .testimonials__blockhead:not(:last-child) {
        margin-bottom: 3.75rem
    }

    .testimonials__container {
        padding-top: 7.5rem;
        padding-left: 9.75rem;
        padding-right: 8.25rem
    }

    .faq__container {
        padding: 7.5rem 8.25rem 7.5rem 9.75rem
    }

    .faq__blockhead {
        padding: 2.5rem
    }

    .personalized__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media (any-hover:hover) {

    .screenshots__button--next:hover,
    .screenshots__button--prev:hover,
    .sliders__button--next-mob:hover,
    .sliders__button--next:hover,
    .sliders__button--prev-mob:hover,
    .sliders__button--prev:hover,
    .testimonials__button--next:hover,
    .testimonials__button--prev:hover {
        color: #5f69c5
    }
}

:lang(uk) .button--download span.color,
:lang(ru-RU) .button--download span.color {
    display: block;
    font-size: .85rem;
}

.tool-template-default p {
    line-height: 130%;
}