:root {
    /* accent */
    --p-400: #daac49; /* Mustard */
    --p-600: #b08321; /* Mustard Dark */

    /* neutrals (light) */
    --n-0: #ffffff; /* White */
    --n-0-70: rgba(255, 255, 255, 0.7); /* White Glass 70% */
    --n-50: #f5f3f1; /* Grey Bright */
    --n-400: #dfdee1; /* Grey Light */
    --n-500: #b5b6bd; /* Grey Medium */
    --n-600: #a4a6b2; /* Grey Shadow */
    --n-700: #6c6e7b; /* Grey Dark */
    --n-900: #1b244d; /* Royal Blue */

    /* dark surfaces */
    --s-900: #070e2c; /* Royal Blue Dark */
    --s-800: #101940; /* Royal Blue Medium */
    --s-700: #0f1530; /* Surface mid (между 900 и 800) */
}

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    scroll-behavior: auto;
}
body {
    background: var(--n-0);
    position: relative;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: var(--n-900);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}
:root[data-theme="dark"] body {
    background: var(--s-900);
    color: var(--n-0);
}
html {
    font-size: calc(16vw / 14.4);
}
@media screen and (max-width: 768px) {
    html {
        font-size: calc(16vw / 3.75);
    }
}

input,
button,
textarea {
    font-family: Inter;
}
input {
    border-radius: 0px;
    outline: none;
}
button {
    cursor: pointer;
    color: inherit;
    background-color: inherit;
    font-family: Inter;
    background: none;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
button,
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}
img {
    display: block;
    pointer-events: none;
    outline: none;
    box-shadow: none;
}
.container {
    width: 82rem;
    height: 100%;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .container {
        width: 21.5625rem;
    }
}

/* header start  */

header {
    position: fixed;
    z-index: 200;
    background: var(--n-0);
    width: 100%;
    left: 0;
    top: 0;
    height: 4rem;
    box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.08);
}
:root[data-theme="dark"] header {
    background: var(--s-900);
}
.header__scroll-line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.125rem;
    width: 100vw;
    background: var(--p-400);
    transform-origin: left center;
    transform: scaleX(0);
    will-change: transform;
}

.header__wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.header__left {
    display: flex;
    align-items: center;
    gap: 7.3125rem;
}
.header__logo {
    display: flex;
}
.header__logo img {
    width: 6.6668rem;
    height: auto;
}
.header__logo img.logo--dark {
    display: none;
}
:root[data-theme="dark"] .header__logo img.logo--light {
    display: none;
}
:root[data-theme="dark"] .header__logo img.logo--dark {
    display: block;
}
.header__left nav {
    display: flex;
    align-items: center;
}
.header__left nav ul {
    display: flex;
    align-items: center;
    gap: 3.5625rem;
}
.header__left nav ul li {
    list-style-type: none;
}
.header__left nav ul li a {
    color: var(--n-900);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    position: relative;
}
.header__left nav ul li a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -0.0625rem;
    width: 100%;
    height: 0.0625rem;
    background: transparent;
    transition: all 0.3s ease;
}

:root[data-theme="dark"] .header__left nav ul li a {
    color: var(--n-50);
}

.header__right {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
}
.header__language a {
    color: var(--n-900);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .header__language a {
    color: var(--n-50);
}
.header__tel {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 0.0625rem;
    margin-right: 2.625rem;
}
.header__tel-link {
    color: var(--n-900);
    text-align: right;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .header__tel-link {
    color: var(--n-50);
}
.header__tel-btn {
    color: var(--n-600);
    text-align: right;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
:root[data-theme="dark"] .header__tel-btn {
    color: var(--n-600);
}
.header__contacts {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-right: 2.25rem;
}
.header__contacts a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 6.25rem;
    background: var(--n-600);
    transition: all 0.3s ease;
}

:root[data-theme="dark"] .header__contacts a {
    background: var(--n-50);
}
.header__contacts a img {
    width: 1.125rem;
    height: auto;
}
.header__contacts a img.img-dark {
    display: none;
}
:root[data-theme="dark"] .header__contacts a img.img-light {
    display: none;
}
:root[data-theme="dark"] .header__contacts a img.img-dark {
    display: block;
}

.header__themes-switch {
    width: 4rem;
    height: 2rem;
    margin-right: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0.25rem;
    border-radius: 1rem;
    background: var(--n-50);
    cursor: pointer;
}
:root[data-theme="dark"] .header__themes-switch {
    background: var(--n-900);
}
.header__themes-switch::before {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.1875rem;
    z-index: 1;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 1rem;
    background: var(--n-600);
    transition:
        transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
        background-color 0.2s;
}
:root[data-theme="dark"] .header__themes-switch::before {
    transform: translateX(1.875rem);
    background: var(--n-50);
}
.header__themes-switch span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 1rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .header__themes-switch span.header__themes-switch__light {
    opacity: 0.25;
}
.header__themes-switch span svg {
    width: 0.875rem;
    height: auto;
}
.header__themes-switch span.header__themes-switch__dark svg path {
    transition: fill 0.3s ease;
}
:root[data-theme="dark"] .header__themes-switch span.header__themes-switch__dark svg path {
    fill: var(--n-900);
}
.header__themes-switch,
.header__themes-switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.header__themes-switch:focus {
    outline: none;
}
.header__themes-switch:focus-visible {
    outline: none;
}
.header__themes-switch svg {
    pointer-events: none;
}

.header__tel-mobile {
    display: none;
}
.header__menu-btn {
    display: none;
}
@media (hover: hover) and (pointer: fine) {
    .header__left nav ul li a:hover::before {
        background: #1b244d;
    }
    :root[data-theme="dark"] .header__left nav ul li a:hover::before {
        background: #fff;
    }
    .header__contacts a:hover,
    :root[data-theme="dark"] .header__contacts a:hover {
        background: var(--p-400);
    }
}
@media (max-width: 768px) {
    header {
        height: 3.75rem;
        box-shadow: none;
    }
    .header__left {
        width: 100%;
        justify-content: space-between;
        gap: 0.625rem;
    }
    .header__logo img {
        width: 5.8335rem;
    }
    .header__left nav {
        display: none;
    }
    .header__right {
        display: none;
    }
    .header__tel-mobile {
        display: flex;
    }
    .header__tel-mobile svg {
        width: 2.75rem;
        height: auto;
    }
    :root[data-theme="dark"] .header__tel-mobile svg path {
        fill: var(--n-50);
    }
    .header__menu-btn {
        display: flex;
        width: 2.75rem;
        height: 2.75rem;
        background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 12H8V15H36V12Z' fill='%231B244D'/%3E%3Cpath d='M36 29H8V32H36V29Z' fill='%231B244D'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    :root[data-theme="dark"] .header__menu-btn {
        display: flex;
        width: 2.75rem;
        height: 2.75rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Crect width='44' height='44' fill='%23070E2C'/%3E%3Cpath d='M36 12H8V15H36V12Z' fill='%23F5F3F1'/%3E%3Cpath d='M36 29H8V32H36V29Z' fill='%23F5F3F1'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .header__menu-btn.active {
        display: flex;
        width: 2.75rem;
        height: 2.75rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Crect width='44' height='44' fill='white'/%3E%3Cpath d='M33.2174 30.2144L11.9515 12L10 14.2785L31.2658 32.4929L33.2174 30.2144Z' fill='%231B244D'/%3E%3Cpath d='M10 30.2144L31.2659 12L33.2174 14.2785L11.9516 32.4929L10 30.2144Z' fill='%231B244D'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    :root[data-theme="dark"] .header__menu-btn.active {
        display: flex;
        width: 2.75rem;
        height: 2.75rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Crect width='44' height='44' fill='%23070E2C'/%3E%3Cpath d='M33.2174 30.2144L11.9515 12L10 14.2785L31.2658 32.4929L33.2174 30.2144Z' fill='%23F5F3F1'/%3E%3Cpath d='M10 30.2144L31.2659 12L33.2174 14.2785L11.9516 32.4929L10 30.2144Z' fill='%23F5F3F1'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
}
/* header end  */

/* hero start  */

.hero {
    height: 100vh;
    background-color: var(--n-50);
    background-image: url("../images/hero_bg.png");
    background-position:
        center bottom,
        center;
    background-repeat: no-repeat, no-repeat;
    background-size:
        100% auto,
        cover;
    position: relative;
}
:root[data-theme="dark"] .hero {
    background-color: var(--s-800);
    background-image: url("../images/hero_bg-dark.png");
    background-position:
        center bottom,
        center;
    background-repeat: no-repeat, no-repeat;
    background-size:
        100% auto,
        cover;
}
.hero__wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6rem 0 0;
}
.hero__title {
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 4rem;
    font-weight: 400;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .hero__title {
    color: var(--n-50);
}
.hero__img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    /* width: 30.5rem; */
    height: 74vh;
    width: auto;
}
.hero__right {
    width: 10.625rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    z-index: 3;
    right: 5.3125rem;
    bottom: 18vh;
    gap: 1rem;
}
.hero__right__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .hero__right__link {
    color: var(--n-50);
}
/*.hero__right__link::after {*/
/*    content: "";*/
/*    width: 0.6rem;*/
/*    height: 0.5rem;*/
/*    flex-shrink: 0;*/
/*    background-color: currentColor;*/
/*    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");*/
/*    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");*/
/*    -webkit-mask-repeat: no-repeat;*/
/*    mask-repeat: no-repeat;*/
/*    -webkit-mask-position: center;*/
/*    mask-position: center;*/
/*    -webkit-mask-size: 100% 100%;*/
/*    mask-size: 100% 100%;*/
/*}*/

.hero__right__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.25rem;
}
.hero__right__item {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.5rem;
}
.hero__right__item__img img {
    width: 4rem;
    height: auto;
}
.hero__right__item__name {
    display: flex;
    gap: 0.25rem;
    color: var(--n-700);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .hero__right__item__name {
    color: var(--n-50);
}
.hero__right__item__name::after {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 9.17813V6.77655H0.837235V9.17813C0.837235 10.2749 1.71828 11.1594 2.81072 11.1594H9.18965C10.2821 11.1594 11.1631 10.2749 11.1631 9.17813V6.77655H12.0004V9.17813C12.0004 10.7391 10.7445 12 9.18965 12H2.81072C1.25589 12 0 10.7391 0 9.17813Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.58118 8.00525V0H6.41841V8.00525H5.58118Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.70447 8.18077L2.84192 5.30688L3.43393 4.71252L6.00047 7.28923L8.56701 4.71252L9.15903 5.30688L6.29648 8.18077H5.70447Z' fill='%23A4A6B2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 9.17813V6.77655H0.837235V9.17813C0.837235 10.2749 1.71828 11.1594 2.81072 11.1594H9.18965C10.2821 11.1594 11.1631 10.2749 11.1631 9.17813V6.77655H12.0004V9.17813C12.0004 10.7391 10.7445 12 9.18965 12H2.81072C1.25589 12 0 10.7391 0 9.17813Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.58118 8.00525V0H6.41841V8.00525H5.58118Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.70447 8.18077L2.84192 5.30688L3.43393 4.71252L6.00047 7.28923L8.56701 4.71252L9.15903 5.30688L6.29648 8.18077H5.70447Z' fill='%23A4A6B2'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 0.75rem;
    height: 0.75rem;
    flex-shrink: 0;
}

.hero__left {
    position: absolute;
    left: 4rem;
    bottom: 18.3vh;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    width: 12.5rem;
}
.hero__left__top {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.hero__left__top .name {
    color: var(--p-400);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}
.hero__left__top .post {
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .hero__left__top .post {
    color: var(--n-50);
}
.hero__left__content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.hero__left__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.hero__left__text {
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .hero__left__text {
    color: var(--n-50);
}
.hero__left__item img {
    width: 12rem;
    height: auto;
}
.hero__left__item img.img-dark {
    display: none;
}
:root[data-theme="dark"] .hero__left__item img.img-light {
    display: none;
}
:root[data-theme="dark"] .hero__left__item img.img-dark {
    display: block;
}
.hero__img-mobile {
    display: none;
}
.hero-book {
    display: none;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    /*.hero__right__link:hover,*/
    /*:root[data-theme="dark"] .hero__right__link:hover {*/
    /*    color: var(--p-400);*/
    /*}*/
    .hero__right__item:hover .hero__right__item__name,
    :root[data-theme="dark"] .hero__right__item:hover .hero__right__item__name {
        color: var(--p-400);
    }
}
@media (max-width: 768px) {
    .hero {
        height: auto;
        background-color: var(--n-50);
        background-image: url("../images/hero_bg-mob.png");
        background-position:
            center bottom,
            center;
        background-repeat: no-repeat, no-repeat;
        background-size:
            100% auto,
            cover;
        position: relative;
        padding: 5.75rem 0 0 0;
    }
    :root[data-theme="dark"] .hero {
        background-color: var(--s-800);
        background-image: url("../images/hero_bg-dark-mob.png");
        background-position:
            center bottom,
            center;
        background-repeat: no-repeat, no-repeat;
        background-size:
            100% auto,
            cover;
    }
    .hero__wrap {
        padding: 0;
    }
    .hero__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .hero__img {
        display: none;
    }
    .hero__img-mobile {
        display: block;
        width: calc(100% + 1.875rem);
        margin: 0 -0.9375rem;
        height: auto;
    }
    .hero__right {
        display: none;
    }
    .hero__left {
        position: relative;
        left: 0;
        bottom: 0;
        align-items: center;
        width: 100%;
        gap: 1.25rem;
        margin-top: 1rem;
    }
    .hero__left__top {
        align-items: center;
        gap: 0;
    }
    .hero__left__top .name {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .hero__left__top .post {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .hero__left__content {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }
    .hero__left__item {
        gap: 0.75rem;
    }
    .hero__left__item:nth-child(1),
    .hero__left__item:nth-child(3) {
        width: 5.75rem;
    }
    .hero__left__item:nth-child(2) {
        width: 8rem;
    }
    .hero__left__text {
        text-align: center;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .hero__left__item img {
        width: 100%;
    }
    .hero-book {
        display: flex;
        margin-top: 1.75rem;
    }
    .hero-book__wrap {
        display: flex;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 1.25rem;
    }
    .hero-book__link {
        gap: 0.5rem;
        color: var(--n-700);
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        display: flex;
        align-items: center;
    }
    :root[data-theme="dark"] .hero-book__link {
        color: var(--n-50);
    }
    /*.hero-book__link::after {*/
    /*    content: "";*/
    /*    width: 0.6rem;*/
    /*    height: 0.5rem;*/
    /*    flex-shrink: 0;*/
    /*    background-color: currentColor;*/
    /*    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");*/
    /*    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");*/
    /*    -webkit-mask-repeat: no-repeat;*/
    /*    mask-repeat: no-repeat;*/
    /*    -webkit-mask-position: center;*/
    /*    mask-position: center;*/
    /*    -webkit-mask-size: 100% 100%;*/
    /*    mask-size: 100% 100%;*/
    /*}*/

    .hero-book__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    .hero-book__item {
        display: flex;
        align-items: start;
        gap: 0.75rem;
    }
    .hero-book__item__img {
        width: 2.5rem;
    }
    .hero-book__item__img img {
        width: 2.5rem;
        height: auto;
    }
    .hero-book__item__name {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        color: var(--n-700);
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    :root[data-theme="dark"] .hero-book__item__name {
        color: var(--n-50);
    }
    .hero-book__item__name::after {
        content: "";
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 9.17813V6.77655H0.837235V9.17813C0.837235 10.2749 1.71828 11.1594 2.81072 11.1594H9.18965C10.2821 11.1594 11.1631 10.2749 11.1631 9.17813V6.77655H12.0004V9.17813C12.0004 10.7391 10.7445 12 9.18965 12H2.81072C1.25589 12 0 10.7391 0 9.17813Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.58118 8.00525V0H6.41841V8.00525H5.58118Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.70447 8.18077L2.84192 5.30688L3.43393 4.71252L6.00047 7.28923L8.56701 4.71252L9.15903 5.30688L6.29648 8.18077H5.70447Z' fill='%23A4A6B2'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 9.17813V6.77655H0.837235V9.17813C0.837235 10.2749 1.71828 11.1594 2.81072 11.1594H9.18965C10.2821 11.1594 11.1631 10.2749 11.1631 9.17813V6.77655H12.0004V9.17813C12.0004 10.7391 10.7445 12 9.18965 12H2.81072C1.25589 12 0 10.7391 0 9.17813Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.58118 8.00525V0H6.41841V8.00525H5.58118Z' fill='%23A4A6B2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.70447 8.18077L2.84192 5.30688L3.43393 4.71252L6.00047 7.28923L8.56701 4.71252L9.15903 5.30688L6.29648 8.18077H5.70447Z' fill='%23A4A6B2'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 0.75rem;
        height: 0.75rem;
        flex-shrink: 0;
    }
}
/* hero end  */

/* track-record start  */

.track-record {
    margin: 5rem 0 2.5rem;
}
.track-record__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.track-record__title {
    max-width: 48rem;
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 4rem;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .track-record__title {
    color: var(--n-50);
}
.track-record__text {
    color: var(--n-600);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-top: 1.25rem;
}
.track-record__main {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 2.75rem;
}
.track-record__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    min-height: 16.25rem;
    padding: 2rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    overflow: hidden;
    cursor: pointer;
}
:root[data-theme="dark"] .track-record__item {
    background: var(--s-800);
}
.track-record__item img.hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all 0.5s ease;
}
.track-record__item__top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    position: relative;
    z-index: 2;
}
.track-record__item__top .left {
    display: flex;
    flex-direction: column;
}
.track-record__item__top .left .num {
    color: var(--p-400);
    font-size: 5rem;
    line-height: 5.5rem;
    margin-top: -0.5rem;
    transition: all 0.4s ease;
}
.track-record__item__top .left .text {
    color: var(--p-400);
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
    transition: all 0.4s ease;
}
.track-record__item__top .right {
    color: var(--n-700);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    transition: all 0.4s ease;
}
:root[data-theme="dark"] .track-record__item__top .right {
    color: var(--n-500);
}
.track-record__item__ico {
    margin: auto 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 6.25rem;
    background: var(--n-0);
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .track-record__item__ico {
    background: var(--n-900);
}
.track-record__item__ico img {
    width: 3.25rem;
    height: auto;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .track-record__item:hover img.hover {
        opacity: 1;
    }
    .track-record__item:hover .track-record__item__top .left .num {
        color: var(--n-0);
    }
    .track-record__item:hover .track-record__item__top .left .text {
        color: var(--n-0);
    }
    .track-record__item:hover .track-record__item__top .right {
        color: var(--n-0);
    }
    .track-record__item:hover .track-record__item__ico {
        background: var(--n-0);
    }
}
@media (max-width: 768px) {
    .track-record {
        margin: 3.75rem 0 1.875rem;
    }
    .track-record__title {
        max-width: 100%;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .track-record__text {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-top: 0.75rem;
    }
    .track-record__main {
        gap: 1.5rem;
        margin-top: 1.75rem;
    }
    .track-record__item {
        gap: 0.5rem;
        min-height: 14.75rem;
        padding: 1rem;
    }
    .track-record__item img.hover {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition: all 0.5s ease;
    }
    .track-record__item__top {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }
    .track-record__item__top .left .num {
        font-size: 2.75rem;
        line-height: 3rem;
        margin-top: 0;
    }
    .track-record__item__top .left .text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
    }
    .track-record__item__top .right {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .track-record__item__ico {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 6.25rem;
    }
    .track-record__item__ico img {
        width: 2.5rem;
    }
}
/* track-record end  */

/* cases start  */

.cases {
    margin: 2.5rem 0 5rem;
}
.cases__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cases__title {
    max-width: 48rem;
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 4rem;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .cases__title {
    color: var(--n-50);
}
.cases__text {
    color: var(--n-600);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-top: 1.25rem;
}
.cases__main {
    display: flex;
    width: 100%;
    min-height: 34.5rem;
    margin-top: 2.75rem;
}
.cases__tab {
    width: 2.5rem;
    border-radius: 0.75rem 0 0 0;
    padding-bottom: 4.0625rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.cases__tabbtn {
    flex: 1;
    width: 100%;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
    color: var(--n-0);
    text-align: center;
    font-size: 0.625rem;
    line-height: 0.875rem;
    letter-spacing: 0.0063rem;
    position: relative;
}
.cases__tabbtn:nth-child(1) {
    z-index: 3;
    padding-bottom: 0.9375rem;
}
.cases__tabbtn:nth-child(2) {
    z-index: 2;
    padding-bottom: 2rem;
}
.cases__tabbtn:nth-child(3) {
    z-index: 1;
    padding-bottom: 2rem;
}
.cases__tabbtn[aria-disabled="true"] {
    pointer-events: none;
    cursor: default;
}
.cases__tabbtn.orange {
    background: #daac49;
}
.cases__tabbtn.orange::before {
    content: "";
    position: absolute;
    width: 2.5rem;
    height: 3.3125rem;
    top: -3.25rem;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='53' viewBox='0 0 40 53' fill='none'%3E%3Cpath d='M40 0V53V52.6125C40 46.5368 37.2382 40.7906 32.4939 36.9951L7.5061 17.0049C2.7618 13.2094 0 7.46318 0 1.3875V0H40Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 2;
    transform: rotate(180deg);
}
.cases__tabbtn.blue {
    background: #1b244d;
}
.cases__tabbtn.blue::before {
    content: "";
    position: absolute;
    width: 2.5rem;
    height: 3.3125rem;
    top: -3.25rem;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='53' viewBox='0 0 40 53' fill='none'%3E%3Cpath d='M40 0V53V52.6125C40 46.5368 37.2382 40.7906 32.4939 36.9951L7.5061 17.0049C2.7618 13.2094 0 7.46318 0 1.3875V0H40Z' fill='%231B244D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 2;
    transform: rotate(180deg);
}
.cases__tabbtn.grey {
    background: #6c6e7b;
}
.cases__tabbtn.grey::before {
    content: "";
    position: absolute;
    width: 2.5rem;
    height: 3.3125rem;
    top: -3.25rem;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='53' viewBox='0 0 40 53' fill='none'%3E%3Cpath d='M40 0V53V52.6125C40 46.5368 37.2382 40.7906 32.4939 36.9951L7.5061 17.0049C2.7618 13.2094 0 7.46318 0 1.3875V0H40Z' fill='%236C6E7B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 2;
    transform: rotate(180deg);
}
.cases__tabcontent {
    display: none;
    flex: 1;
    border-radius: 0 0.75rem 0.75rem 0.75rem;
    padding: 3rem 7rem 3rem 4.5rem;
}
.cases__tabcontent.active {
    display: flex;
}
.cases__tabcontent.orange {
    background: #daac49;
}
.cases__tabcontent.blue {
    background: #1b244d;
}
.cases__tabcontent.grey {
    background: #6c6e7b;
}
.cases__tabcontent__left {
    width: 50%;
    padding-right: 8rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.875rem;
    border-right: 0.0625rem solid rgba(255, 255, 255, 0.6);
}
.cases__tabcontent__left__text {
    color: var(--n-0);
    font-size: 3rem;
    line-height: 3.5rem;
}
.cases__tabcontent__left__btn {
    margin: auto 0 0 0;
    display: flex;
}
.cases__tabcontent__left__btn svg {
    width: 2.5rem;
    height: auto;
}
.cases__tabcontent__right {
    width: 50%;
    padding-left: 8rem;
}
.cases__tabcontent__right__text {
    width: 100%;
    color: var(--n-0);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
}
.cases__tabcontent__left__btn-mobile {
    display: none;
}
.cases__bottom {
    margin-top: 2.5rem;
    display: flex;
    justify-content: center;
}
.cases__bottom a {
    display: flex;
    color: var(--n-900);
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 3.125rem;
    border: 0.0625rem solid var(--n-900);
    padding: 0.5rem 3.375rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .cases__bottom a {
    color: var(--p-400);
    border: 0.0625rem solid var(--p-400);
}

@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .cases__bottom a:hover {
        color: var(--p-400);
        border-color: var(--p-400);
    }
    :root[data-theme="dark"] .cases__bottom a:hover {
        color: var(--n-500);
        border-color: var(--n-500);
    }
}
@media (max-width: 768px) {
    .cases {
        margin: 1.875rem 0 3.75rem;
    }
    .cases__title {
        max-width: 100%;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .cases__text {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-top: 0.75rem;
    }
    .cases__main {
        min-height: 35.75rem;
        margin-top: 1.75rem;
    }
    .cases__tabbtn {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0.0063rem;
    }
    .cases__tabcontent {
        flex-direction: column;
        gap: 1.25rem;
        padding: 1.25rem 1.25rem 1.25rem 1.75rem;
    }
    .cases__tabcontent__left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0.75rem;
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.6);
        border-right: none;
    }
    .cases__tabcontent__left__text {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
    .cases__tabcontent__left__btn {
        display: none;
    }
    .cases__tabcontent__right {
        width: 100%;
        padding-left: 0;
    }
    .cases__tabcontent__right__text {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .cases__tabcontent__left__btn-mobile {
        margin: auto 0 0 auto;
        display: flex;
    }
    .cases__tabcontent__left__btn-mobile svg {
        width: 2.25rem;
        height: auto;
    }
    .cases__bottom {
        margin-top: 2.25rem;
    }
}
/* cases end  */

/* steps start  */

.steps {
    padding: 5rem 0;
    background: var(--n-50);
}
:root[data-theme="dark"] .steps {
    background: var(--s-800);
}
.steps__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.steps__title {
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem;
    max-width: 55.5rem;
}
:root[data-theme="dark"] .steps__title {
    color: var(--n-50);
}
.steps__main {
    margin-top: 3rem;
    position: relative;
}
.steps__content {
    display: flex;
    gap: 2rem;
    padding-bottom: 4.5rem;
    position: relative;
}
.steps__main::before {
    content: "";
    position: absolute;
    left: calc(25% / 2);
    width: 75%;
    bottom: 1.3125rem;
    --dot: 0.125rem;
    --gap: 0.5rem;
    height: var(--dot);
    background: radial-gradient(circle, var(--n-700) calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + 0.0313rem))
        center / calc(var(--dot) + var(--gap)) var(--dot) repeat-x;
}
:root[data-theme="dark"] .steps__main::before {
    background: radial-gradient(circle, var(--n-600) calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + 0.0313rem))
        center / calc(var(--dot) + var(--gap)) var(--dot) repeat-x;
}
.steps__item {
    width: calc(25% - 1.5rem);
    padding: 2rem;
    border-radius: 0.75rem;
    background: var(--n-0);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
}
:root[data-theme="dark"] .steps__item {
    background: var(--n-900);
}
.steps__item::before {
    content: "";
    height: 2rem;
    width: 0.125rem;
    background: var(--n-0);
    position: absolute;
    left: 50%;
    bottom: -1.8125rem;
    transform: translateX(-50%);
}
:root[data-theme="dark"] .steps__item::before {
    background: var(--n-900);
}
.steps__item__ico {
    margin-bottom: 0.75rem;
}
.steps__item__ico img {
    width: 3.25rem;
    height: auto;
}
.steps__item__ico img.img-dark {
    display: none;
}
:root[data-theme="dark"] .steps__item__ico img.img-light {
    display: none;
}
:root[data-theme="dark"] .steps__item__ico img.img-dark {
    display: block;
}
.steps__item__name {
    flex: 1;
    color: var(--p-400);
    font-size: 2rem;
    line-height: 2.5rem;
}
.steps__item__text {
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    flex: 2;
}
:root[data-theme="dark"] .steps__item__text {
    color: var(--n-500);
}
.steps__item__num {
    position: absolute;
    z-index: 2;
    bottom: -4.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 2.75rem;
    background: var(--n-0);
    color: var(--n-500);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .steps__item__num {
    background: var(--n-900);
    color: var(--n-600);
}
.steps__tabs-mobile {
    display: none;
}
@media (max-width: 768px) {
    .steps {
        padding: 3.75rem 0 5rem;
    }
    .steps__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        max-width: 100%;
    }
    .steps__main {
        margin-top: 2.5rem;
        display: flex;
        gap: 3rem;
    }
    .steps__tabs-mobile {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 2.75rem;
        position: relative;
        container-type: size;
    }

    .steps__tab-btn {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 2.75rem;
        background: rgba(255, 255, 255, 0.6);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        color: rgba(108, 110, 123, 0.6);
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        transition: all 0.3s ease;
    }
    :root[data-theme="dark"] .steps__tab-btn {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 2.75rem;
        background: rgba(27, 36, 77, 0.6);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        color: rgba(164, 166, 178, 0.6);
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        transition: all 0.3s ease;
    }
    .steps__tab-btn:not(:last-child):after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -16cqh;
        width: var(--dot);
        height: 15cqh;
        --dot: 0.125rem;
        --gap: 0.5rem;
        background: radial-gradient(
            circle,
            var(--n-700) calc(var(--dot) / 2),
            transparent calc(var(--dot) / 2 + 0.0313rem)
        );
        background-position: center top;
        background-size: var(--dot) calc(var(--dot) + var(--gap));
        background-repeat: repeat-y;
    }
    :root[data-theme="dark"] .steps__tab-btn:not(:last-child):after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -16cqh;
        width: var(--dot);
        height: 15cqh;
        --dot: 0.125rem;
        --gap: 0.5rem;
        background: radial-gradient(
            circle,
            var(--n-600) calc(var(--dot) / 2),
            transparent calc(var(--dot) / 2 + 0.0313rem)
        );
        background-position: center top;
        background-size: var(--dot) calc(var(--dot) + var(--gap));
        background-repeat: repeat-y;
    }
    .steps__tab-btn.active {
        background: rgba(255, 255, 255, 1);
        color: rgba(108, 110, 123, 1);
    }
    :root[data-theme="dark"] .steps__tab-btn.active {
        background: rgba(27, 36, 77, 1);
        color: rgba(164, 166, 178, 1);
    }
    .steps__tab-btn.active::before {
        content: "";
        position: absolute;
        width: 3rem;
        height: 0.125rem;
        background: var(--n-0);
        top: 50%;
        transform: translateY(-50%);
        right: -3rem;
        transition: all 0.3s ease;
    }
    :root[data-theme="dark"] .steps__tab-btn.active::before {
        background: var(--n-900);
    }
    .steps__content {
        padding-bottom: 0;
        flex: 1;
    }
    .steps__main::before {
        content: none;
    }
    .steps__item {
        width: 100%;
        height: 23.25rem;
        padding: 1.5rem;
        gap: 0.75rem;
        display: none;
    }
    .steps__item.active {
        display: flex;
    }
    .steps__item::before {
        content: none;
    }
    .steps__item__ico {
        margin-bottom: 1.5rem;
    }
    .steps__item__name {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
    .steps__item__text {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        flex: none;
    }
    .steps__item__num {
        display: none;
    }
}
/* steps end  */

/* feedback start  */

.feedback {
    padding: 5rem 0;
    background: url("../images/feedback.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
:root[data-theme="dark"] .feedback {
    background: url("../images/feedback-dark.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.feedback__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}
.feedback__text {
    color: var(--n-700);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
}
:root[data-theme="dark"] .feedback__text {
    color: var(--n-600);
}
.feedback__title {
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 3rem;
    line-height: 3.25rem;
    max-width: 59.625rem;
}
:root[data-theme="dark"] .feedback__title {
    color: var(--n-50);
}
.feedback form {
    width: 30rem;
    margin-top: 3.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.feedback form .fields-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}
.feedback form .fields-content .field-row {
    width: 100%;
}
.feedback form .fields-content .field-row input {
    padding: 1rem;
    width: 100%;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .feedback form .fields-content .field-row input {
    color: var(--n-50);
    background: var(--s-900);
}

.feedback form .fields-content .field-row textarea {
    padding: 1rem;
    width: 100%;
    height: 11.75rem;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    resize: none;
    outline: none;
}
:root[data-theme="dark"] .feedback form .fields-content .field-row textarea {
    color: var(--n-50);
    background: var(--s-900);
}
.feedback form .fields-content .field-row input::placeholder,
.feedback form .fields-content .field-row textarea::placeholder {
    color: var(--n-600);
}
:root[data-theme="dark"] .feedback form .fields-content .field-row input::placeholder,
:root[data-theme="dark"] .feedback form .fields-content .field-row textarea::placeholder {
    color: var(--n-700);
}
.feedback form .fields-content .field-row.error input,
:root[data-theme="dark"] .feedback form .fields-content .field-row.error input,
.feedback form .fields-content .field-row.error textarea,
:root[data-theme="dark"] .feedback form .fields-content .field-row.error textarea,
.feedback form .fields-content .field-row.error input::placeholder,
.feedback form .fields-content .field-row.error textarea::placeholder,
:root[data-theme="dark"] .feedback form .fields-content .field-row.error input::placeholder,
:root[data-theme="dark"] .feedback form .fields-content .field-row.error textarea::placeholder {
    color: #F10;
}
.feedback form button {
    width: 100%;
    margin-top: 2.25rem;
    padding: 0.9375rem;
    color: var(--n-0);
    text-align: center;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 3.125rem;
    background: var(--p-400);
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}
.feedback-policy {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}
.feedback-policy .checkbox-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}
.feedback-policy .checkbox-input {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    border: 0.063rem solid var(--n-50);
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
}
:root[data-theme="dark"] .feedback-policy .checkbox-input {
    background: var(--s-900);
}
:root[data-theme="dark"] .feedback-policy .checkbox-item .checkbox-input {
    border: 0.063rem solid var(--s-900);
}
.feedback-policy .checkbox-item.error .checkbox-input,
:root[data-theme="dark"] .feedback-policy .checkbox-item.error .checkbox-input{
    border: 0.063rem solid #f10;
}

.feedback-policy .checkbox-input:checked,
:root[data-theme="dark"] .feedback-policy .checkbox-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14' fill='none'%3E%3Cpath d='M2.01012 6.83828C1.55028 6.39501 0.804725 6.39501 0.344882 6.83828C-0.114961 7.28155 -0.114961 8.00023 0.344882 8.4435L5.78682 13.6675C6.24667 14.1108 6.99222 14.1108 7.45206 13.6675L19.6551 1.93767C20.115 1.4944 20.115 0.775721 19.6551 0.332452C19.1953 -0.110817 18.4497 -0.110817 17.9899 0.332452L6.61944 11.2597L2.01012 6.83828Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.25rem 0.875rem;
}
.feedback-policy .checkbox-label {
    cursor: pointer;
    user-select: none;
    color: var(--n-900);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
:root[data-theme="dark"] .feedback-policy .checkbox-label {
    color: var(--n-50);
}
.feedback-policy .checkbox-label a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.feedback__success {
    color: var(--n-900);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 1rem;
    width: 100%;
    display: none;
}
.feedback__error {
    color: var(--n-900);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 1rem;
    width: 100%;
    display: none;
}
:root[data-theme="dark"] .feedback__success,
:root[data-theme="dark"] .feedback__error {
    color: var(--n-50);
}
.feedback__success.is-visible,
.feedback__error.is-visible{
    display: block;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .feedback form button:hover {
        background: var(--p-600);
    }
}
@media (max-width: 768px) {
    .feedback {
        padding: 3.75rem 0;
        background: url("../images/feedback-mob.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    :root[data-theme="dark"] .feedback {
        background: url("../images/feedback-dark-mob.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .feedback__text {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 0.75rem;
        width: 80%;
    }
    .feedback__title {
        font-size: 2rem;
        line-height: 2.25rem;
        max-width: 100%;
    }
    .feedback form {
        width: 100%;
        margin-top: 1.5rem;
    }
    .feedback form .fields-content .field-row input {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .feedback form .fields-content .field-row textarea {
        height: 11rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .feedback form button {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.01rem;
    }
    .feedback-policy {
        grid-template-columns: repeat(1, 1fr);
    }
    .feedback-policy .checkbox-item {
        gap: 0.75rem;
    }
    .feedback-policy .checkbox-input {
        width: 2.25rem;
        height: 2.25rem;
    }
    .feedback-policy .checkbox-input:checked,
    :root[data-theme="dark"] .feedback-policy .checkbox-input:checked {
        background-size: 1.4375rem 0.9375rem;
    }
    .feedback__success {
        font-size: 0.875rem;
        margin-top: 1rem;
    }
    .feedback__error {
        font-size: 0.875rem;
        margin-top: 1rem;
    }
}
/* feedback end  */

/* videoblog start  */

.videoblog {
    margin: 5rem 0 2.5rem;
}
.videoblog__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.videoblog__title {
    max-width: 48rem;
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 4rem;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .videoblog__title {
    color: var(--n-50);
}
.videoblog__text {
    color: var(--n-600);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-top: 1.25rem;
}
:root[data-theme="dark"] .videoblog__text {
    color: var(--n-600);
}
.videoblog__main {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 2.75rem;
}
.videoblog__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.videoblog__item__img {
    position: relative;
    width: 100%;
    height: 17.25rem;
    border-radius: 0.75rem;
    overflow: hidden;
}
.videoblog__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videoblog__item__play-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 7.25rem;
    height: 7.25rem;
    border-radius: 7.25rem;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.5));
    padding-left: 1.125rem;
}
.videoblog__item__play-btn img {
    width: 3.375rem;
    height: auto;
}
.videoblog__item__name {
    flex: 1;
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .videoblog__item__name {
    color: var(--n-50);
}
.videoblog__button {
    margin-top: 2.5rem;
    display: flex;
    justify-content: center;
}
.videoblog__more-btn {
    display: flex;
    color: var(--n-900);
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 3.125rem;
    border: 0.0625rem solid var(--n-900);
    padding: 0.5rem 3.375rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .videoblog__more-btn {
    color: var(--p-400);
    border: 0.0625rem solid var(--p-400);
}

@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .videoblog__more-btn:hover {
        color: var(--p-400);
        border-color: var(--p-400);
    }
    :root[data-theme="dark"] .videoblog__more-btn:hover {
        color: var(--n-500);
        border-color: var(--n-500);
    }
}
@media (max-width: 768px) {
    .videoblog {
        margin: 3.75rem 0 1.875rem;
    }
    .videoblog__title {
        max-width: 100%;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .videoblog__text {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-top: 0.75rem;
    }
    .videoblog__main {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 1.75rem;
    }
    .videoblog__item__img {
        height: 14.25rem;
    }
    .videoblog__item__play-btn {
        width: 6rem;
        height: 6rem;
        border-radius: 6rem;
        padding-left: 0.9375rem;
    }
    .videoblog__item__play-btn img {
        width: 2.8125rem;
    }
    .videoblog__item__name {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .videoblog__button {
        margin-top: 2.25rem;
    }
}
/* videoblog end  */

/* clients start */

.clients {
    margin: 2.5rem 0 5rem;
}
.clients__wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.clients__title {
    max-width: 48rem;
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 4rem;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .clients__title {
    color: var(--n-50);
}
.clients__main {
    width: 100%;
    margin-top: 3.25rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}
.clients__item {
    height: 11rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.clients__item,
.clients__item * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}
.clients__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-drag: none;
    pointer-events: none;
}
.clients__item a:focus,
.clients__item a:focus-visible {
    outline: none;
}
.clients__item img.clients__item__img-dark {
    display: none;
}
.clients__item img.clients__item__img-hover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .clients__item img.clients__item__img-light {
    display: none;
}
:root[data-theme="dark"] .clients__item img.clients__item__img-dark {
    display: block;
}
:root[data-theme="dark"] .clients__item img.clients__item__img-hover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .clients__item:hover img.clients__item__img-hover {
        opacity: 1;
    }
    :root[data-theme="dark"] .clients__item:hover img.clients__item__img-hover {
        opacity: 1;
    }
}
@media (max-width: 768px) {
    .clients {
        margin: 1.875rem 0 5rem;
    }
    .clients__title {
        max-width: 100%;
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .clients__main {
        margin-top: 1.75rem;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    .clients__item {
        height: 5.75rem;
    }
}
/* clients end  */

/* footer start  */

footer {
    padding: 5rem 0 8rem;
    margin: auto 0 0 0;
    background: var(--n-700);
    position: relative;
    overflow: hidden;
}
:root[data-theme="dark"] footer {
    background: var(--s-800);
}
.footer__wrap {
    display: flex;
    flex-direction: column;
    gap: 3.25rem;
    width: 100%;
}
.footer__top {
    display: flex;
    gap: 2rem;
}
.footer__top__left {
    width: 26rem;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.footer__contact {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.75rem;
}
.footer__contact a {
    color: var(--n-0);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.0125rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .footer__contact a {
    color: var(--n-50);
}

.footer__address {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.75rem;
}
.footer__address-link {
    color: var(--n-0);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.0125rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .footer__address-link {
    color: var(--n-50);
}

.footer__address-text {
    color: var(--n-500);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
:root[data-theme="dark"] .footer__address-text {
    color: var(--n-600);
}
.footer__socies {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2.5rem;
}
.footer__socies a {
    display: flex;
    position: relative;
}
.footer__socies a img {
    height: 2rem;
    width: auto;
    transition: all 0.3s ease;
}
.footer__socies a img.hover {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
}

.footer__presentation {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.25rem;
    margin-top: 3.25rem;
}
.footer__presentation-link {
    color: var(--n-0);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    display: flex;
    align-items: center;
    gap: 1.5625rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .footer__presentation-link {
    color: var(--n-50);
}
.footer__presentation-link::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.2381V9.03613H1.11628V12.2381C1.11628 13.7004 2.29098 14.8798 3.74751 14.8798H12.2525C13.709 14.8798 14.8837 13.7004 14.8837 12.2381V9.03613H16V12.2381C16 14.3194 14.3255 16.0005 12.2525 16.0005H3.74751C1.67447 16.0005 0 14.3194 0 12.2381Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.44083 10.6733V0H8.55711V10.6733H7.44083Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.60537 10.9079L3.78876 7.07615L4.57809 6.28369L8.00003 9.71919L11.422 6.28369L12.2113 7.07615L8.3947 10.9079H7.60537Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1rem;
    height: 1rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .footer__presentation-link::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.2381V9.03613H1.11628V12.2381C1.11628 13.7004 2.29098 14.8798 3.74751 14.8798H12.2525C13.709 14.8798 14.8837 13.7004 14.8837 12.2381V9.03613H16V12.2381C16 14.3194 14.3255 16.0005 12.2525 16.0005H3.74751C1.67447 16.0005 0 14.3194 0 12.2381Z' fill='%23F5F3F1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.4408 10.6733V0H8.55708V10.6733H7.4408Z' fill='%23F5F3F1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.60543 10.9079L3.78882 7.07615L4.57815 6.28369L8.00009 9.71919L11.422 6.28369L12.2114 7.07615L8.39476 10.9079H7.60543Z' fill='%23F5F3F1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1rem;
    height: 1rem;
    transition: all 0.3s ease;
}

.footer__presentation-text {
    color: var(--n-500);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
}
:root[data-theme="dark"] .footer__presentation-text {
    color: var(--n-600);
}
.footer__top__center {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 37.5rem;
}
.footer__top__center__name {
    color: var(--n-0);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
}
:root[data-theme="dark"] .footer__top__center__name {
    color: var(--n-50);
}
.footer__top__center__content {
    width: 100%;
}
.footer__top__center__content ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 4.625rem;
}
.footer__top__center__content ul li {
    list-style-type: none;
}
.footer__top__center__content ul li a {
    color: var(--n-500);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;

    text-decoration-line: underline;
    text-decoration-thickness: 0.0625rem;
    text-decoration-color: transparent;
    text-underline-position: from-font;
    transition:
        text-decoration-color 0.3s ease,
        color 0.3s ease;
}
:root[data-theme="dark"] .footer__top__center__content ul li a {
    color: var(--n-600);
}

.footer__top__right {
    width: 12rem;
    margin: 0 0 0 auto;
}
.footer__top__right ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
}
.footer__top__right ul li {
    list-style-type: none;
}
.footer__top__right ul li a {
    color: var(--n-0);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .footer__top__right ul li a {
    color: var(--n-50);
}

.footer__bottom {
    padding-top: 2.25rem;
    width: 62.5rem;
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
    position: relative;
}
.footer__bottom::before {
    content: "";
    height: 0.0625rem;
    width: 61rem;
    opacity: 0.5;
    background: var(--n-500);
    position: absolute;
    left: 0;
    top: 0;
}
:root[data-theme="dark"] .footer__bottom::before {
    background: var(--n-600);
}
.footer__cookie {
    width: 61rem;
    color: var(--n-500);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
:root[data-theme="dark"] .footer__cookie {
    color: var(--n-600);
}
.footer__bottom__info {
    width: 100%;
    display: flex;
    align-items: center;
}
.footer__bottom__info .text {
    color: var(--n-500);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
:root[data-theme="dark"] .footer__bottom__info .text {
    color: var(--n-600);
}
.footer__bottom__links {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    gap: 2.5rem;
}
.footer__bottom__links a {
    color: var(--n-500);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
:root[data-theme="dark"] .footer__bottom__links a {
    color: var(--n-600);
}
.footer__img {
    position: absolute;
    z-index: 2;
    width: 19rem;
    height: auto;
    bottom: 0;
    right: 4rem;
}
.footer__copyright {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: -3rem;
    width: 100%;
    color: var(--n-500);
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 8.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}
:root[data-theme="dark"] .footer__copyright {
    color: var(--n-700);
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .footer__contact a:hover,
    :root[data-theme="dark"] .footer__contact a:hover {
        color: var(--p-400);
    }
    .footer__address-link:hover,
    :root[data-theme="dark"] .footer__address-link:hover {
        color: var(--p-400);
    }
    .footer__socies a:hover img.hover {
        opacity: 1;
    }
    .footer__socies a:hover img.default {
        opacity: 0;
    }
    .footer__presentation-link:hover,
    :root[data-theme="dark"] .footer__presentation-link:hover {
        color: var(--p-400);
    }
    .footer__presentation-link:hover::after,
    :root[data-theme="dark"] .footer__presentation-link:hover::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.2381V9.03613H1.11628V12.2381C1.11628 13.7004 2.29098 14.8798 3.74751 14.8798H12.2525C13.709 14.8798 14.8837 13.7004 14.8837 12.2381V9.03613H16V12.2381C16 14.3194 14.3255 16.0005 12.2525 16.0005H3.74751C1.67447 16.0005 0 14.3194 0 12.2381Z' fill='%23DAAC49'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.44141 10.6733V0H8.55769V10.6733H7.44141Z' fill='%23DAAC49'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.60567 10.9079L3.78906 7.07615L4.57839 6.28369L8.00034 9.71919L11.4223 6.28369L12.2116 7.07615L8.395 10.9079H7.60567Z' fill='%23DAAC49'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .footer__top__center__content ul li a:hover {
        text-decoration-color: currentColor;
    }
    .footer__top__right ul li a:hover,
    :root[data-theme="dark"] .footer__top__right ul li a:hover {
        color: var(--p-400);
    }
}
@media (max-width: 768px) {
    footer {
        padding: 3.75rem 0 4rem;
    }
    .footer__wrap {
        gap: 2.25rem;
    }
    .footer__top__left {
        width: 100%;
    }
    .footer__contact a {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0112rem;
    }
    .footer__address {
        gap: 0.5rem;
    }
    .footer__address-link {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0112rem;
    }
    .footer__address-text {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .footer__socies {
        gap: 2.5rem;
        margin-top: 2.25rem;
    }
    .footer__presentation {
        gap: 0.25rem;
        margin-top: 2.25rem;
    }
    .footer__presentation-link {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        gap: 1rem;
    }

    .footer__presentation-text {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .footer__top__center {
        display: none;
    }
    .footer__top__right {
        display: none;
    }
    .footer__bottom {
        width: 100%;
        gap: 1.75rem;
    }
    .footer__bottom::before {
        width: 100%;
    }
    .footer__cookie {
        width: 100%;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .footer__bottom__info {
        flex-direction: column;
        align-items: start;
        gap: 1.75rem;
    }
    .footer__bottom__info .text {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .footer__bottom__links {
        margin: 0;
        flex-direction: column;
        align-items: start;
        gap: 1.75rem;
    }
    .footer__bottom__links a {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .footer__img {
        display: none;
    }
    .footer__copyright {
        bottom: -0.6875rem;
        font-size: 2rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}
/* footer end  */

.all-feedback-btn {
    position: fixed;
    z-index: 50;
    right: 1.5rem;
    bottom: 3rem;
    padding: 1rem 3.9375rem;
    color: var(--p-400);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    letter-spacing: 0.0125rem;
    border-radius: 4.6875rem;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(0.4375rem);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .all-feedback-btn {
    color: var(--n-900);
}

@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .all-feedback-btn:hover,
    :root[data-theme="dark"] .all-feedback-btn:hover {
        background: rgba(255, 255, 255, 1);
    }
}
@media (max-width: 768px) {
    .all-feedback-btn {
        right: 1.4375rem;
        bottom: 2.25rem;
        width: 3.25rem;
        height: 3.25rem;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4.6875rem;
        background: rgba(255, 255, 255, 0.8);
    }
    .all-feedback-btn span {
        display: none;
    }
    .all-feedback-btn::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M20.3834 19.9518C22.6039 17.8366 24 14.8961 24 11.6332C23.9867 5.21042 18.615 0 11.9934 0C5.37175 0 0 5.21042 0 11.6332C0 18.0559 5.37175 23.2663 11.9934 23.2663C13.6155 23.2663 15.1579 22.9568 16.5673 22.3893C16.9928 22.7504 17.4449 23.1115 17.9501 23.4082C19.8249 24.556 21.9258 25.059 23.9867 24.9945C22.3512 23.5758 21.1413 21.8347 20.3701 19.9389L20.3834 19.9518Z' fill='%23DAAC49'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        width: 1.5rem;
        height: 1.5625rem;
    }
    :root[data-theme="dark"] .all-feedback-btn {
        color: var(--n-900);
    }
}
/* contact-hero start  */

.contact-hero {
    padding: 7.5rem 0 5rem;
}
.contact-hero__top {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 0.75rem;
}
.contact-hero__title {
    width: calc(50% - 1rem);
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .contact-hero__title {
    color: var(--n-50);
}
.contact-hero__text {
    width: calc(45% - 1rem);
    color: var(--n-600);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
}
.contact-hero__main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 3.75rem;
}
.contact-hero__left {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
}
.contact-hero__row {
    display: flex;
    gap: 2rem;
}
.contact-hero__row .name {
    width: 12rem;
    color: var(--n-600);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
.contact-hero__row__content {
    flex: 1;
    display: flex;
    justify-content: start;
}
.contact-hero__address .contact-hero__row__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.75rem;
}
.contact-hero__address-link {
    color: var(--n-900);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .contact-hero__address-link {
    color: var(--n-50);
}

.contact-hero__address-text {
    color: var(--n-600);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
.contact-hero__tel,
.contact-hero__mail {
    align-items: center;
}
.contact-hero__tel-link,
.contact-hero__mail-link {
    color: var(--n-900);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .contact-hero__tel-link,
:root[data-theme="dark"] .contact-hero__mail-link {
    color: var(--n-50);
}

.contact-hero__socies {
    align-items: center;
}
.contact-hero__socies .contact-hero__row__content {
    gap: 2.25rem;
}
.contact-hero__socies .contact-hero__row__content a {
    display: flex;
    position: relative;
}
.contact-hero__socies .contact-hero__row__content a img {
    height: 2rem;
    width: auto;
    transition: all 0.3s ease;
}
.contact-hero__socies .contact-hero__row__content a img.default-dark {
    display: none;
}
:root[data-theme="dark"] .contact-hero__socies .contact-hero__row__content a img.default-dark {
    display: block;
}
.contact-hero__socies .contact-hero__row__content a img.hover {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
}

:root[data-theme="dark"] .contact-hero__socies .contact-hero__row__content a img.default {
    display: none;
}
.contact-hero__map {
    overflow: hidden;
    width: 100%;
    height: 20.75rem;
    border-radius: 0.75rem;
}
.contact-hero__map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact-hero__map-mobile {
    display: none;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .contact-hero__address-link:hover {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    .contact-hero__tel-link:hover,
    .contact-hero__mail-link:hover {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    .contact-hero__socies .contact-hero__row__content a:hover img.hover {
        opacity: 1;
    }
    .contact-hero__socies .contact-hero__row__content a:hover img.default {
        opacity: 0;
    }
    :root[data-theme="dark"] .contact-hero__socies .contact-hero__row__content a:hover img.default-dark {
        opacity: 0;
    }
}
@media (max-width: 768px) {
    .contact-hero {
        padding: 5.75rem 0 3.75rem;
    }
    .contact-hero__top {
        flex-direction: column;
        align-items: start;
        gap: 0.75rem;
        margin-top: 0.5rem;
    }
    .contact-hero__title {
        width: 100%;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .contact-hero__text {
        width: 100%;
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .contact-hero__main {
        grid-template-columns: 1fr;
        margin-top: 2.25rem;
    }
    .contact-hero__left {
        gap: 2.25rem;
    }
    .contact-hero__row {
        flex-direction: column;
        gap: 0.5rem;
    }
    .contact-hero__row .name {
        width: 100%;
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .contact-hero__row__content {
        width: 100%;
        flex: none;
    }
    .contact-hero__address .contact-hero__row__content {
        gap: 0.5rem;
    }
    .contact-hero__address-link {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .contact-hero__address-text {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .contact-hero__tel,
    .contact-hero__mail {
        align-items: start;
    }
    .contact-hero__tel-link,
    .contact-hero__mail-link {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .contact-hero__socies .contact-hero__row__content {
        gap: 2.5rem;
    }
    .contact-hero__right {
        display: none;
    }
    .contact-hero__map-mobile {
        display: block;
        width: 100%;
        height: 13.25rem;
        overflow: hidden;
        border-radius: 0.75rem;
        margin-top: 1rem;
    }
    .contact-hero__map-mobile img {
        width: 100%;
        height: auto;
    }
}
/* contact-hero end  */

/* breadcrumbs start  */

.breadcrumbs ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}
.breadcrumbs ul li {
    color: var(--n-600);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 1rem;
}
:root[data-theme="dark"] .breadcrumbs ul li {
    color: var(--n-50);
}
.breadcrumbs ul li:not(:last-child)::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35357L9.60035 4.35356L5.60034 0.353557' stroke='%236C6E7B'/%3E%3Cpath d='M0 4.35354L9.60001 4.35354' stroke='%236C6E7B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 0.6875rem;
    height: 0.5625rem;
}
.breadcrumbs ul li a {
    color: var(--n-700);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .breadcrumbs ul li a {
    color: var(--n-600);
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .breadcrumbs ul li a:hover,
    :root[data-theme="dark"] .breadcrumbs ul li a:hover {
        color: var(--p-400);
    }
}
@media (max-width: 768px) {
    .breadcrumbs ul {
        gap: 0.75rem;
    }
    .breadcrumbs ul li {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
        gap: 0.75rem;
    }
    .breadcrumbs ul li:not(:last-child)::after {
        width: 0.6rem;
        height: 0.5rem;
    }
}
/* breadcrumbs end  */

/* services-page start  */

.services-page {
    padding: 7.5rem 0 5rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .services-page {
    background: var(--s-800);
}
.services-page__top {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 0.75rem;
}
.services-page__title {
    width: calc(50% - 1rem);
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .services-page__title {
    color: var(--n-50);
}
.services-page__text {
    width: calc(45% - 1rem);
    color: var(--n-600);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
}
.services-page__main {
    width: 100%;
    margin-top: 2.75rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.services-page__item {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: var(--n-0);
    border-radius: 0.75rem;
    padding: 1.5rem 1.5rem 2rem;
    transition: all 0.3s ease;
    position: relative;
}
:root[data-theme="dark"] .services-page__item {
    background: var(--n-900);
}
.services-page__item::before {
    content: "";
    width: 2.75rem;
    height: 2.75rem;
    background: var(--n-50);
    position: absolute;
    right: 0;
    top: 0;
}
:root[data-theme="dark"] .services-page__item::before {
    background: var(--s-800);
}
.services-page__item::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}

.services-page__item__name {
    width: 100%;
    color: var(--n-900);
    font-size: 2rem;
    line-height: 2.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid var(--n-50);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .services-page__item__name {
    color: var(--n-50);
}

.services-page__item__wrap {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.services-page__item__content {
    color: var(--n-600);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    overflow: hidden;
    transition: color 0.3s ease;
}
:root[data-theme="dark"] .services-page__item__content {
    color: var(--n-500);
}

.services-page__item__content ul {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.services-page__item__content ul li {
    list-style-type: none;
}
.services-page__item__bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}
.services-page__item__more-btn {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--p-400);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    transition: all 0.3s ease;
}

.services-page__item__more-btn::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M0.353516 7.00024L5.35333 12.0001L10.3532 7.00024' stroke='%23DAAC49'/%3E%3Cpath d='M5.35352 4.37098e-07L5.35352 11.9996' stroke='%23DAAC49'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M0.353516 7.00024L5.35333 12.0001L10.3532 7.00024' stroke='%23DAAC49'/%3E%3Cpath d='M5.35352 4.37098e-07L5.35352 11.9996' stroke='%23DAAC49'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 0.6875rem;
    height: 0.8125rem;
    transition: transform 0.25s ease;
}
.services-page__item.is-open .services-page__item__more-btn::before {
    transform: scaleY(-1);
}
.services-page__item__ico {
    display: flex;
    margin: 0 0 0 auto;
}
.services-page__item__ico svg {
    width: 2.25rem;
    height: auto;
}
.services-page__item__ico svg path,
.services-page__item__ico svg circle {
    stroke: var(--p-400);
    transition: all 0.3s ease;
}

@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .services-page__item:hover,
    :root[data-theme="dark"] .services-page__item:hover {
        background: var(--p-400);
    }
    .services-page__item:hover .services-page__item__name,
    :root[data-theme="dark"] .services-page__item:hover .services-page__item__name {
        color: var(--n-0);
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.6);
    }
    .services-page__item:hover .services-page__item__content,
    :root[data-theme="dark"] .services-page__item:hover .services-page__item__content {
        color: var(--n-0);
    }
    .services-page__item:hover .services-page__item__more-btn {
        color: var(--n-0);
    }
    .services-page__item:hover .services-page__item__ico svg path,
    .services-page__item:hover .services-page__item__ico svg circle {
        stroke: var(--n-0);
    }
}
@media (max-width: 768px) {
    .services-page {
        padding: 5.75rem 0 3.75rem;
    }
    .services-page__top {
        flex-direction: column;
        align-items: start;
        gap: 0.75rem;
        margin-top: 0.5rem;
    }
    .services-page__title {
        width: 100%;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .services-page__text {
        width: 100%;
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .services-page__main {
        margin-top: 1.5rem;
        gap: 1rem;
    }
    .services-page__item {
        gap: 0.75rem;
        padding: 1rem;
    }
    .services-page__item__name {
        width: 100%;
        font-size: 1.375rem;
        line-height: 1.625rem;
        padding-bottom: 0.5rem;
    }
    .services-page__item__wrap {
        gap: 0.5rem;
    }
    .services-page__item__content {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .services-page__item__content ul {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    .services-page__item__more-btn {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }

    .services-page__item__more-btn::before {
        width: 0.75rem;
        height: 0.625rem;
    }
    .services-page__item__ico svg {
        width: 1.75rem;
    }
}
/* services-page end  */

/* blog-page start  */

.blog-page {
    padding: 7.5rem 0 5rem;
}
.blog-page__top {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 0.75rem;
}
.blog-page__title {
    width: calc(50% - 1rem);
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .blog-page__title {
    color: var(--n-50);
}
.blog-page__text {
    width: calc(45% - 1rem);
    color: var(--n-600);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
}
.blog-page__filter {
    margin-top: 3.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.blog-page__filter .radio-item {
    position: relative;
}
.blog-page__filter .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.blog-page__filter .radio-label {
    display: flex;
    cursor: pointer;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    color: var(--n-700);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 3.125rem;
    background: var(--n-50);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .blog-page__filter .radio-label {
    color: var(--n-500);
    background: var(--n-900);
}
.blog-page__filter .radio-label.active,
:root[data-theme="dark"] .blog-page__filter .radio-label.active {
    background: var(--p-400);
    color: var(--n-0);
}
.blog-page__main {
    margin-top: 3.75rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 2rem;
}
.blog-page__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid var(--n-400);
    transition: all 0.3s ease;
}
.blog-page__item__date {
    color: var(--n-600);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    transition: all 0.3s ease;
}
.blog-page__item__name {
    color: var(--n-900);
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
    flex: 1;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .blog-page__item__name {
    color: var(--n-50);
}
.blog-page__item__text {
    color: var(--n-600);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 7;*/
    /*line-clamp: 7;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    transition: all 0.3s ease;
    flex: 2;
}
.blog-page__pagination {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
.blog-page__pagination ul {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.blog-page__pagination ul li {
    list-style-type: none;
}
.blog-page__pagination ul li a,
.blog-page__pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
    color: var(--n-600);
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    transition: all 0.3s ease;
}
.blog-page__pagination ul li span {
    color: var(--p-400);
}
.blog-page__pagination ul li a.page__prev,
.blog-page__pagination ul li a.page__next {
    width: auto;
    height: auto;
}
.blog-page__pagination ul li a.page__prev {
    margin-right: 0.5rem;
}
.blog-page__pagination ul li a.page__next {
    margin-left: 0.5rem;
}
.blog-page__pagination ul li a.page__prev svg,
.blog-page__pagination ul li a.page__next svg {
    width: 1.3125rem;
    height: auto;
}
.blog-page__pagination ul li a.page__prev svg path,
.blog-page__pagination ul li a.page__next svg path {
    stroke: var(--n-600);
    transition: all 0.3s ease;
}
.blog-page__filter-mobile {
    display: none;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .blog-page__filter .radio-label:hover,
    :root[data-theme="dark"] .blog-page__filter .radio-label:hover {
        background: var(--p-400);
        color: var(--n-0);
    }
    .blog-page__item:hover {
        border-color: var(--p-400);
    }
    .blog-page__item:hover .blog-page__item__date {
        color: var(--p-400);
    }
    .blog-page__item:hover .blog-page__item__name,
    :root[data-theme="dark"] .blog-page__item:hover .blog-page__item__name {
        color: var(--p-400);
    }
    .blog-page__item:hover .blog-page__item__text {
        color: var(--p-400);
    }
    .blog-page__pagination ul li a:hover {
        color: var(--p-400);
    }
    .blog-page__pagination ul li a.page__prev:hover svg path,
    .blog-page__pagination ul li a.page__next:hover svg path {
        stroke: var(--p-400);
    }
}
@media (max-width: 768px) {
    .blog-page {
        padding: 5.75rem 0 5rem;
    }
    .blog-page__top {
        flex-direction: column;
        align-items: start;
        gap: 0.75rem;
        margin-top: 0.5rem;
    }
    .blog-page__title {
        width: 100%;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .blog-page__text {
        width: 100%;
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .blog-page__filter {
        display: none;
    }
    .blog-page__main {
        margin-top: 1.75rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
    }
    .blog-page__item {
        gap: 0.75rem;
        padding-top: 0.75rem;
    }
    .blog-page__item__date {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .blog-page__item__name {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
        flex: none;
    }
    .blog-page__item__text {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        flex: none;
    }
    .blog-page__pagination ul li a,
    .blog-page__pagination ul li span {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .blog-page__pagination ul li a.page__prev {
        margin-right: -0.25rem;
    }
    .blog-page__pagination ul li a.page__next {
        margin-left: -0.25rem;
    }
    .blog-page__pagination ul li a.page__prev svg,
    .blog-page__pagination ul li a.page__next svg {
        width: 1.2001rem;
    }
    .blog-page__filter-mobile {
        display: flex;
        width: 100%;
        margin-top: 1rem;
    }
    .blog-page__filter-mobile__btn {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.75rem 1rem;
        border-radius: 0.75rem;
        background: var(--n-50);
        color: var(--n-700);
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    :root[data-theme="dark"] .blog-page__filter-mobile__btn {
        background: var(--s-800);
        color: var(--n-600);
    }
    .blog-page__filter-mobile__btn::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M0.353516 7.00015L5.35333 12L10.3532 7.00015' stroke='%236C6E7B'/%3E%3Cpath d='M5.35327 4.37098e-07L5.35327 11.9996' stroke='%236C6E7B'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        width: 0.6875rem;
        height: 0.8125rem;
        margin: 0 0 0 auto;
    }
}
/* blog-page end  */

/* cases-page start  */

.cases-page {
    padding: 7.5rem 0 5rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .cases-page {
    background: var(--s-800);
}
.cases-page__top {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 0.75rem;
}
.cases-page__title {
    width: calc(50% - 1rem);
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem;
}
:root[data-theme="dark"] .cases-page__title {
    color: var(--n-50);
}
.cases-page__text {
    width: calc(45% - 1rem);
    color: var(--n-600);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
}
.cases-page__filter {
    margin-top: 3.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.cases-page__filter .radio-item {
    position: relative;
}
.cases-page__filter .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.cases-page__filter .radio-label {
    display: flex;
    cursor: pointer;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    color: var(--n-700);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 3.125rem;
    background: var(--n-0);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .cases-page__filter .radio-label {
    color: var(--n-600);
    background: var(--s-900);
}

.cases-page__filter .radio-label.active {
    background: var(--p-400);
    color: var(--n-0);
}
.cases-page__main {
    margin-top: 3.75rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
.cases-page__item {
    display: flex;
    flex-direction: column;
    border-radius: 0.75rem;
    background: var(--n-0);
    padding: 1.75rem;
    transition: all 0.3s ease;
    position: relative;
}
:root[data-theme="dark"] .cases-page__item {
    background: var(--n-900);
}
.cases-page__item::before {
    content: "";
    width: 2.75rem;
    height: 2.75rem;
    background: var(--n-50);
    position: absolute;
    right: 0;
    top: 0;
}
:root[data-theme="dark"] .cases-page__item::before {
    background: var(--s-800);
}
.cases-page__item::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}

.cases-page__item__category {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--p-400);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    margin-bottom: 1.25rem;
}

.cases-page__item__category__ico {
    display: flex;
    position: relative;
}
.cases-page__item__category__ico img {
    width: 1.5rem;
    height: auto;
    transition: all 0.3s ease;
}
.cases-page__item__category__ico img.hover {
    position: absolute;
    z-index: 2;
    opacity: 0;
}

.cases-page__item__name {
    color: var(--n-900);
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
    flex: 1;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .cases-page__item__name {
    color: var(--n-50);
}

.cases-page__item__text {
    margin-top: 0.5rem;
    flex: 2;
    color: var(--n-600);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 6;*/
    /*line-clamp: 6;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .cases-page__item__text {
    color: var(--n-500);
}

.cases-page__item__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-top: 1rem;
}
.cases-page__item__img {
    width: 5.5rem;
    height: 2.25rem;
    position: relative;
    display: flex;
    align-items: center;
}
.cases-page__item__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}
.cases-page__item__img img.hover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
}

.cases-page__item__ico {
    display: flex;
    margin: 0 0 0 auto;
}
.cases-page__item__ico svg {
    width: 2.25rem;
    height: auto;
}
.cases-page__item__ico svg path,
.cases-page__item__ico svg circle {
    stroke: var(--p-400);
    transition: all 0.3s ease;
}

.cases-page__pagination {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}
.cases-page__pagination ul {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.cases-page__pagination ul li {
    list-style-type: none;
}
.cases-page__pagination ul li a,
.cases-page__pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
    color: var(--n-600);
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    transition: all 0.3s ease;
}
.cases-page__pagination ul li span {
    color: var(--p-400);
}

.cases-page__pagination ul li a.page__prev,
.cases-page__pagination ul li a.page__next {
    width: auto;
    height: auto;
}
.cases-page__pagination ul li a.page__prev {
    margin-right: 0.5rem;
}
.cases-page__pagination ul li a.page__next {
    margin-left: 0.5rem;
}
.cases-page__pagination ul li a.page__prev svg,
.cases-page__pagination ul li a.page__next svg {
    width: 1.3125rem;
    height: auto;
}
.cases-page__pagination ul li a.page__prev svg path,
.cases-page__pagination ul li a.page__next svg path {
    stroke: var(--n-600);
    transition: all 0.3s ease;
}
.cases-page__filter-mobile {
    display: none;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .cases-page__filter .radio-label:hover,
    :root[data-theme="dark"] .cases-page__filter .radio-label:hover {
        background: var(--p-400);
        color: var(--n-0);
    }
    .cases-page__item:hover,
    :root[data-theme="dark"] .cases-page__item:hover {
        background: var(--p-400);
    }
    .cases-page__item:hover .cases-page__item__category {
        color: var(--n-0);
    }
    .cases-page__item:hover .cases-page__item__category__ico img.default {
        opacity: 0;
    }
    .cases-page__item:hover .cases-page__item__category__ico img.hover {
        opacity: 1;
    }
    .cases-page__item:hover .cases-page__item__name,
    :root[data-theme="dark"] .cases-page__item:hover .cases-page__item__name {
        color: var(--n-0);
    }
    .cases-page__item:hover .cases-page__item__text,
    :root[data-theme="dark"] .cases-page__item:hover .cases-page__item__text {
        color: var(--n-0);
    }
    .cases-page__item:hover .cases-page__item__img img.default {
        opacity: 0;
    }
    .cases-page__item:hover .cases-page__item__img img.hover {
        opacity: 1;
    }
    .cases-page__item:hover .cases-page__item__ico svg path,
    .cases-page__item:hover .cases-page__item__ico svg circle {
        stroke: var(--n-0);
    }
    .cases-page__pagination ul li a:hover {
        color: var(--p-400);
    }
    .cases-page__pagination ul li a.page__prev:hover svg path,
    .cases-page__pagination ul li a.page__next:hover svg path {
        stroke: var(--p-400);
    }
}
@media (max-width: 768px) {
    .cases-page {
        padding: 5.75rem 0 5rem;
    }
    .cases-page__top {
        flex-direction: column;
        align-items: start;
        gap: 0.75rem;
        margin-top: 0.5rem;
    }
    .cases-page__title {
        width: 100%;
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .cases-page__text {
        width: 100%;
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .cases-page__filter {
        display: none;
    }
    .cases-page__main {
        margin-top: 1.75rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .cases-page__item {
        padding: 1rem;
    }
    .cases-page__item__category {
        gap: 0.75rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
        margin-bottom: 1rem;
    }
    .cases-page__item__name {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .cases-page__item__text {
        margin-top: 0.25rem;
        flex: none;
        font-size: 0.875rem;
        line-height: 1rem;
        letter-spacing: 0.0088rem;
    }
    .cases-page__item__ico {
        display: flex;
        margin: 0 0 0 auto;
    }
    .cases-page__item__ico svg {
        width: 1.75rem;
        height: auto;
    }
    .cases-page__pagination ul li a,
    .cases-page__pagination ul li span {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .cases-page__pagination ul li a.page__prev {
        margin-right: -0.25rem;
    }
    .cases-page__pagination ul li a.page__next {
        margin-left: -0.25rem;
    }
    .cases-page__pagination ul li a.page__prev svg,
    .cases-page__pagination ul li a.page__next svg {
        width: 1.2001rem;
    }
    .cases-page__filter-mobile {
        display: flex;
        width: 100%;
        margin-top: 1rem;
    }
    .cases-page__filter-mobile__btn {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.75rem 1rem;
        border-radius: 0.75rem;
        background: var(--n-0);
        color: var(--n-700);
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    :root[data-theme="dark"] .cases-page__filter-mobile__btn {
        background: var(--s-900);
        color: var(--n-600);
    }
    .cases-page__filter-mobile__btn::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M0.353516 7.00015L5.35333 12L10.3532 7.00015' stroke='%236C6E7B'/%3E%3Cpath d='M5.35327 4.37098e-07L5.35327 11.9996' stroke='%236C6E7B'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        width: 0.6875rem;
        height: 0.8125rem;
        margin: 0 0 0 auto;
    }
}
/* cases-page end  */

/* service-page start  */

.service-page {
    padding: 5.5rem 0 5rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .service-page {
    background: var(--s-800);
}
.service-page__container {
    width: 86rem;
    margin: 0 auto;
    background: var(--n-0);
    border-radius: 0.75rem;
    padding: 2rem 0 6.25rem;
    position: relative;
}
:root[data-theme="dark"] .service-page__container {
    background: var(--s-900);
}
.service-page__container::before {
    content: "";
    width: 2.75rem;
    height: 2.75rem;
    background: var(--n-50);
    position: absolute;
    right: -0.0625rem;
    top: -0.0625rem;
}
:root[data-theme="dark"] .service-page__container::before {
    background: var(--s-800);
}
.service-page__container::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}
.service-page__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    line-height: 4.25rem;
    margin-top: 0.75rem;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}
:root[data-theme="dark"] .service-page__title {
    color: var(--n-50);
}
.service-page__top {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 1.5rem;
}
.service-page__top__left {
    display: flex;
    align-items: center;
    width: 12rem;
}
.service-page__back-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--n-900);
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .service-page__back-btn {
    color: var(--n-50);
}
.service-page__back-btn::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.1997 9.60005L8.80014 15.9996L15.1997 22.3992' stroke='%231B244D' stroke-width='2'/%3E%3Cpath d='M24.1597 15.9996L8.80071 15.9996' stroke='%231B244D' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='15' transform='rotate(-180 16 16)' stroke='%231B244D' stroke-width='2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.1997 9.60005L8.80014 15.9996L15.1997 22.3992' stroke='%231B244D' stroke-width='2'/%3E%3Cpath d='M24.1597 15.9996L8.80071 15.9996' stroke='%231B244D' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='15' transform='rotate(-180 16 16)' stroke='%231B244D' stroke-width='2'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

.service-page__reading-time,
.service-page__category {
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-right: 1.25rem;
}
:root[data-theme="dark"] .service-page__reading-time,
:root[data-theme="dark"] .service-page__category {
    color: var(--n-600);
}
.service-page__reading-time::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0498 7.20003L11.2501 11.9997L14.6252 15.3748' stroke='%236C6E7B' stroke-linejoin='bevel'/%3E%3Ccircle cx='12' cy='12' r='11.5' transform='rotate(-180 12 12)' stroke='%236C6E7B'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0498 7.20003L11.2501 11.9997L14.6252 15.3748' stroke='%236C6E7B' stroke-linejoin='bevel'/%3E%3Ccircle cx='12' cy='12' r='11.5' transform='rotate(-180 12 12)' stroke='%236C6E7B'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}
.service-page__main {
    margin-top: 2.75rem;
    display: flex;
    gap: 2rem;
}
.service-page__sidebar {
    width: 12rem;
    position: relative;
}
.service-page__sidebar ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: sticky;
    top: 6.25rem;

    max-height: calc(100vh - 6.25rem);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;

    padding-bottom: 1.5rem;
}
.service-page__sidebar ul::-webkit-scrollbar {
    width: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
.service-page__sidebar ul::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: var(--n-400);
    border-radius: 1.25rem;
}
.service-page__sidebar ul::-webkit-scrollbar-track {
    border-radius: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
:root[data-theme="dark"] .service-page__sidebar ul::-webkit-scrollbar {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .service-page__sidebar ul::-webkit-scrollbar-track {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .service-page__sidebar ul::-webkit-scrollbar-thumb {
    background-color: var(--n-700);
}
.service-page__sidebar ul li {
    list-style-type: none;
}
.service-page__sidebar ul li a {
    color: var(--n-900);
    line-height: 1.175rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
    overflow-wrap: break-word;
    hyphens: manual;
}
:root[data-theme="dark"] .service-page__sidebar ul li a {
    color: var(--n-50);
}

.service-page__sidebar ul li a.active,
:root[data-theme="dark"] .service-page__sidebar ul li a.active {
    color: var(--p-400);
}
.service-page__content {
    width: 47rem;
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
}
.service-page__item {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.service-page__text-line-left {
    color: var(--p-400);
    font-size: 2rem;
    line-height: 2.5rem;
    padding-left: 3rem;
    border-left: 0.25rem solid var(--p-400);
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: relative;
}
.service-page__text-line-left img {
    width: 8.5rem;
    height: auto;
}
.service-page__text {
    color: var(--n-900);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    position: relative;
}
:root[data-theme="dark"] .service-page__text {
    color: var(--n-50);
}
.service-page__text a:not(.service-page__right-link, .service-page__right-card) {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.service-page__text ul,
.service-page__text ol {
    padding-left: 1.875rem;
}
.service-page__text h2 {
    font-family: Geologica;
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.25rem;
}
.service-page__text h3 {
    font-family: Inter;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}
.service-page__text img {
    width: 12rem;
    height: auto;
}
.service-page__text-line-left_font-size-24 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
}

.service-page__list {
    width: 100%;
    position: relative;
}
.service-page__right-link {
    position: absolute;
    width: 10.6875rem;
    color: var(--p-400);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    right: -19.6875rem;
    top: 0;
    transition: all 0.3s ease;
}

.service-page__right-link svg {
    width: 0.6875rem;
    height: auto;
}
.service-page__right-link svg path {
    transition: all 0.3s ease;
    stroke: var(--p-400);
}
.service-page__list ul {
    column-count: 2;
    column-gap: 5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.service-page__list ul li {
    padding: 1.25rem 0;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-bottom: 0.0625rem solid var(--n-400);
    border-top: 0.0625rem solid var(--n-400);
    break-inside: avoid-column;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}
:root[data-theme="dark"] .service-page__list ul li {
    color: var(--n-50);
}
.service-page__card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    position: relative;
}
.service-page__card__item {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem;
    border-radius: 0.75rem;
    background: var(--p-400);
    height: 14rem;
    color: var(--n-0);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    transition: all 0.3s ease;
    position: relative;
}
.service-page__card__item::before {
    content: "";
    width: 2.625rem;
    height: 2.625rem;
    background: var(--n-0);
    position: absolute;
    right: 0;
    top: 0;
}
:root[data-theme="dark"] .service-page__card__item::before {
    background: var(--s-900);
}
.service-page__card__item::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M0 42V0H5.02944C8.21204 0 11.2643 1.26428 13.5147 3.51472L38.4853 28.4853C40.7357 30.7357 42 33.788 42 36.9706V42H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M0 42V0H5.02944C8.21204 0 11.2643 1.26428 13.5147 3.51472L38.4853 28.4853C40.7357 30.7357 42 33.788 42 36.9706V42H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2.625rem;
    height: 2.625rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}

.service-page__card__item .ico {
    display: flex;
    margin: auto 0 0 0;
}
.service-page__card__item .ico svg {
    width: 1.5rem;
    height: auto;
}
.service-page__btn {
    display: flex;
    width: 100%;
}
.service-page__btn a {
    display: flex;
    padding: 0.5rem 3.375rem;
    color: var(--n-900);
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 50px;
    border: 0.0625rem solid var(--n-900);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .service-page__btn a {
    color: var(--p-400);
    border: 0.0625rem solid var(--p-400);
}

.service-page__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.25rem 5rem;
}
.service-page__grid__item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.service-page__grid__item__ico {
    width: 4rem;
    height: 4rem;
    position: relative;
    flex-shrink: 0;
}
.service-page__grid__item__ico img {
    width: 100%;
    height: auto;
    flex-shrink: 0;
}
.service-page__grid__item__ico img.dark {
    display: none;
}
:root[data-theme="dark"] .service-page__grid__item__ico img.light {
    display: none;
}
:root[data-theme="dark"] .service-page__grid__item__ico img.dark {
    display: block;
}
.service-page__grid__item .text {
    color: var(--n-900);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    flex: 1;
}
:root[data-theme="dark"] .service-page__grid__item .text {
    color: var(--n-50);
}
.service-page__text table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: auto;
}
.service-page__text table thead {
    border-bottom: 0.0625rem solid var(--p-400);
}
.service-page__text table thead th,
.service-page__text table thead td{
    text-align: left;
    color: var(--n-600);
    font-family: Inter;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    padding: 1rem;
}
.service-page__text table thead th:first-child,
.service-page__text table thead td:first-child{
    padding-left: 0;
}
.service-page__text table thead th:last-child,
.service-page__text table thead td:last-child{
    padding-right: 0;
}
.service-page__text table tbody tr:nth-child(odd) {
    background: var(--n-50);
}
:root[data-theme="dark"] .service-page__text table tbody tr:nth-child(odd) {
    background: var(--s-800);
}
.service-page__text table tbody td {
    padding: 1rem;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
}
:root[data-theme="dark"] .service-page__text table tbody td {
    color: var(--n-50);
}
.service-page__feedback {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 5rem 0;
    background: url("../images/feedback.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
:root[data-theme="dark"] .service-page__feedback {
    background: url("../images/feedback-dark.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.service-page__feedback__text {
    color: var(--n-700);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
}
:root[data-theme="dark"] .service-page__feedback__text {
    color: var(--n-600);
}
.service-page__feedback__title {
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 3rem;
    line-height: 3.25rem;
    max-width: 100%;
}
:root[data-theme="dark"] .service-page__feedback__title {
    color: var(--n-50);
}
.service-page__feedback form {
    width: 30rem;
    margin-top: 3.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.service-page__feedback form .fields-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}
.service-page__feedback form .fields-content .field-row {
    width: 100%;
}
.service-page__feedback form .fields-content .field-row input {
    padding: 1rem;
    width: 100%;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .service-page__feedback form .fields-content .field-row input {
    color: var(--n-50);
    background: var(--s-800);
}
.service-page__feedback form .fields-content .field-row textarea {
    padding: 1rem;
    width: 100%;
    height: 11.75rem;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    resize: none;
    outline: none;
}
:root[data-theme="dark"] .service-page__feedback form .fields-content .field-row textarea {
    color: var(--n-50);
    background: var(--s-800);
}
.service-page__feedback form .fields-content .field-row input::placeholder,
.service-page__feedback form .fields-content .field-row textarea::placeholder {
    color: var(--n-600);
}
:root[data-theme="dark"] .service-page__feedback form .fields-content .field-row input::placeholder,
:root[data-theme="dark"] .service-page__feedback form .fields-content .field-row textarea::placeholder {
    color: var(--n-700);
}
.service-page__feedback form button {
    width: 100%;
    margin-top: 2.25rem;
    padding: 0.9375rem;
    color: var(--n-0);
    text-align: center;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 3.125rem;
    background: var(--p-400);
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}
.service-page__feedback form .policy {
    margin-top: 1.25rem;
    color: var(--n-700);
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    width: 90%;
}
:root[data-theme="dark"] .service-page__feedback form .policy {
    color: var(--n-500);
}
.service-page__feedback form .policy a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

.service-page__steps {
    position: relative;
}
.service-page__steps__content {
    display: flex;
    gap: 1rem;
    padding-bottom: 4.75rem;
    position: relative;
}
.service-page__steps::before {
    content: "";
    position: absolute;
    left: calc(25% / 2);
    width: 75%;
    bottom: 1.375rem;
    --dot: 0.125rem;
    --gap: 0.5rem;
    height: var(--dot);
    background: radial-gradient(circle, var(--n-700) calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + 0.0313rem))
        center / calc(var(--dot) + var(--gap)) var(--dot) repeat-x;
}
:root[data-theme="dark"] .service-page__steps::before {
    background: radial-gradient(circle, var(--n-600) calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + 0.0313rem))
        center / calc(var(--dot) + var(--gap)) var(--dot) repeat-x;
}
.service-page__steps__item {
    width: calc(25% - 0.75rem);
    padding: 1rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
}
:root[data-theme="dark"] .service-page__steps__item {
    background: var(--n-900);
}
.service-page__steps__item::before {
    content: "";
    height: 2rem;
    width: 0.125rem;
    background: var(--n-50);
    position: absolute;
    left: 50%;
    bottom: -1.8125rem;
    transform: translateX(-50%);
}
:root[data-theme="dark"] .service-page__steps__item::before {
    background: var(--n-900);
}
.service-page__steps__item__ico img {
    width: 2.5rem;
    height: auto;
}
.service-page__steps__item__ico img.img-dark {
    display: none;
}
:root[data-theme="dark"] .service-page__steps__item__ico img.img-light {
    display: none;
}
:root[data-theme="dark"] .service-page__steps__item__ico img.img-dark {
    display: block;
}
.service-page__steps__item__name {
    /* flex: 1; */
    color: var(--p-400);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    min-height: calc(3 * 1.75rem);
}
.service-page__steps__item__text {
    color: var(--n-700);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    flex: 1;
}
:root[data-theme="dark"] .service-page__steps__item__text {
    color: var(--n-500);
}
.service-page__steps__item__num {
    position: absolute;
    z-index: 2;
    bottom: -4.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 2.75rem;
    background: var(--n-50);
    color: var(--n-500);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    padding-top: 0.125rem;
}
:root[data-theme="dark"] .service-page__steps__item__num {
    background: var(--n-900);
    color: var(--n-600);
}
.service-page__steps__tabs-mobile {
    display: none;
}

.service-page__right-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: absolute;
    width: 10.6875rem;
    min-height: 11rem;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem 1rem;
    right: -19.6875rem;
    top: 0;
    transition: all 0.3s ease;
    background: var(--p-400);
    color: var(--n-0);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
.service-page__right-card::before {
    content: "";
    width: 1.5625rem;
    height: 1.5625rem;
    background: var(--n-0);
    position: absolute;
    right: 0;
    top: 0;
}
:root[data-theme="dark"] .service-page__right-card::before {
    background: var(--s-900);
}
.service-page__right-card::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M0 25V0H5.155C7.58527 0 9.88378 1.10472 11.402 3.00244L23.247 17.8087C24.3818 19.2272 25 20.9897 25 22.8062V25H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M0 25V0H5.155C7.58527 0 9.88378 1.10472 11.402 3.00244L23.247 17.8087C24.3818 19.2272 25 20.9897 25 22.8062V25H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5625rem;
    height: 1.5625rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}

.service-page__right-card__ico {
    display: flex;
}
.service-page__right-card__ico svg {
    width: 1.5rem;
    height: auto;
}
.service-page__right-text {
    position: absolute;
    width: 10.6875rem;
    right: -19.6875rem;
    top: 0;
    transition: all 0.3s ease;
    color: var(--p-400);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
.service-page__right-text .num {
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5.5rem;
}
.service-page__right-text .text {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
}
.service-page__documents {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.5rem;
}
.service-page__documents__item {
    display: flex;
    align-items: center;
    gap: 2.25rem;
}
.service-page__documents__item::before {
    content: "";
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='56' viewBox='0 0 44 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.50995 45V34.8182H12.9503C13.7491 34.8182 14.402 34.9624 14.9091 35.2507C15.4195 35.5357 15.7974 35.9219 16.0426 36.4091C16.2879 36.8963 16.4105 37.4399 16.4105 38.0398C16.4105 38.6397 16.2879 39.1849 16.0426 39.6754C15.8007 40.166 15.4261 40.5571 14.919 40.8487C14.4119 41.1371 13.7623 41.2812 12.9702 41.2812H10.5043V40.1875H12.9304C13.4773 40.1875 13.9164 40.093 14.2479 39.9041C14.5793 39.7152 14.8196 39.46 14.9688 39.1385C15.1212 38.8137 15.1974 38.4474 15.1974 38.0398C15.1974 37.6321 15.1212 37.2675 14.9688 36.946C14.8196 36.6245 14.5777 36.3726 14.2429 36.1903C13.9081 36.0047 13.464 35.9119 12.9105 35.9119H10.7429V45H9.50995ZM21.6787 45H18.5367V34.8182H21.8179C22.8056 34.8182 23.6508 35.022 24.3534 35.4297C25.0561 35.834 25.5947 36.4157 25.9692 37.1747C26.3437 37.9304 26.531 38.8352 26.531 39.8892C26.531 40.9498 26.3421 41.8629 25.9642 42.6286C25.5864 43.3909 25.0362 43.9775 24.3137 44.3885C23.5911 44.7962 22.7128 45 21.6787 45ZM19.7696 43.9062H21.5992C22.441 43.9062 23.1387 43.7438 23.6922 43.419C24.2457 43.0942 24.6584 42.6319 24.9301 42.032C25.2019 41.4321 25.3378 40.7178 25.3378 39.8892C25.3378 39.0672 25.2036 38.3596 24.9351 37.7663C24.6666 37.1697 24.2656 36.7124 23.732 36.3942C23.1984 36.0727 22.5338 35.9119 21.7384 35.9119H19.7696V43.9062ZM28.7392 45V34.8182H34.8443V35.9119H29.9721V39.3523H34.3869V40.446H29.9721V45H28.7392Z' fill='%231B244D'/%3E%3Cpath d='M3 0.5H29.0742C29.7037 0.5 30.3104 0.737537 30.7725 1.16504L42.6982 12.2041C43.2092 12.6772 43.4999 13.3417 43.5 14.0381V53C43.5 54.3807 42.3807 55.5 41 55.5H3C1.61929 55.5 0.5 54.3807 0.5 53V3L0.512695 2.74414C0.640823 1.48361 1.70566 0.5 3 0.5Z' stroke='%231B244D'/%3E%3Cpath d='M29 1V13C29 13.5523 29.4477 14 30 14H43' stroke='%231B244D'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 2.75rem;
    height: 3.5rem;
}
:root[data-theme="dark"] .service-page__documents__item::before {
    content: "";
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='56' viewBox='0 0 44 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.50995 45V34.8182H12.9503C13.7491 34.8182 14.402 34.9624 14.9091 35.2507C15.4195 35.5357 15.7974 35.9219 16.0426 36.4091C16.2879 36.8963 16.4105 37.4399 16.4105 38.0398C16.4105 38.6397 16.2879 39.1849 16.0426 39.6754C15.8007 40.166 15.4261 40.5571 14.919 40.8487C14.4119 41.1371 13.7623 41.2812 12.9702 41.2812H10.5043V40.1875H12.9304C13.4773 40.1875 13.9164 40.093 14.2479 39.9041C14.5793 39.7152 14.8196 39.46 14.9688 39.1385C15.1212 38.8137 15.1974 38.4474 15.1974 38.0398C15.1974 37.6321 15.1212 37.2675 14.9688 36.946C14.8196 36.6245 14.5777 36.3726 14.2429 36.1903C13.9081 36.0047 13.464 35.9119 12.9105 35.9119H10.7429V45H9.50995ZM21.6787 45H18.5367V34.8182H21.8179C22.8056 34.8182 23.6508 35.022 24.3534 35.4297C25.0561 35.834 25.5947 36.4157 25.9692 37.1747C26.3437 37.9304 26.531 38.8352 26.531 39.8892C26.531 40.9498 26.3421 41.8629 25.9642 42.6286C25.5864 43.3909 25.0362 43.9775 24.3137 44.3885C23.5911 44.7962 22.7128 45 21.6787 45ZM19.7696 43.9062H21.5992C22.441 43.9062 23.1387 43.7438 23.6922 43.419C24.2457 43.0942 24.6584 42.6319 24.9301 42.032C25.2019 41.4321 25.3378 40.7178 25.3378 39.8892C25.3378 39.0672 25.2036 38.3596 24.9351 37.7663C24.6666 37.1697 24.2656 36.7124 23.732 36.3942C23.1984 36.0727 22.5338 35.9119 21.7384 35.9119H19.7696V43.9062ZM28.7392 45V34.8182H34.8443V35.9119H29.9721V39.3523H34.3869V40.446H29.9721V45H28.7392Z' fill='%23F5F3F1'/%3E%3Cpath d='M3 0.5H29.0742C29.7037 0.5 30.3104 0.737537 30.7725 1.16504L42.6982 12.2041C43.2092 12.6772 43.4999 13.3417 43.5 14.0381V53C43.5 54.3807 42.3807 55.5 41 55.5H3C1.61929 55.5 0.500001 54.3807 0.5 53V3C0.5 1.61929 1.61929 0.5 3 0.5Z' stroke='%23F5F3F1'/%3E%3Cpath d='M29 1V13C29 13.5523 29.4477 14 30 14H43' stroke='%23F5F3F1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 2.75rem;
    height: 3.5rem;
}
.service-page__documents__item__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.service-page__documents__item__name {
    color: var(--n-900);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    hyphens: auto;
    overflow-wrap: anywhere;
}
:root[data-theme="dark"] .service-page__documents__item__name {
    color: var(--n-50);
}
.service-page__documents__item__name svg {
    width: 0.75rem;
    height: auto;
    margin-left: 0.625rem;
}
.service-page__documents__item__size {
    color: var(--n-500);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}

.case-more {
    padding-bottom: 5rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .case-more {
    background: var(--s-800);
}
.case-more__title {
    color: var(--n-900);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}
:root[data-theme="dark"] .case-more__title {
    color: var(--n-50);
}
.case-more__main {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
.case-more__item {
    display: flex;
    flex-direction: column;
    border-radius: 0.75rem;
    background: var(--n-0);
    padding: 1.75rem;
    transition: all 0.3s ease;
    position: relative;
}
.case-more__item::before {
    content: "";
    width: 2.75rem;
    height: 2.75rem;
    background: var(--n-50);
    position: absolute;
    right: 0;
    top: 0;
}
:root[data-theme="dark"] .case-more__item::before {
    background: var(--s-800);
}
.case-more__item::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}
:root[data-theme="dark"] .case-more__item {
    background: var(--n-900);
}

.case-more__item__category {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--p-400);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    margin-bottom: 1.25rem;
}

.case-more__item__category__ico {
    display: flex;
    position: relative;
}
.case-more__item__category__ico img {
    width: 1.5rem;
    height: auto;
    transition: all 0.3s ease;
}
.case-more__item__category__ico img.hover {
    position: absolute;
    z-index: 2;
    opacity: 0;
}

.case-more__item__name {
    color: var(--n-900);
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
    flex: 1;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .case-more__item__name {
    color: var(--n-50);
}

.case-more__item__text {
    margin-top: 0.5rem;
    flex: 2;
    color: var(--n-600);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .case-more__item__text {
    color: var(--n-500);
}

.case-more__item__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-top: 1rem;
}
.case-more__item__img {
    width: 5.5rem;
    height: 2.25rem;
    position: relative;
    display: flex;
    align-items: center;
}
.case-more__item__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}
.case-more__item__img img.hover {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
}

.case-more__item__ico {
    display: flex;
    margin: 0 0 0 auto;
}
.case-more__item__ico svg {
    width: 2.25rem;
    height: auto;
}
.case-more__item__ico svg path,
.case-more__item__ico svg circle {
    stroke: var(--p-400);
    transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .service-page__back-btn:hover,
    :root[data-theme="dark"] .service-page__back-btn:hover {
        color: var(--p-400);
    }
    .service-page__sidebar ul li a:hover,
    :root[data-theme="dark"] .service-page__sidebar ul li a:hover {
        color: var(--p-400);
    }
    .service-page__right-link:hover {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    .service-page__card__item:hover {
        background: var(--p-600);
    }
    .service-page__btn a:hover {
        color: var(--p-400);
        border-color: var(--p-400);
    }
    :root[data-theme="dark"] .service-page__btn a:hover {
        color: var(--n-500);
        border-color: var(--n-500);
    }
    .service-page__right-card:hover {
        background: var(--p-600);
    }
    .service-page__feedback form button:hover {
        background: var(--p-600);
    }

    .case-more__item:hover,
    :root[data-theme="dark"] .case-more__item:hover {
        background: var(--p-400);
    }
    .case-more__item:hover .case-more__item__category {
        color: var(--n-0);
    }
    .case-more__item:hover .case-more__item__category__ico img.default {
        opacity: 0;
    }
    .case-more__item:hover .case-more__item__category__ico img.hover {
        opacity: 1;
    }
    .case-more__item:hover .case-more__item__name,
    :root[data-theme="dark"] .case-more__item:hover .case-more__item__name {
        color: var(--n-0);
    }
    .case-more__item:hover .case-more__item__text,
    :root[data-theme="dark"] .case-more__item:hover .case-more__item__text {
        color: var(--n-0);
    }
    .case-more__item:hover .case-more__item__img img.default {
        opacity: 0;
    }
    .case-more__item:hover .case-more__item__img img.hover {
        opacity: 1;
    }
    .case-more__item:hover .case-more__item__ico svg path,
    .case-more__item:hover .case-more__item__ico svg circle {
        stroke: var(--n-0);
    }
}
@media (max-width: 768px) {
    .service-page {
        padding: 4.5rem 0 2.5rem;
    }
    .service-page__container {
        width: 100%;
        border-radius: 0.75rem;
        padding: 1.25rem 0 2.5rem;
    }
    .service-page__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
    }
    .service-page__top {
        width: 100%;
        justify-content: start;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
        margin-top: 0.75rem;
    }
    .service-page__top__left {
        width: auto;
    }
    .service-page__back-btn {
        gap: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        order: 1;
    }
    .service-page__reading-time {
        order: 2;
    }
    .service-page__category {
        order: 3;
        grid-row: 2;
        grid-column: 1 / -1;
    }
    .service-page__reading-time,
    .service-page__category {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        gap: 0.75rem;
        margin-right: 0;
    }
    .service-page__main {
        margin-top: 2.25rem;
        flex-direction: column;
        gap: 2.625rem;
    }
    .service-page__sidebar {
        width: 100%;
    }
    .service-page__sidebar ul {
        gap: 1.375rem;
        position: relative;
        top: 0;
        max-height: none;

        padding-bottom: 0;
    }
    .service-page__sidebar ul li a {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    .service-page__sidebar ul li a::after {
        content: "";
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='%231B244D'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='%231B244D'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='%231B244D'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='%231B244D'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 0.6875rem;
        height: 0.5625rem;
        flex-shrink: 0;
    }
    .service-page__content {
        width: 100%;
        gap: 2.5rem;
        overflow-wrap: break-word;
        hyphens: manual;
    }
    .service-page__item {
        gap: 1.5rem;
    }
    .service-page__text-line-left {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
        padding-left: 1rem;
        gap: 1.25rem;
    }
    .service-page__text-line-left img {
        width: 7.5rem;
    }
    .service-page__text {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .service-page__text h2 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .service-page__text h3 {
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 1.625rem;
    }
    .service-page__text-line-left_font-size-24 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
    }
    .service-page__right-link {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        display: flex;
        margin-top: 1.5rem;
    }
    .service-page__right-link svg {
        width: 0.6001rem;
    }
    .service-page__list ul {
        column-count: 1;
        column-gap: 0;
    }
    .service-page__list ul li {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .service-page__card {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .service-page__card__item {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .service-page__card__item::before {
        content: "";
        width: 2.375rem;
        height: 2.375rem;
        position: absolute;
        right: -0.0625rem;
        top: -0.0625rem;
    }
    .service-page__btn a {
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.01rem;
    }

    .service-page__grid {
        gap: 1.75rem 1.5rem;
    }
    .service-page__grid__item {
        flex-direction: column;
        align-items: start;
        gap: 0.75rem;
    }
    .service-page__grid__item__ico {
        width: 3.25rem;
        height: 3.25rem;
    }
    .service-page__grid__item .text {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        flex: none;
        hyphens: auto;
        overflow-wrap: anywhere;
    }
    .service-page__text table {
        width: calc(100% + 1.875rem);
        margin: 0 -0.9375rem;
    }
    .service-page__text table thead th,
    .service-page__text table thead td {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0.0063rem;
        padding: 1rem 0.5rem;
    }
    .service-page__text table thead th:first-child,
    .service-page__text table thead td:first-child{
        padding-left: 1rem;
    }
    .service-page__text table thead th:last-child,
    .service-page__text table thead td:last-child {
        padding-right: 1rem;
    }
    .service-page__text table tbody td {
        padding: 1rem 0.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .service-page__right-card {
        gap: 1.25rem;
        position: relative;
        width: 100%;
        min-height: 14rem;
        border-radius: 0.75rem;
        padding: 1.5rem;
        right: 0;
        top: 0;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .service-page__right-text {
        position: relative;
        width: auto;
        right: 0;
        top: 0;
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
        display: flex;
        margin-top: 1.5rem;
    }
    .service-page__right-text .num {
        font-size: 2.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 3rem;
    }
    .service-page__right-text .text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
    }
    .service-page__feedback {
        background: url("../images/feedback-mob.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: calc(100% + 1.875rem);
        margin: 0 -0.9375rem;
        padding: 3.75rem 0.9375rem;
    }
    :root[data-theme="dark"] .service-page__feedback {
        background: url("../images/feedback-dark-mob.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .service-page__feedback__text {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 0.75rem;
        width: 80%;
    }
    .service-page__feedback__title {
        font-size: 2rem;
        line-height: 2.25rem;
        max-width: 100%;
    }
    .service-page__feedback form {
        width: 100%;
        margin-top: 1.5rem;
    }
    .service-page__feedback form .fields-content .field-row input {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .service-page__feedback form .fields-content .field-row textarea {
        height: 11rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .service-page__feedback form button {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.01rem;
    }
    .service-page__feedback form .policy {
        margin-top: 1.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
        width: 90%;
    }
    .service-page__steps {
        margin-top: 2.5rem;
        display: flex;
        gap: 3rem;
    }
    .service-page__steps__tabs-mobile {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 2.75rem;
        position: relative;
        container-type: size;
    }

    .service-page__steps__tab-btn {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 2.75rem;
        background: rgba(245, 243, 241, 0.7);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        color: rgba(108, 110, 123, 0.6);
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        transition: all 0.3s ease;
    }
    :root[data-theme="dark"] .service-page__steps__tab-btn {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 2.75rem;
        background: rgba(27, 36, 77, 0.6);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        color: rgba(164, 166, 178, 0.6);
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        transition: all 0.3s ease;
    }

    .service-page__steps__tab-btn:not(:last-child):after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -16cqh;
        width: var(--dot);
        height: 15cqh;
        --dot: 0.125rem;
        --gap: 0.5rem;
        background: radial-gradient(
            circle,
            var(--n-700) calc(var(--dot) / 2),
            transparent calc(var(--dot) / 2 + 0.0313rem)
        );
        background-position: center top;
        background-size: var(--dot) calc(var(--dot) + var(--gap));
        background-repeat: repeat-y;
    }
    :root[data-theme="dark"] .service-page__steps__tab-btn:not(:last-child):after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -16cqh;
        width: var(--dot);
        height: 15cqh;
        --dot: 0.125rem;
        --gap: 0.5rem;
        background: radial-gradient(
            circle,
            var(--n-600) calc(var(--dot) / 2),
            transparent calc(var(--dot) / 2 + 0.0313rem)
        );
        background-position: center top;
        background-size: var(--dot) calc(var(--dot) + var(--gap));
        background-repeat: repeat-y;
    }
    .service-page__steps__tab-btn.active {
        background: rgba(245, 243, 241, 1);
        color: rgba(108, 110, 123, 1);
    }
    :root[data-theme="dark"] .service-page__steps__tab-btn.active {
        background: rgba(27, 36, 77, 1);
        color: rgba(164, 166, 178, 1);
    }
    .service-page__steps__tab-btn.active::before {
        content: "";
        position: absolute;
        width: 3rem;
        height: 0.125rem;
        background: rgba(245, 243, 241, 1);
        top: 50%;
        transform: translateY(-50%);
        right: -3rem;
        transition: all 0.3s ease;
    }
    :root[data-theme="dark"] .service-page__steps__tab-btn.active::before {
        background: var(--n-900);
    }
    .service-page__steps__content {
        padding-bottom: 0;
        flex: 1;
    }
    .service-page__steps::before {
        content: none;
    }
    .service-page__steps__item {
        width: 100%;
        height: 23.25rem;
        padding: 1.5rem;
        gap: 0.75rem;
        display: none;
    }
    .service-page__steps__item.active {
        display: flex;
    }
    .service-page__steps__item::before {
        content: none;
    }
    .service-page__steps__item__ico {
        margin-bottom: 1.5rem;
    }
    .service-page__steps__item__name {
        font-size: 1.75rem;
        line-height: 2.25rem;
        min-height: calc(3 * 2.25rem);
    }
    .service-page__steps__item__text {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        flex: none;
    }
    .service-page__steps__item__num {
        display: none;
    }
    .case-more__title {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .case-more__main {
        margin-top: 1.75rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .case-more__item {
        padding: 1rem;
    }
    .case-more__item__category {
        gap: 0.75rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
        margin-bottom: 1rem;
    }
    .case-more__item__name {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .case-more__item__text {
        margin-top: 0.25rem;
        flex: none;
        font-size: 0.875rem;
        line-height: 1rem;
        letter-spacing: 0.0088rem;
    }
    .case-more__item__ico {
        display: flex;
        margin: 0 0 0 auto;
    }
    .case-more__item__ico svg {
        width: 1.75rem;
        height: auto;
    }

    .service-page__documents {
        gap: 2.5rem;
    }
    .service-page__documents__item {
        gap: 2.25rem;
    }
}
/* service-page end  */

/* article-page start  */

.article-page {
    padding: 7.5rem 0 5rem;
}
.article-page__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    line-height: 4.25rem;
    margin-top: 0.75rem;
}
:root[data-theme="dark"] .article-page__title {
    color: var(--n-50);
}
.article-page__top {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 1.5rem;
}
.article-page__top__left {
    display: flex;
    align-items: center;
    width: 12rem;
}
.article-page__back-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--n-900);
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .article-page__back-btn {
    color: var(--n-50);
}
.article-page__back-btn::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.1997 9.60005L8.80014 15.9996L15.1997 22.3992' stroke='%231B244D' stroke-width='2'/%3E%3Cpath d='M24.1597 15.9996L8.80071 15.9996' stroke='%231B244D' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='15' transform='rotate(-180 16 16)' stroke='%231B244D' stroke-width='2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.1997 9.60005L8.80014 15.9996L15.1997 22.3992' stroke='%231B244D' stroke-width='2'/%3E%3Cpath d='M24.1597 15.9996L8.80071 15.9996' stroke='%231B244D' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='15' transform='rotate(-180 16 16)' stroke='%231B244D' stroke-width='2'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}
.article-page__share-btn__wrap {
    position: relative;
}
.article-page__share__shortcode {
    position: absolute;
    z-index: 22;
    right: 0;
    display: none;
    justify-content: end;
    top: calc(100% + 1rem);
}
.article-page__share__shortcode .addtoany_list {
    display: flex;
}
.article-page__reading-time,
.article-page__date,
.article-page__share-btn {
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-right: 1.25rem;
}
.article-page__share-btn {
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .article-page__reading-time,
:root[data-theme="dark"] .article-page__date,
:root[data-theme="dark"] .article-page__share-btn {
    color: var(--n-600);
}
.article-page__reading-time::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0498 7.20003L11.2501 11.9997L14.6252 15.3748' stroke='%236C6E7B' stroke-linejoin='bevel'/%3E%3Ccircle cx='12' cy='12' r='11.5' transform='rotate(-180 12 12)' stroke='%236C6E7B'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.0498 7.20003L11.2501 11.9997L14.6252 15.3748' stroke='%236C6E7B' stroke-linejoin='bevel'/%3E%3Ccircle cx='12' cy='12' r='11.5' transform='rotate(-180 12 12)' stroke='%236C6E7B'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}
.article-page__date::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cline x1='4.5' y1='2.18558e-08' x2='4.5' y2='5' stroke='%236C6E7B'/%3E%3Cline x1='23' y1='8.5' x2='1' y2='8.5' stroke='%236C6E7B'/%3E%3Cline x1='19.5' y1='2.18558e-08' x2='19.5' y2='5' stroke='%236C6E7B'/%3E%3Crect x='0.5' y='2.5' width='23' height='21' rx='1.5' stroke='%236C6E7B'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cline x1='4.5' y1='2.18558e-08' x2='4.5' y2='5' stroke='%236C6E7B'/%3E%3Cline x1='23' y1='8.5' x2='1' y2='8.5' stroke='%236C6E7B'/%3E%3Cline x1='19.5' y1='2.18558e-08' x2='19.5' y2='5' stroke='%236C6E7B'/%3E%3Crect x='0.5' y='2.5' width='23' height='21' rx='1.5' stroke='%236C6E7B'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}
.article-page__share-btn::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M5.76087 9.35059H2.5C1.39543 9.35059 0.5 10.246 0.5 11.3506V20.3506C0.5 21.4552 1.39543 22.3506 2.5 22.3506L20.5 22.3506C21.6046 22.3506 22.5 21.4552 22.5 20.3506V11.3506C22.5 10.246 21.6046 9.35059 20.5 9.35059H17.2391' stroke='%236C6E7B'/%3E%3Cpath d='M17.25 6.18408L11.5 0.35079L5.75 6.18408' stroke='%236C6E7B' stroke-linejoin='bevel'/%3E%3Cpath d='M11.5332 18.3506L11.5332 0.350585' stroke='%236C6E7B'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M5.76087 9.35059H2.5C1.39543 9.35059 0.5 10.246 0.5 11.3506V20.3506C0.5 21.4552 1.39543 22.3506 2.5 22.3506L20.5 22.3506C21.6046 22.3506 22.5 21.4552 22.5 20.3506V11.3506C22.5 10.246 21.6046 9.35059 20.5 9.35059H17.2391' stroke='%236C6E7B'/%3E%3Cpath d='M17.25 6.18408L11.5 0.35079L5.75 6.18408' stroke='%236C6E7B' stroke-linejoin='bevel'/%3E%3Cpath d='M11.5332 18.3506L11.5332 0.350585' stroke='%236C6E7B'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.375rem;
    height: 1.375rem;
    flex-shrink: 0;
}
.article-page__main {
    margin-top: 2.75rem;
    display: flex;
    gap: 2rem;
}
.article-page__sidebar {
    width: 12rem;
    position: relative;
}
.article-page__sidebar ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: sticky;
    top: 6.25rem;

    max-height: calc(100vh - 6.25rem);
    overflow-y: auto;
    overscroll-behavior: contain;

    padding-bottom: 1.5rem;
}
.article-page__sidebar ul::-webkit-scrollbar {
    width: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
.article-page__sidebar ul::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: var(--n-400);
    border-radius: 1.25rem;
}
.article-page__sidebar ul::-webkit-scrollbar-track {
    border-radius: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
:root[data-theme="dark"] .article-page__sidebar ul::-webkit-scrollbar {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .article-page__sidebar ul::-webkit-scrollbar-track {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .article-page__sidebar ul::-webkit-scrollbar-thumb {
    background-color: var(--n-700);
}
.article-page__sidebar ul li {
    list-style-type: none;
}
.article-page__sidebar ul li a {
    color: var(--n-900);
    line-height: 1.175rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;

    overflow-wrap: break-word;
    hyphens: manual;
}
:root[data-theme="dark"] .article-page__sidebar ul li a {
    color: var(--n-50);
}

.article-page__sidebar ul li a.active,
:root[data-theme="dark"] .article-page__sidebar ul li a.active {
    color: var(--p-400);
}
.article-page__content {
    width: 47rem;
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
}
.article-page__item {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.article-page__text-line-left {
    color: var(--p-400);
    font-size: 2rem;
    line-height: 2.5rem;
    padding-left: 3rem;
    border-left: 0.25rem solid var(--p-400);
    display: flex;
    flex-direction: column;
    gap: 2rem;
    position: relative;
}
.article-page__text-line-left img {
    width: 8.5rem;
    height: auto;
}
.article-page__text {
    color: var(--n-900);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    position: relative;
}
:root[data-theme="dark"] .article-page__text {
    color: var(--n-50);
}
.article-page__text a:not(.article-page__right-link, .article-page__right-card) {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.article-page__text ul,
.article-page__text ol {
    padding-left: 1.875rem;
}
.article-page__text h2 {
    font-family: Geologica;
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.25rem;
}
.article-page__text h3 {
    font-family: Inter;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}
.article-page__text-line-left_font-size-24 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
}

.article-page__list {
    width: 100%;
    position: relative;
}
.article-page__right-link {
    position: absolute;
    width: 10.6875rem;
    color: var(--p-400);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    right: -19.6875rem;
    top: 0;
    transition: all 0.3s ease;
}

.article-page__right-link svg {
    width: 0.6875rem;
    height: auto;
}
.article-page__right-link svg path {
    transition: all 0.3s ease;
    stroke: var(--p-400);
}
.article-page__list ul {
    column-count: 2;
    column-gap: 5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.article-page__list ul li {
    padding: 1.25rem 0;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-bottom: 0.0625rem solid var(--n-400);
}
.article-page__list ul li:first-child {
    border-top: 0.0625rem solid var(--n-400);
}
:root[data-theme="dark"] .article-page__list ul li {
    color: var(--n-50);
}
.article-page__card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.article-page__card__item {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem;
    border-radius: 0.75rem;
    background: var(--p-400);
    height: 14rem;
    color: var(--n-0);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    transition: all 0.3s ease;
    position: relative;
}
.article-page__card__item::before {
    content: "";
    width: 2.625rem;
    height: 2.625rem;
    background: var(--n-0);
    position: absolute;
    right: 0;
    top: 0;
}
:root[data-theme="dark"] .article-page__card__item::before {
    background: var(--s-900);
}
.article-page__card__item::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M0 42V0H5.02944C8.21204 0 11.2643 1.26428 13.5147 3.51472L38.4853 28.4853C40.7357 30.7357 42 33.788 42 36.9706V42H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M0 42V0H5.02944C8.21204 0 11.2643 1.26428 13.5147 3.51472L38.4853 28.4853C40.7357 30.7357 42 33.788 42 36.9706V42H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2.625rem;
    height: 2.625rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}

.article-page__card__item .ico {
    display: flex;
    margin: auto 0 0 0;
}
.article-page__card__item .ico svg {
    width: 1.5rem;
    height: auto;
}
.article-page__btn {
    display: flex;
    width: 100%;
}
.article-page__btn a {
    display: flex;
    padding: 0.5rem 3.375rem;
    color: var(--n-900);
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 50px;
    border: 0.0625rem solid var(--n-900);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .article-page__btn a {
    color: var(--p-400);
    border: 0.0625rem solid var(--p-400);
}

.article-page__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4.25rem 5rem;
}
.article-page__grid__item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.article-page__grid__item__ico {
    width: 4rem;
    height: 4rem;
    position: relative;
    flex-shrink: 0;
}
.article-page__grid__item__ico img {
    width: 100%;
    height: auto;
    flex-shrink: 0;
}
.article-page__grid__item__ico img.dark {
    display: none;
}
:root[data-theme="dark"] .article-page__grid__item__ico img.light {
    display: none;
}
:root[data-theme="dark"] .article-page__grid__item__ico img.dark {
    display: block;
}
.article-page__grid__item .text {
    color: var(--n-900);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    flex: 1;
}
:root[data-theme="dark"] .article-page__grid__item .text {
    color: var(--n-50);
}
.article-page__text table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: auto;
}
.article-page__text table thead {
    border-bottom: 0.0625rem solid var(--p-400);
}
.article-page__text table thead th {
    text-align: left;
    color: var(--n-600);
    font-family: Inter;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    padding: 1rem;
}
.article-page__text table thead th:first-child {
    padding-left: 0;
}
.article-page__text table thead th:last-child {
    padding-right: 0;
}
.article-page__text table tbody tr:nth-child(odd) {
    background: var(--n-50);
}
:root[data-theme="dark"] .article-page__text table tbody tr:nth-child(odd) {
    background: var(--s-800);
}
.article-page__text table tbody td {
    padding: 1rem;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
}
:root[data-theme="dark"] .article-page__text table tbody td {
    color: var(--n-50);
}
.article-page__feedback {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}
.article-page__feedback__text {
    color: var(--n-700);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
}
:root[data-theme="dark"] .article-page__feedback__text {
    color: var(--n-600);
}
.article-page__feedback__title {
    color: var(--n-900);
    text-align: center;
    font-family: Geologica;
    font-size: 3rem;
    line-height: 3.25rem;
    max-width: 100%;
}
:root[data-theme="dark"] .article-page__feedback__title {
    color: var(--n-50);
}
.article-page__feedback form {
    width: 30rem;
    margin-top: 3.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.article-page__feedback form .fields-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}
.article-page__feedback form .fields-content .field-row {
    width: 100%;
}
.article-page__feedback form .fields-content .field-row input {
    padding: 1rem;
    width: 100%;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .article-page__feedback form .fields-content .field-row input {
    color: var(--n-50);
    background: var(--s-800);
}
.article-page__feedback form .fields-content .field-row textarea {
    padding: 1rem;
    width: 100%;
    height: 11.75rem;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    resize: none;
    outline: none;
}
:root[data-theme="dark"] .article-page__feedback form .fields-content .field-row textarea {
    color: var(--n-50);
    background: var(--s-800);
}
.article-page__feedback form .fields-content .field-row input::placeholder,
.article-page__feedback form .fields-content .field-row textarea::placeholder {
    color: var(--n-600);
}
:root[data-theme="dark"] .article-page__feedback form .fields-content .field-row input::placeholder,
:root[data-theme="dark"] .article-page__feedback form .fields-content .field-row textarea::placeholder {
    color: var(--n-700);
}
.article-page__feedback form button {
    width: 100%;
    margin-top: 2.25rem;
    padding: 0.9375rem;
    color: var(--n-0);
    text-align: center;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 3.125rem;
    background: var(--p-400);
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}
.article-page__feedback form .policy {
    margin-top: 1.25rem;
    color: var(--n-700);
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    width: 90%;
}
:root[data-theme="dark"] .article-page__feedback form .policy {
    color: var(--n-500);
}
.article-page__feedback form .policy a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

.article-page__steps {
    position: relative;
}
.article-page__steps__content {
    display: flex;
    gap: 1rem;
    padding-bottom: 4.75rem;
    position: relative;
}
.article-page__steps::before {
    content: "";
    position: absolute;
    left: calc(25% / 2);
    width: 75%;
    bottom: 1.375rem;
    --dot: 0.125rem;
    --gap: 0.5rem;
    height: var(--dot);
    background: radial-gradient(circle, var(--n-700) calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + 0.0313rem))
        center / calc(var(--dot) + var(--gap)) var(--dot) repeat-x;
}
:root[data-theme="dark"] .article-page__steps::before {
    background: radial-gradient(circle, var(--n-600) calc(var(--dot) / 2), transparent calc(var(--dot) / 2 + 0.0313rem))
        center / calc(var(--dot) + var(--gap)) var(--dot) repeat-x;
}
.article-page__steps__item {
    width: calc(25% - 0.75rem);
    padding: 1rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
}
:root[data-theme="dark"] .article-page__steps__item {
    background: var(--n-900);
}
.article-page__steps__item::before {
    content: "";
    height: 2rem;
    width: 0.125rem;
    background: var(--n-50);
    position: absolute;
    left: 50%;
    bottom: -1.8125rem;
    transform: translateX(-50%);
}
:root[data-theme="dark"] .article-page__steps__item::before {
    background: var(--n-900);
}
.article-page__steps__item__ico img {
    width: 2.5rem;
    height: auto;
}
.article-page__steps__item__ico img.img-dark {
    display: none;
}
:root[data-theme="dark"] .article-page__steps__item__ico img.img-light {
    display: none;
}
:root[data-theme="dark"] .article-page__steps__item__ico img.img-dark {
    display: block;
}
.article-page__steps__item__name {
    /* flex: 1; */
    color: var(--p-400);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    min-height: calc(3 * 1.75rem);
}
.article-page__steps__item__text {
    color: var(--n-700);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    flex: 1;
}
:root[data-theme="dark"] .article-page__steps__item__text {
    color: var(--n-500);
}
.article-page__steps__item__num {
    position: absolute;
    z-index: 2;
    bottom: -4.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 2.75rem;
    background: var(--n-50);
    color: var(--n-500);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    padding-top: 0.125rem;
}
:root[data-theme="dark"] .article-page__steps__item__num {
    background: var(--n-900);
    color: var(--n-600);
}
.article-page__steps__tabs-mobile {
    display: none;
}

.article-page__right-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: absolute;
    width: 10.6875rem;
    min-height: 11rem;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem 1rem;
    right: -19.6875rem;
    top: 0;
    transition: all 0.3s ease;
    background: var(--p-400);
    color: var(--n-0);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
.article-page__right-card::before {
    content: "";
    width: 1.5625rem;
    height: 1.5625rem;
    background: var(--n-0);
    position: absolute;
    right: -0.0625rem;
    top: -0.0625rem;
}
:root[data-theme="dark"] .article-page__right-card::before {
    background: var(--s-900);
}
.article-page__right-card::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M0 25V0H5.155C7.58527 0 9.88378 1.10472 11.402 3.00244L23.247 17.8087C24.3818 19.2272 25 20.9897 25 22.8062V25H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M0 25V0H5.155C7.58527 0 9.88378 1.10472 11.402 3.00244L23.247 17.8087C24.3818 19.2272 25 20.9897 25 22.8062V25H0Z' fill='%23DAAC49'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5625rem;
    height: 1.5625rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}

.article-page__right-card__ico {
    display: flex;
    margin: auto 0 0 0;
}
.article-page__right-card__ico svg {
    width: 1.5rem;
    height: auto;
}
.article-page__right-text {
    position: absolute;
    width: 10.6875rem;
    right: -19.6875rem;
    top: 0;
    transition: all 0.3s ease;
    color: var(--p-400);
    font-family: Inter;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
.article-page__img-block {
    width: 100%;
    border-radius: 0.75rem;
    position: relative;
}
.article-page__img-block img {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
}
.article-page__more-articles__title {
    color: var(--n-900);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}
:root[data-theme="dark"] .article-page__more-articles__title {
    color: var(--n-50);
}
.article-page__more-articles__main {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    width: 100%;
}
.article-page__more-articles__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid var(--n-400);
    transition: all 0.3s ease;
}
.article-page__more-articles__item__date {
    color: var(--n-600);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    transition: all 0.3s ease;
}
.article-page__more-articles__item__name {
    color: var(--n-900);
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0.015rem;
    flex: 1;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .article-page__more-articles__item__name {
    color: var(--n-50);
}
.article-page__more-articles__item__text {
    color: var(--n-600);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 7;*/
    /*line-clamp: 7;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    transition: all 0.3s ease;
    flex: 2;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .article-page__back-btn:hover,
    :root[data-theme="dark"] .article-page__back-btn:hover {
        color: var(--p-400);
    }
    .article-page__sidebar ul li a:hover,
    :root[data-theme="dark"] .article-page__sidebar ul li a:hover {
        color: var(--p-400);
    }
    .article-page__right-link:hover {
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    .article-page__card__item:hover {
        background: var(--p-600);
    }
    .article-page__btn a:hover {
        color: var(--p-400);
        border-color: var(--p-400);
    }
    .article-page__right-card:hover {
        background: var(--p-600);
    }
    .article-page__feedback form button:hover {
        background: var(--p-600);
    }
    .article-page__more-articles__item:hover {
        border-color: var(--p-400);
    }
    .article-page__more-articles__item:hover .article-page__more-articles__item__date {
        color: var(--p-400);
    }
    .article-page__more-articles__item:hover .article-page__more-articles__item__name,
    :root[data-theme="dark"] .article-page__more-articles__item:hover .article-page__more-articles__item__name {
        color: var(--p-400);
    }
    .article-page__more-articles__item:hover .article-page__more-articles__item__text {
        color: var(--p-400);
    }
    .article-page__share-btn:hover,
    :root[data-theme="dark"] .article-page__share-btn:hover {
        color: var(--p-400);
    }
}
@media (max-width: 768px) {
    .article-page {
        padding: 4.5rem 0 2.5rem;
    }
    .article-page__container {
        width: 100%;
        border-radius: 0.75rem;
        padding: 1.25rem 0 2.5rem;
    }
    .article-page__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
    }
    .article-page__top {
        width: 100%;
        justify-content: start;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
        margin-top: 0.75rem;
    }
    .article-page__top__left {
        width: auto;
    }
    .article-page__back-btn {
        gap: 0.75rem;
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        order: 1;
    }
    .article-page__reading-time {
        order: 2;
    }
    .article-page__date {
        order: 3;
    }
    .article-page__share-btn {
        order: 4;
    }
    .article-page__reading-time,
    .article-page__date,
    .article-page__share-btn {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        gap: 0.75rem;
        margin-right: 0;
    }
    .article-page__main {
        margin-top: 2.25rem;
        flex-direction: column;
        gap: 2.625rem;
    }
    .article-page__sidebar {
        width: 100%;
    }
    .article-page__sidebar ul {
        gap: 1.375rem;
        position: relative;
        top: 0;
        max-height: none;

        padding-bottom: 0;
    }
    .article-page__sidebar ul li a {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    .article-page__sidebar ul li a::after {
        content: "";
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='%231B244D'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='%231B244D'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='%231B244D'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='%231B244D'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 0.6875rem;
        height: 0.5625rem;
        flex-shrink: 0;
    }
    .article-page__content {
        width: 100%;
        gap: 2.5rem;
        overflow-wrap: break-word;
        hyphens: manual;
    }
    .article-page__item {
        gap: 1.5rem;
    }
    .article-page__text-line-left {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
        padding-left: 1rem;
        gap: 1.25rem;
    }
    .article-page__text-line-left img {
        width: 7.5rem;
    }
    .article-page__text {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .article-page__text h2 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .article-page__text h3 {
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 1.625rem;
    }
    .article-page__text-line-left_font-size-24 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
    }
    .article-page__right-link {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        display: flex;
        margin-top: 1.5rem;
    }
    .article-page__right-link svg {
        width: 0.6001rem;
    }
    .article-page__list ul {
        column-count: 1;
        column-gap: 0;
    }
    .article-page__list ul li {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .article-page__card {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .article-page__card__item {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .article-page__card__item::before {
        content: "";
        width: 2.375rem;
        height: 2.375rem;
        position: absolute;
        right: -0.0625rem;
        top: -0.0625rem;
    }
    .article-page__btn a {
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.01rem;
    }

    .article-page__grid {
        gap: 1.75rem 1.5rem;
    }
    .article-page__grid__item {
        flex-direction: column;
        align-items: start;
        gap: 0.75rem;
    }
    .article-page__grid__item__ico {
        width: 3.25rem;
        height: 3.25rem;
    }
    .article-page__grid__item .text {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        flex: none;
        hyphens: auto;
        overflow-wrap: anywhere;
    }
    .article-page__text table {
        width: calc(100% + 1.875rem);
        margin: 0 -0.9375rem;
    }
    .article-page__text table thead th {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0.0063rem;
        padding: 1rem 0.5rem;
    }
    .article-page__text table thead th:first-child {
        padding-left: 1rem;
    }
    .article-page__text table thead th:last-child {
        padding-right: 1rem;
    }
    .article-page__text table tbody td {
        padding: 1rem 0.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .article-page__right-card {
        gap: 1.25rem;
        position: relative;
        width: 100%;
        min-height: 14rem;
        border-radius: 0.75rem;
        padding: 1.5rem;
        right: 0;
        top: 0;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
        margin-top: 1.5rem;
    }
    .article-page__right-text {
        display: none;
    }
    .article-page__feedback__text {
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin-bottom: 0.75rem;
        width: 80%;
    }
    .article-page__feedback__title {
        font-size: 2rem;
        line-height: 2.25rem;
        max-width: 100%;
    }
    .article-page__feedback form {
        width: 100%;
        margin-top: 1.5rem;
    }
    .article-page__feedback form .fields-content .field-row input {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .article-page__feedback form .fields-content .field-row textarea {
        height: 11rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .article-page__feedback form button {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.01rem;
    }
    .article-page__feedback form .policy {
        margin-top: 1.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
        width: 90%;
    }
    .article-page__steps {
        margin-top: 2.5rem;
        display: flex;
        gap: 3rem;
    }
    .article-page__steps__tabs-mobile {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 2.75rem;
        position: relative;
        container-type: size;
    }

    .article-page__steps__tab-btn {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 2.75rem;
        background: rgba(245, 243, 241, 0.7);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        color: rgba(108, 110, 123, 0.6);
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        transition: all 0.3s ease;
    }
    .article-page__steps__tab-btn:not(:last-child):after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -16cqh;
        width: var(--dot);
        height: 15cqh;
        --dot: 0.125rem;
        --gap: 0.5rem;
        background: radial-gradient(
            circle,
            var(--n-700) calc(var(--dot) / 2),
            transparent calc(var(--dot) / 2 + 0.0313rem)
        );
        background-position: center top;
        background-size: var(--dot) calc(var(--dot) + var(--gap));
        background-repeat: repeat-y;
    }
    .article-page__steps__tab-btn.active {
        background: rgba(245, 243, 241, 1);
        color: rgba(108, 110, 123, 1);
    }
    .article-page__steps__tab-btn.active::before {
        content: "";
        position: absolute;
        width: 3rem;
        height: 0.125rem;
        background: rgba(245, 243, 241, 1);
        top: 50%;
        transform: translateY(-50%);
        right: -3rem;
        transition: all 0.3s ease;
    }
    .article-page__steps__content {
        padding-bottom: 0;
        flex: 1;
    }
    .article-page__steps::before {
        content: none;
    }
    .article-page__steps__item {
        width: 100%;
        height: 23.25rem;
        padding: 1.5rem;
        gap: 0.75rem;
        display: none;
    }
    .article-page__steps__item.active {
        display: flex;
    }
    .article-page__steps__item::before {
        content: none;
    }
    .article-page__steps__item__ico {
        margin-bottom: 1.5rem;
    }
    .article-page__steps__item__name {
        font-size: 1.75rem;
        line-height: 2.25rem;
        min-height: calc(3 * 2.25rem);
    }
    .article-page__steps__item__text {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        flex: none;
    }
    .article-page__steps__item__num {
        display: none;
    }
    .article-page__more-articles__title {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .article-page__more-articles__main {
        margin-top: 2rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
    }
    .article-page__more-articles__item {
        gap: 0.75rem;
        padding-top: 0.75rem;
    }
    .article-page__more-articles__item__date {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .article-page__more-articles__item__name {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: 0.0125rem;
        flex: none;
    }
    .article-page__more-articles__item__text {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
        flex: none;
    }
}
/* article-page end  */

/* mobile-menu start  */

.mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    z-index: 50;
    background: var(--n-0);

    transform: translateY(-120%);
    transition: transform 0.6s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
}
:root[data-theme="dark"] .mobile-menu {
    background: var(--s-900);
}
.mobile-menu.active {
    transform: translateY(0);
}
.mobile-menu__wrap {
    padding-top: 5.25rem;
    padding-bottom: 2.5rem;
}
.mobile-menu__wrap nav {
    width: 100%;
}
.mobile-menu__wrap nav ul {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.mobile-menu__wrap nav ul li {
    width: 100%;
    padding: 1.75rem 0;
    border-bottom: 0.0625rem solid var(--n-50);
    list-style-type: none;
    text-align: center;
}
:root[data-theme="dark"] .mobile-menu__wrap nav ul li {
    border-bottom: 0.0625rem solid var(--s-800);
}
.mobile-menu__wrap nav ul li:first-child {
    border-top: 0.0625rem solid var(--n-50);
}
:root[data-theme="dark"] .mobile-menu__wrap nav ul li:first-child {
    border-top: 0.0625rem solid var(--s-800);
}
.mobile-menu__wrap nav ul li a {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 2rem;
    line-height: 2.25rem;
}
:root[data-theme="dark"] .mobile-menu__wrap nav ul li a {
    color: var(--n-50);
}
.mobile-menu__bottom {
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
    gap: 1.75rem;
}
.mobile-menu__row-one {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.mobile-menu__socies {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-right: 2.25rem;
}
.mobile-menu__socies a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 6.25rem;
    background: var(--n-600);
    transition: all 0.3s ease;
}

:root[data-theme="dark"] .mobile-menu__socies a {
    background: var(--n-50);
}
.mobile-menu__socies a img {
    width: 1.125rem;
    height: auto;
}
.mobile-menu__socies a img.img-dark {
    display: none;
}
:root[data-theme="dark"] .mobile-menu__socies a img.img-light {
    display: none;
}
:root[data-theme="dark"] .mobile-menu__socies a img.img-dark {
    display: block;
}
.mobile-menu__row-two {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    justify-content: space-between;
}
.mobile-menu__feedback {
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .mobile-menu__feedback {
    color: var(--n-600);
}
.mobile-menu__language {
    margin: 0 0 0 auto;
    width: 5rem;
    color: var(--n-700);
    text-align: center;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
:root[data-theme="dark"] .mobile-menu__language {
    color: var(--n-600);
}
.mobile-menu__themes-switch {
    width: 5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0.25rem;
    border-radius: 1.25rem;
    background: var(--n-50);
    cursor: pointer;
}
:root[data-theme="dark"] .mobile-menu__themes-switch {
    background: var(--n-900);
}
.mobile-menu__themes-switch::before {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    z-index: 1;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    background: var(--n-600);
    transition:
        transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
        background-color 0.2s;
}
:root[data-theme="dark"] .mobile-menu__themes-switch::before {
    transform: translateX(2.475rem);
    background: var(--n-50);
}
.mobile-menu__themes-switch span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .mobile-menu__themes-switch span.mobile-menu__themes-switch__light {
    opacity: 0.25;
}
.mobile-menu__themes-switch span svg {
    width: 1.0938rem;
    height: auto;
}
.mobile-menu__themes-switch span.mobile-menu__themes-switch__dark svg path {
    transition: fill 0.3s ease;
}
:root[data-theme="dark"] .mobile-menu__themes-switch span.mobile-menu__themes-switch__dark svg path {
    fill: var(--n-900);
}
.no-scroll {
    overflow: hidden;
}

/* mobile-menu end  */

/* blog-filter-mobile start  */
.popup-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 250;
    display: none;
}
.popup-background.active {
    display: flex;
}
.blog-filter-mobile {
    position: fixed;
    z-index: 300;
    border-radius: 0.75rem;
    background: var(--n-0);
    display: none;
    width: 22.4375rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 3.75rem 1rem 1.5rem;

    flex-direction: column;
    max-height: calc(100dvh - 2rem);
    overflow: hidden;
}
:root[data-theme="dark"] .blog-filter-mobile {
    background: var(--s-900);
}
.blog-filter-mobile.active {
    display: flex;
}
.blog-filter-mobile__close {
    position: absolute;
    z-index: 2;
    display: flex;
    right: 1.125rem;
    top: 1.25rem;
}
.blog-filter-mobile__close svg {
    width: 1.5rem;
    height: auto;
}
:root[data-theme="dark"] .blog-filter-mobile__close svg path {
    fill: var(--n-50);
}

.blog-filter-mobile__wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.75rem;
    overflow: auto;
    min-height: 0;
    padding-right: 0.625rem;
}
.blog-filter-mobile__wrap::-webkit-scrollbar {
    width: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
.blog-filter-mobile__wrap::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: var(--n-400);
    border-radius: 1.25rem;
}
.blog-filter-mobile__wrap::-webkit-scrollbar-track {
    border-radius: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
:root[data-theme="dark"] .blog-filter-mobile__wrap::-webkit-scrollbar {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .blog-filter-mobile__wrap::-webkit-scrollbar-track {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .blog-filter-mobile__wrap::-webkit-scrollbar-thumb {
    background-color: var(--n-700);
}
.blog-filter-mobile__wrap .radio-label {
    display: flex;
    cursor: pointer;
    padding: 0.4375rem 16px;
    white-space: nowrap;
    color: var(--n-700);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: 0.0088rem;
    border-radius: 3.125rem;
    background: var(--n-50);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .blog-filter-mobile__wrap .radio-label {
    color: var(--n-500);
    background: var(--n-900);
}
.blog-filter-mobile__wrap .radio-label.active,
:root[data-theme="dark"] .blog-filter-mobile__wrap .radio-label.active {
    background: var(--p-400);
    color: var(--n-0);
}

/* blog-filter-mobile end  */

/* blog-filter-mobile start  */
.cases-filter-mobile {
    position: fixed;
    z-index: 300;
    border-radius: 0.75rem;
    background: var(--n-0);
    display: none;
    width: 22.4375rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 3.75rem 1rem 1.5rem;

    flex-direction: column;
    max-height: calc(100dvh - 2rem);
    overflow: hidden;
}
:root[data-theme="dark"] .cases-filter-mobile {
    background: var(--s-900);
}
.cases-filter-mobile.active {
    display: flex;
}
.cases-filter-mobile__close {
    position: absolute;
    z-index: 2;
    display: flex;
    right: 1.125rem;
    top: 1.25rem;
}
.cases-filter-mobile__close svg {
    width: 1.5rem;
    height: auto;
}
:root[data-theme="dark"] .cases-filter-mobile__close svg path {
    fill: var(--n-50);
}

.cases-filter-mobile__wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.75rem;
    overflow: auto;
    min-height: 0;
    padding-right: 0.625rem;
}
.cases-filter-mobile__wrap::-webkit-scrollbar {
    width: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
.cases-filter-mobile__wrap::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: var(--n-400);
    border-radius: 1.25rem;
}
.cases-filter-mobile__wrap::-webkit-scrollbar-track {
    border-radius: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
:root[data-theme="dark"] .cases-filter-mobile__wrap::-webkit-scrollbar {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .cases-filter-mobile__wrap::-webkit-scrollbar-track {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .cases-filter-mobile__wrap::-webkit-scrollbar-thumb {
    background-color: var(--n-700);
}
.cases-filter-mobile__wrap .radio-label {
    display: flex;
    cursor: pointer;
    padding: 0.4375rem 16px;
    white-space: nowrap;
    color: var(--n-700);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.125rem;
    letter-spacing: 0.0088rem;
    border-radius: 3.125rem;
    background: var(--n-50);
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .cases-filter-mobile__wrap .radio-label {
    color: var(--n-500);
    background: var(--n-900);
}
.cases-filter-mobile__wrap .radio-label.active,
:root[data-theme="dark"] .cases-filter-mobile__wrap .radio-label.active {
    background: var(--p-400);
    color: var(--n-0);
}

/* blog-filter-mobile end  */

/* policy-page start  */

.policy-page {
    padding: 7.5rem 0 5rem;
}
.policy-page__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 3.25rem;
    line-height: 3.375rem;
    margin-top: 0.75rem;
}
:root[data-theme="dark"] .policy-page__title {
    color: var(--n-50);
}
.policy-page__main {
    margin-top: 2.75rem;
    display: flex;
    justify-content: center;
}
.policy-page__content {
    width: 53.25rem;
    color: var(--n-900);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    position: relative;
}
:root[data-theme="dark"] .policy-page__content {
    color: var(--n-50);
}
.policy-page__content ul,
.policy-page__content ol {
    padding-left: 1.875rem;
}
.policy-page__content h2 {
    font-family: Geologica;
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.25rem;
}
.policy-page__content h3 {
    font-family: Inter;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}
@media (max-width: 768px) {
    .policy-page {
        padding: 4.5rem 0 2.5rem;
    }
    .policy-page__title {
        font-size: 1.875rem;
        line-height: 2.125rem;
        margin-top: 0.5rem;
    }
    .policy-page__main {
        margin-top: 2.25rem;
        flex-direction: column;
        gap: 2.625rem;
    }
    .policy-page__content {
        width: 100%;
        gap: 2.5rem;
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .policy-page__content h2 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .policy-page__content h3 {
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 1.625rem;
    }
}
/* policy-page end  */

/* notfound start  */

.notfound {
    height: 100vh;
    background-image: url("../images/notfound-bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
}
:root[data-theme="dark"] .notfound {
    background-color: var(--n-900);
    background-image: url("../images/notfound-bg-dark.png");
    background-position:
        center bottom,
        center;
    background-repeat: no-repeat, no-repeat;
    background-size:
        100% auto,
        cover;
    position: relative;
}
.notfound__wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5.25rem 0;
}
.notfound__title {
    text-align: center;
    color: var(--n-0);
    -webkit-text-stroke-width: 0.0625rem;
    -webkit-text-stroke-color: var(--n-900);
    font-family: Geologica;
    font-size: 21.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 18.75rem;
}
:root[data-theme="dark"] .notfound__title {
    color: var(--n-900);
    -webkit-text-stroke-color: var(--p-400);
}
.notfound__text {
    margin-top: 1.25rem;
    max-width: 26rem;
    color: var(--n-900);
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem;
}
:root[data-theme="dark"] .notfound__text {
    color: var(--n-50);
}
.notfound__btn {
    display: flex;
    margin-top: 2.5rem;
    color: var(--n-0);
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    padding: 0.75rem 4rem;
    border-radius: 3.125rem;
    background: var(--p-400);
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}
.notfound__img {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 9.5rem;
    width: 20.5rem;
    height: auto;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .notfound__btn:hover {
        background: var(--p-600);
    }
}
@media (max-width: 768px) {
    .notfound {
        overflow: hidden;
        height: 38.5rem;
        background-image: url("../images/notfound-bg-mob.png");
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: relative;
    }
    :root[data-theme="dark"] .notfound {
        background-color: var(--n-900);
        background-image: url("../images/notfound-bg-dark-mob.png");
        background-position:
            center bottom,
            center;
        background-repeat: no-repeat, no-repeat;
        background-size:
            100% auto,
            cover;
        position: relative;
    }
    .notfound__wrap {
        align-items: start;
        padding: 4.25rem 0;
    }
    .notfound__title {
        text-align: left;
        font-size: 7.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 7.5rem;
    }
    .notfound__text {
        margin-top: 0;
        max-width: 10rem;
        text-align: left;
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .notfound__btn {
        margin-top: 1.25rem;
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.01rem;
        padding: 0.875rem 1.375rem;
    }
    .notfound__img {
        position: absolute;
        z-index: 2;
        bottom: 0;
        right: -4.75rem;
        width: 18.375rem;
        height: auto;
    }
}
/* notfound end  */

/* rules-page start  */

.rules-page {
    padding: 5.5rem 0 5rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .rules-page {
    background: var(--s-800);
}
.rules-page__container {
    width: 86rem;
    margin: 0 auto;
    background: var(--n-0);
    border-radius: 0.75rem;
    padding: 2rem 0 6.25rem;
    position: relative;
}
:root[data-theme="dark"] .rules-page__container {
    background: var(--s-900);
}
.rules-page__container::before {
    content: "";
    width: 2.75rem;
    height: 2.75rem;
    background: var(--n-50);
    position: absolute;
    right: -0.0625rem;
    top: -0.0625rem;
}
:root[data-theme="dark"] .rules-page__container::before {
    background: var(--s-800);
}
.rules-page__container::after {
    content: "";
    background-color: inherit;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M0 44V0H7.02944C10.212 0 13.2643 1.26428 15.5147 3.51472L40.4853 28.4853C42.7357 30.7357 44 33.788 44 36.9706V44H0Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    flex-shrink: 0;
}
.rules-page__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 3rem;
    line-height: 3.25rem;
    margin-top: 0.75rem;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}
:root[data-theme="dark"] .rules-page__title {
    color: var(--n-50);
}
.rules-page__main {
    margin-top: 2.75rem;
    display: flex;
    gap: 2rem;
}
.rules-page__sidebar {
    width: 12rem;
    position: relative;
}
.rules-page__sidebar ul {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    position: sticky;
    top: 6.25rem;

    max-height: calc(100vh - 6.25rem);
    overflow-y: auto;
    overscroll-behavior: contain;

    padding-bottom: 1.5rem;
}
.rules-page__sidebar ul::-webkit-scrollbar {
    width: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
.rules-page__sidebar ul::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background-color: var(--n-400);
    border-radius: 1.25rem;
}
.rules-page__sidebar ul::-webkit-scrollbar-track {
    border-radius: 0.25rem;
    background-color: var(--n-50);
    border-radius: 1.25rem;
}
:root[data-theme="dark"] .rules-page__sidebar ul::-webkit-scrollbar {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .rules-page__sidebar ul::-webkit-scrollbar-track {
    background-color: var(--s-800);
}
:root[data-theme="dark"] .rules-page__sidebar ul::-webkit-scrollbar-thumb {
    background-color: var(--n-700);
}

.rules-page__sidebar ul li {
    list-style-type: none;
}
.rules-page__sidebar ul li a {
    color: var(--n-900);
    line-height: 1.175rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;

    overflow-wrap: break-word;
    hyphens: manual;
}
:root[data-theme="dark"] .rules-page__sidebar ul li a {
    color: var(--n-50);
}

.rules-page__sidebar ul li a.active,
:root[data-theme="dark"] .rules-page__sidebar ul li a.active {
    color: var(--p-400);
}
.rules-page__content {
    width: 47rem;
    color: var(--n-900);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    position: relative;
}
:root[data-theme="dark"] .rules-page__content {
    color: var(--n-50);
}
.rules-page__content a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.rules-page__content ul,
.rules-page__content ol {
    padding-left: 1.875rem;
}
.rules-page__content h2 {
    font-family: Geologica;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.75rem;
}
.rules-page__content h3 {
    font-family: Inter;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}

.rules-page__content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: auto;
}
.rules-page__content table thead {
    border-bottom: 0.0625rem solid var(--p-400);
}
.rules-page__content table thead th {
    text-align: left;
    color: var(--n-600);
    font-family: Inter;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    padding: 1rem;
}
.rules-page__content table thead th:first-child {
    padding-left: 0;
}
.rules-page__content table thead th:last-child {
    padding-right: 0;
}
.rules-page__content table tbody tr:nth-child(odd) {
    background: var(--n-50);
}
:root[data-theme="dark"] .rules-page__content table tbody tr:nth-child(odd) {
    background: var(--s-800);
}
.rules-page__content table tbody td {
    padding: 1rem;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
}
:root[data-theme="dark"] .rules-page__content table tbody td {
    color: var(--n-50);
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .rules-page__sidebar ul li a:hover,
    :root[data-theme="dark"] .rules-page__sidebar ul li a:hover {
        color: var(--p-400);
    }
}
@media (max-width: 768px) {
    .rules-page {
        padding: 4.5rem 0 2.5rem;
    }
    .rules-page__container {
        width: 100%;
        border-radius: 0.75rem;
        padding: 1.25rem 0 2.5rem;
    }
    .rules-page__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
    }
    .rules-page__main {
        margin-top: 2.25rem;
        flex-direction: column;
        gap: 2.625rem;
    }
    .rules-page__sidebar {
        width: 100%;
    }
    .rules-page__sidebar ul {
        gap: 1rem;
        position: relative;
        top: 0;
        max-height: none;

        padding-bottom: 0;
    }
    .rules-page__sidebar ul li a {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    /* .rules-page__sidebar ul li a::after {
        content: "";
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='%231B244D'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='%231B244D'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M5.60034 8.35358L9.60035 4.35357L5.60034 0.353564' stroke='%231B244D'/%3E%3Cpath d='M0 4.35355L9.60001 4.35355' stroke='%231B244D'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        width: 0.6875rem;
        height: 0.5625rem;
    } */
    .rules-page__content {
        width: 100%;
        overflow-wrap: break-word;
        hyphens: manual;
    }
    .rules-page__content {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
    }
    .rules-page__content h2 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .rules-page__content h3 {
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 1.625rem;
    }
    .rules-page__content table {
        width: calc(100% + 1.875rem);
        margin: 0 -0.9375rem;
    }
    .rules-page__content table thead th {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0.0063rem;
        padding: 1rem 0.5rem;
    }
    .rules-page__content table thead th:first-child {
        padding-left: 1rem;
    }
    .rules-page__content table thead th:last-child {
        padding-right: 1rem;
    }
    .rules-page__content table tbody td {
        padding: 1rem 0.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
}
/* rules-page end  */


/* videos-page start  */

.videos-page {
    padding: 7.5rem 0 5rem;
}
.videos-page__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem;
    margin-top: 0.75rem;
}
:root[data-theme="dark"] .videos-page__title {
    color: var(--n-50);
}
.videos-page__main {
    margin-top: 2.75rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.videos-page__all-title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.875rem;
}
:root[data-theme="dark"] .videos-page__all-title {
    color: var(--n-50);
}
.videos-page__all-content {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
.videos-page__all-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.videos-page__all-item__img {
    position: relative;
    width: 100%;
    height: 17.25rem;
    border-radius: 0.75rem;
    overflow: hidden;
}
.videos-page__all-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videos-page__all-item__play-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 7.25rem;
    height: 7.25rem;
    border-radius: 7.25rem;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.5));
    padding-left: 1.125rem;
}
.videos-page__all-item__play-btn img {
    width: 3.375rem;
    height: auto;
}
.videos-page__all-item__info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.videos-page__all-item__name {
    flex: 1;
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .videos-page__all-item__name {
    color: var(--n-50);
}
.videos-page__all-item__date {
    color: var(--n-600);
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
}
.videos-page__pagination {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}
.videos-page__pagination ul {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.videos-page__pagination ul li {
    list-style-type: none;
}
.videos-page__pagination ul li a,
.videos-page__pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
    color: var(--n-600);
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
    transition: all 0.3s ease;
}
.videos-page__pagination ul li span {
    color: var(--p-400);
}
.videos-page__pagination ul li a.page__prev,
.videos-page__pagination ul li a.page__next {
    width: auto;
    height: auto;
}
.videos-page__pagination ul li a.page__prev {
    margin-right: 0.5rem;
}
.videos-page__pagination ul li a.page__next {
    margin-left: 0.5rem;
}
.videos-page__pagination ul li a.page__prev svg,
.videos-page__pagination ul li a.page__next svg {
    width: 1.3125rem;
    height: auto;
}
.videos-page__pagination ul li a.page__prev svg path,
.videos-page__pagination ul li a.page__next svg path {
    stroke: var(--n-600);
    transition: all 0.3s ease;
}
.videos-page__last-video__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 2.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.875rem;
}
:root[data-theme="dark"] .videos-page__last-video__title {
    color: var(--n-50);
}
.videos-page__last-video__content {
    display: flex;
    gap: 2.75rem;
    margin-top: 2rem;
}
.videos-page__last-video__left {
    width: 31.25rem;
    border-radius: 0.75rem;
    overflow: hidden;
}
.videos-page__last-video__left iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}
.videos-page__last-video__right {
    flex: 1;
}
.videos-page__last-video__name {
    color: var(--n-700);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .videos-page__last-video__name {
    color: var(--n-50);
}

@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .videos-page__pagination ul li a:hover {
        color: var(--p-400);
    }
    .videos-page__pagination ul li a.page__prev:hover svg path,
    .videos-page__pagination ul li a.page__next:hover svg path {
        stroke: var(--p-400);
    }
    .videos-page__all-item:hover .videos-page__all-item__name {
        color: var(--p-400);
    }
    .videos-page__last-video__name:hover,
    :root[data-theme="dark"] .videos-page__last-video__name:hover {
        color: var(--p-400);
    }
}
@media (max-width: 768px) {
    .videos-page {
        padding: 5.75rem 0 5rem;
    }
    .videos-page__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
    }
    .videos-page__main {
        margin-top: 1.75rem;
        gap: 2rem;
    }
    .videos-page__all-title {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .videos-page__all-content {
        margin-top: 1.25rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }
    .videos-page__all-item__img {
        height: 14.25rem;
    }
    .videos-page__all-item__play-btn {
        width: 6rem;
        height: 6rem;
        border-radius: 6rem;
        padding-left: 0.9375rem;
    }
    .videos-page__all-item__play-btn img {
        width: 2.8125rem;
    }
    .videos-page__all-item__name {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
    .videos-page__pagination ul li a,
    .videos-page__pagination ul li span {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .videos-page__pagination ul li a.page__prev {
        margin-right: -0.25rem;
    }
    .videos-page__pagination ul li a.page__next {
        margin-left: -0.25rem;
    }
    .videos-page__pagination ul li a.page__prev svg,
    .videos-page__pagination ul li a.page__next svg {
        width: 1.2001rem;
    }
    .videos-page__last-video__title {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .videos-page__last-video__content {
        flex-direction: column;
        gap: 1rem;
        margin-top: 1.25rem;
    }
    .videos-page__last-video__left {
        width: 100%;
        /* height: 13.25rem; */
    }
    .videos-page__last-video__name {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
}
/* videos-page end  */

/* video-page start  */

.video-page {
    padding: 7.5rem 0 5rem;
}
.video-page__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem;
    margin-top: 0.75rem;
}
:root[data-theme="dark"] .video-page__title {
    color: var(--n-50);
}
.video-page__main {
    margin-top: 3.75rem;
    display: flex;
    gap: 9rem;
}
.video-page__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.video-page__video-block {
    height: 28.5rem;
}
.video-page__content iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-page__text {
    color: var(--n-900);
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0.0125rem;
}
:root[data-theme="dark"] .video-page__text {
    color: var(--n-50);
}
.video-page__text a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.video-page__text ul,
.video-page__text ol {
    padding-left: 1.875rem;
}
.video-page__text h2 {
    font-family: Geologica;
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.25rem;
}
.video-page__text h3 {
    font-family: Inter;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
}
.video-page__more-videos {
    width: 18.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.video-page__more-videos__title {
    color: var(--n-900);
    font-family: Geologica;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
:root[data-theme="dark"] .video-page__more-videos__title {
    color: var(--n-50);
}
.video-page__more-videos__content {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.video-page__more-videos__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.video-page__more-videos__item__img {
    position: relative;
    width: 100%;
    height: 12.25rem;
    border-radius: 0.75rem;
    overflow: hidden;
}
.video-page__more-videos__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-page__more-videos__item__play-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 6rem;
    height: 6rem;
    border-radius: 7.25rem;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.5));
    padding-left: 1.125rem;
}
.video-page__more-videos__item__play-btn img {
    width: 2.75rem;
    height: auto;
}
.video-page__more-videos__item__info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.video-page__more-videos__item__name {
    flex: 1;
    color: var(--n-700);
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease;
}
:root[data-theme="dark"] .video-page__more-videos__item__name {
    color: var(--n-50);
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .video-page__more-videos__item:hover .video-page__more-videos__item__name {
        color: var(--p-400);
    }
}
@media (max-width: 768px) {
    .video-page {
        padding: 5.75rem 0 5rem;
    }
    .video-page__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
    }
    .video-page__main {
        margin-top: 2.5rem;
        flex-direction: column;
        gap: 5rem;
    }
    .video-page__content {
        flex: none;
        width: 100%;
        gap: 2rem;
    }
    .video-page__video-block {
        height: 13.25rem;
    }
    .video-page__text {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: 0.0112rem;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .video-page__more-videos {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .video-page__more-videos__title {
        color: var(--n-900);
        font-family: Geologica;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
    .video-page__more-videos__content {
        gap: 1rem;
    }
    .video-page__more-videos__item__img {
        height: 14.25rem;
    }
    .video-page__more-videos__item__play-btn {
        width: 6rem;
        height: 6rem;
        border-radius: 6rem;
        padding-left: 0.9375rem;
    }
    .video-page__more-videos__item__play-btn img {
        width: 2.8125rem;
    }
    .video-page__more-videos__item__name {
        font-size: 1rem;
        line-height: 1.375rem;
        letter-spacing: 0.01rem;
    }
}
/* video-page end  */

/* feedback-popup start  */

.feedback-popup {
    position: fixed;
    z-index: 300;
    border-radius: 0.75rem;
    background: url("../images/feedback-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    width: 54rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 2.75rem;

    flex-direction: column;
    align-items: center;
    max-height: calc(100dvh - 2rem);
    overflow: hidden;
}
:root[data-theme="dark"] .feedback-popup {
    background: url("../images/feedback-bg-dark.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.feedback-popup.active {
    display: flex;
}
.feedback-popup__close {
    position: absolute;
    z-index: 2;
    display: flex;
    right: 1.5rem;
    top: 1.5rem;
}
.feedback-popup__close svg {
    width: 2rem;
    height: auto;
}
:root[data-theme="dark"] .feedback-popup__close svg path {
    fill: var(--n-50);
}

.feedback-popup__wrap {
    width: 30rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.feedback-popup__text {
    color: var(--n-700);
    text-align: center;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
}
.feedback-popup__title {
    color: var(--n-900);
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.75rem;
    margin-top: 0.5rem;
}
:root[data-theme="dark"] .feedback-popup__text {
    color: var(--n-600);
}
:root[data-theme="dark"] .feedback-popup__title {
    color: var(--n-50);
}
.feedback-popup__wrap form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
}
.feedback-popup__wrap form .fields-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}
.feedback-popup__wrap form .fields-content .field-row {
    width: 100%;
}
.feedback-popup__wrap form .fields-content .field-row input {
    padding: 1rem;
    width: 100%;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
}
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row input {
    color: var(--n-50);
    background: var(--s-900);
}
.feedback-popup__wrap form .fields-content .field-row textarea {
    padding: 1rem;
    width: 100%;
    height: 7rem;
    color: var(--n-900);
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.0088rem;
    border-radius: 0.75rem;
    background: var(--n-50);
    resize: none;
    outline: none;
}
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row textarea {
    color: var(--n-50);
    background: var(--s-900);
}
.feedback-popup__wrap form .fields-content .field-row input::placeholder,
.feedback-popup__wrap form .fields-content .field-row textarea::placeholder {
    color: var(--n-600);
}
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row input::placeholder,
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row textarea::placeholder {
    color: var(--n-700);
}
.feedback-popup__wrap form button {
    width: 100%;
    margin-top: 2.25rem;
    padding: 0.9375rem;
    color: var(--n-0);
    text-align: center;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: 0.01rem;
    border-radius: 3.125rem;
    background: var(--p-400);
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}
.feedback-popup__wrap form .policy {
    margin-top: 1.25rem;
    color: var(--n-700);
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.0075rem;
    width: 90%;
}
:root[data-theme="dark"] .feedback-popup__wrap form .policy {
    color: var(--n-500);
}
.feedback-popup__wrap form .policy a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}
.feedback-popup__wrap form .fields-content .field-row.error input,
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row.error input,
.feedback-popup__wrap form .fields-content .field-row.error textarea,
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row.error textarea,
.feedback-popup__wrap form .fields-content .field-row.error input::placeholder,
.feedback-popup__wrap form .fields-content .field-row.error textarea::placeholder,
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row.error input::placeholder,
:root[data-theme="dark"] .feedback-popup__wrap form .fields-content .field-row.error textarea::placeholder {
    color: #F10;
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
    .feedback-popup__wrap form button:hover {
        background: var(--p-600);
    }
}
@media (max-width: 768px) {
    .feedback-popup {
        background: url("../images/feedback-bg_mob.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 22.6875rem;
        padding: 4.25rem 0.625rem 2.9375rem;
    }
    :root[data-theme="dark"] .feedback-popup {
        background: url("../images/feedback-bg-dark_mob.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .feedback-popup__close {
        right: 0.5rem;
        top: 0.5rem;
    }
    .feedback-popup__close svg {
        width: 2.75rem;
        height: auto;
    }

    .feedback-popup__wrap {
        width: 100%;
    }
    .feedback-popup__text {
        font-size: 0.875rem;
        line-height: 1.125rem;
        letter-spacing: 0.0088rem;
    }
    .feedback-popup__title {
        font-size: 1.375rem;
        line-height: 1.625rem;
        margin-top: 0.625rem;
        width: 70%;
    }
    .feedback-popup__wrap form .fields-content .field-row input {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .feedback-popup__wrap form .fields-content .field-row textarea {
        height: 7.25rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
    }
    .feedback-popup__wrap form button {
        margin-top: 2rem;
        font-size: 1rem;
        line-height: 1.25rem;
        letter-spacing: 0.01rem;
    }
    .feedback-popup__wrap form .policy {
        margin-top: 1.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.0075rem;
        width: 90%;
    }
}
/* feedback-popup end  */

.ymap [class*="ymaps-"][class*="-ground-pane"]{
    -webkit-filter: grayscale(100%) contrast(1.1) brightness(0.95);
    filter: grayscale(100%) contrast(1.1) brightness(0.95);
}


.deal-wrap{max-width:57.5rem;margin:7.5rem auto 5rem;padding:0 1rem;}
.deal-title{font-size:1.75rem;line-height:1.2;margin:0 0 1.125rem;font-weight:700;}
.deal-list{display:flex;flex-direction:column;gap:0.75rem;}

.deal-item{
    border:0.0625rem solid #e9e9ee;
    border-radius:0.875rem;
    padding:0.875rem 0.875rem;
    background:#fff;
    display:flex;
    gap:0.875rem;
    align-items:flex-start;
    transition:box-shadow .2s,border-color .2s,transform .2s;
}
.deal-item:hover{border-color:#dcdce6;box-shadow:0 0.5rem 1.25rem rgba(0,0,0,.06);}
.deal-item.is-done{background:linear-gradient(180deg,#ffffff 0%, #fbfffb 100%);}

.deal-left{flex:1;min-width:0;}
.deal-name{font-size:1rem;font-weight:650;margin:0;display:flex;gap:0.5rem;align-items:center;}
.deal-name small{font-weight:500;opacity:.55;}
.deal-status{margin-top:0.375rem;font-size:0.8125rem;opacity:.75;}
.deal-item.is-done .deal-name{opacity:.75;text-decoration:line-through;}
.deal-dot{
    width:0.625rem;height:0.625rem;border-radius:50%;
    background:#c7c7d3;flex:0 0 auto;margin-top:0.1875rem;
}
.deal-item.is-done .deal-dot{background:#34c759;}

.deal-actions{flex:0 0 auto;display:flex;gap:0.625rem;align-items:center;}
.deal-btn{
    appearance:none;border:0.0625rem solid #dcdce6;background:#111827;color:#fff;
    padding:0.625rem 0.75rem;border-radius:0.75rem;font-weight:600;font-size:0.875rem;
    cursor:pointer;transition:transform .12s,opacity .12s,background .12s,border-color .12s;
}
.deal-btn:hover{transform:translateY(-0.0625rem);}
.deal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.deal-btn.secondary{background:#fff;color:#111827;border-color:#dcdce6;}
.deal-btn.secondary:hover{border-color:#cfcfdb;}
.deal-btn.danger{background:#fff;color:#b42318;border-color:#f1c2c2;}
.deal-btn.danger:hover{border-color:#eaa2a2;}

.deal-files{margin:0.625rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.5rem;}
.deal-file{
    display:flex;align-items:center;justify-content:space-between;gap:0.625rem;
    border:0.0625rem solid #ededf3;border-radius:0.75rem;padding:0.625rem 0.625rem;background:#fafafa;
}
.deal-file-left{display:flex;align-items:center;gap:0.625rem;min-width:0;}
.deal-file-ico{
    width:2.125rem;height:2.125rem;border-radius:0.625rem;background:#eef2ff;
    display:flex;align-items:center;justify-content:center;font-weight:800;color:#4f46e5;
}
.deal-file-name{
    font-size:0.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32.5rem;
}
.deal-file-meta{font-size:0.75rem;opacity:.6;margin-top:0.125rem;}
.deal-file-right{display:flex;gap:0.5rem;align-items:center;}
.deal-mini{
    appearance:none;border:0.0625rem solid #dcdce6;background:#fff;color:#111827;
    padding:0.4375rem 0.625rem;border-radius:0.625rem;font-weight:600;font-size:0.75rem;cursor:pointer;
    text-decoration:none; /* чтобы <a> выглядел как кнопка */
    display:inline-flex;align-items:center;
}
.deal-mini:hover{border-color:#cfcfdb;}
.deal-mini.danger{color:#b42318;border-color:#f1c2c2;}
.deal-mini.danger:hover{border-color:#eaa2a2;}

.deal-hint{font-size:0.75rem;opacity:.65;margin-top:0.5rem;}

/* Drag & Drop highlight */
.deal-item.is-dragover{
    border-color:#4f46e5 !important;
    box-shadow:0 0.75rem 1.75rem rgba(79,70,229,.18) !important;
    transform:translateY(-0.0625rem);
}
.deal-drop-hint{margin-top:0.625rem;font-size:0.75rem;opacity:.7;}

.deal-item{position:relative;}

.deal-drop-overlay{
    position:absolute;inset:0;
    border-radius:0.875rem;
    background:rgba(79,70,229,.10);
    border:0.125rem dashed rgba(79,70,229,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0.625rem;
    opacity:0;
    pointer-events:none;
    transition:opacity .12s;
}

.deal-item.is-dragover .deal-drop-overlay{opacity:1;}

.deal-drop-overlay .deal-drop-badge{
    background:#111827;
    color:#fff;
    padding:0.625rem 0.75rem;
    border-radius:0.75rem;
    font-weight:700;
    font-size:0.875rem;
}

.deal-drop-overlay .deal-drop-sub{
    font-size:0.75rem;
    opacity:.85;
    text-align:center;
    margin-top:0.375rem;
    font-weight:600;
}
:root[data-theme="dark"] .deal-item{
    background: var(--s-900);
    border-color: rgba(255,255,255,.08);
}

:root[data-theme="dark"] .deal-item:hover{
    border-color: rgba(255,255,255,.14);
    box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,.35);
}

:root[data-theme="dark"] .deal-item.is-done{
    background: linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(10,10,10,1) 100%);
}

:root[data-theme="dark"] .deal-name,
:root[data-theme="dark"] .deal-status,
:root[data-theme="dark"] .deal-hint{
    color: var(--n-50);
}

:root[data-theme="dark"] .deal-name small{
    color: rgba(255,255,255,.55);
}

:root[data-theme="dark"] .deal-dot{
    background: rgba(255,255,255,.18);
}
:root[data-theme="dark"] .deal-item.is-done .deal-dot{
    background: #34c759;
}

/* карточка файла */
:root[data-theme="dark"] .deal-file{
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}

:root[data-theme="dark"] .deal-file-name{
    color: var(--n-50);
}

:root[data-theme="dark"] .deal-file-meta{
    color: rgba(255,255,255,.55);
}

/* иконка файла */
:root[data-theme="dark"] .deal-file-ico{
    background: rgba(79,70,229,.18);
    color: rgba(255,255,255,.9);
}

/* кнопки */
:root[data-theme="dark"] .deal-btn{
    background: var(--n-50);
    color: var(--n-900);
    border-color: rgba(255,255,255,.08);
}

:root[data-theme="dark"] .deal-btn.secondary{
    background: transparent;
    color: var(--n-50);
    border-color: rgba(255,255,255,.18);
}
:root[data-theme="dark"] .deal-btn.secondary:hover{
    border-color: rgba(255,255,255,.28);
}

:root[data-theme="dark"] .deal-mini{
    background: transparent;
    color: var(--n-50);
    border-color: rgba(255,255,255,.18);
}
:root[data-theme="dark"] .deal-mini:hover{
    border-color: rgba(255,255,255,.28);
}

:root[data-theme="dark"] .deal-mini.danger{
    color: #ff6b6b;
    border-color: rgba(255,107,107,.35);
}
:root[data-theme="dark"] .deal-mini.danger:hover{
    border-color: rgba(255,107,107,.55);
}

/* DnD overlay */
:root[data-theme="dark"] .deal-drop-overlay{
    background: rgba(79,70,229,.14);
    border-color: rgba(79,70,229,.55);
}

:root[data-theme="dark"] .deal-drop-overlay .deal-drop-badge{
    background: rgba(255,255,255,.08);
    color: var(--n-50);
    border: 0.0625rem solid rgba(255,255,255,.12);
}

:root[data-theme="dark"] .deal-drop-overlay .deal-drop-sub{
    color: rgba(255,255,255,.75);
}

@media (max-width: 768px) {

    .deal-wrap{
        max-width:100%;
        margin:6rem auto;
        padding:0 1rem;
    }

    .deal-title{
        font-size:1.5rem;
        margin-bottom:1rem;
    }

    .deal-item{
        flex-direction:column;
        gap:0.75rem;
        padding:0.875rem;
    }

    .deal-dot{
        margin-top:0;
    }

    .deal-actions{
        width:100%;
        justify-content:stretch;
    }

    .deal-btn{
        width:100%;
        justify-content:center;
        padding:0.75rem 0.9rem;
    }

    /* Файл: оставляем строкой "контент слева / кнопки справа" */
    .deal-file{
        align-items:flex-start;
        gap:0.75rem;
    }

    /* Левая часть: иконка сверху, текст ниже */
    .deal-file-left{
        flex-direction:column;
        align-items:flex-start;
        gap:0.5rem;
        min-width:0;
    }

    .deal-file-ico{
        flex:0 0 auto;
        width:2.25rem;
        height:2.25rem;
    }

    /* Название файла: разрешаем переносы */
    .deal-file-name{
        max-width:100%;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        word-break:break-word;
    }

    /* Кнопки: в столбик и прижаты к правому краю */
    .deal-file-right{
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        gap:0.5rem;
        margin-left:auto;
        flex:0 0 auto;
    }

    .deal-mini{
        padding:0.5rem 0.75rem;
        white-space:nowrap;
        width:max-content;
    }
    .deal-file-right .deal-mini{
        min-width:5.5rem;        /* подгони при желании */
        justify-content:center;
        text-align:center;
    }

    /* Overlay для DnD: чуть компактнее */
    .deal-drop-overlay .deal-drop-badge{
        font-size:0.9rem;
        padding:0.7rem 0.85rem;
        text-align:center;
    }

    .deal-drop-overlay .deal-drop-sub{
        font-size:0.75rem;
    }
}


.offer-wrap {
    max-width: 57.5rem;
    width: 100%;
    margin: 5rem auto;
    padding: 0 1rem;
}

.offer-title {
    margin: 0 0 1.125rem;
    font-size: 1.75rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--n-900, #111827);
}
:root[data-theme="dark"] .offer-title {
    color: var(--n-50, #f9fafb);
}

.offer-top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border: 0.0625rem solid #e9e9ee;
    border-radius: 0.875rem; /* 14px */
    padding: 1rem;
    background: #fff;
    margin-bottom: 1rem;
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.04);
    min-height: 12rem;
}
:root[data-theme="dark"] .offer-top {
    background: var(--s-900, #0b1220);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.offer-top-left {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.offer-top-left .label {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: var(--n-900, #111827);
}
:root[data-theme="dark"] .offer-top-left .label {
    color: var(--n-50, #f9fafb);
}

.offer-top-left .sub {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    opacity: 0.72;
    color: var(--n-900, #111827);
}
:root[data-theme="dark"] .offer-top-left .sub {
    color: var(--n-50, #f9fafb);
    opacity: 0.7;
}

.offer-save {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    opacity: 0.75;
    color: var(--n-900, #111827);
}
:root[data-theme="dark"] .offer-save {
    color: var(--n-50, #f9fafb);
    opacity: 0.7;
}

.offer-top-right {
    text-align: right;
    min-width: 12.5rem;
}
.offer-top-right .big {
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 800;
    color: var(--n-900, #111827);
}
:root[data-theme="dark"] .offer-top-right .big {
    color: var(--n-50, #f9fafb);
}
.offer-top-right .tax {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    opacity: 0.78;
    color: var(--n-900, #111827);
}
:root[data-theme="dark"] .offer-top-right .tax {
    color: var(--n-50, #f9fafb);
    opacity: 0.72;
}

.offer-block {
    border: 0.0625rem solid #e9e9ee;
    border-radius: 0.875rem;
    background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
}
:root[data-theme="dark"] .offer-block {
    background: var(--s-900, #0b1220);
    border-color: rgba(255, 255, 255, 0.08);
}

.offer-block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 800;
    color: var(--n-900, #111827);
    margin-bottom: 0.75rem;
}
:root[data-theme="dark"] .offer-block-title {
    color: var(--n-50, #f9fafb);
}

.offer-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.625rem;
    border-radius: 62.5rem;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.offer-badge.main {
    background: #e7f6ea;
    color: #1d7f2a;
}
.offer-badge.extra {
    background: #fff1e6;
    color: #9a4a00;
}
:root[data-theme="dark"] .offer-badge.main {
    background: rgba(52, 199, 89, 0.16);
    color: #7ee0a0;
}
:root[data-theme="dark"] .offer-badge.extra {
    background: rgba(255, 149, 0, 0.14);
    color: #ffcc80;
}

.offer-table {
    display: flex;
    flex-direction: column;
}

.offer-head {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.75rem;
    background: #f6f7f8;
    font-size: 0.75rem;
    font-weight: 800;
    opacity: 0.85;
    color: var(--n-900, #111827);
    margin-bottom: 0.5rem;
}
:root[data-theme="dark"] .offer-head {
    background: rgba(255, 255, 255, 0.06);
    color: var(--n-50, #f9fafb);
    opacity: 0.85;
}
.offer-head .col1 {
    min-width: 0;
}
.offer-head .col2 {
    white-space: nowrap;
}

.offer-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 0.75rem 0.75rem;
    border-radius: 0.75rem;
    border: 0.0625rem solid #ededf3;
    background: #fafafa;
    cursor: pointer;
    transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s;
    user-select: none;
}
.offer-row + .offer-row {
    margin-top: 0.5rem;
}
.offer-row:hover {
    border-color: #dcdce6;
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.04);
    transform: translateY(-0.0625rem);
}
:root[data-theme="dark"] .offer-row {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}
:root[data-theme="dark"] .offer-row:hover {
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow: none;
}

.offer-row .left {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.offer-row .name {
    min-width: 0;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 650;
    color: var(--n-900, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
:root[data-theme="dark"] .offer-row .name {
    color: var(--n-50, #f9fafb);
}

.offer-row .price {
    white-space: nowrap;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 800;
    color: var(--n-900, #111827);
}
:root[data-theme="dark"] .offer-row .price {
    color: var(--n-50, #f9fafb);
}

.offer-row input[type="checkbox"] {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    accent-color: #111827;
    flex: 0 0 auto;
}

:root[data-theme="dark"] .offer-row input[type="checkbox"] {
    accent-color: #ffffff;
}

:root[data-theme="dark"] .offer-row input[type="checkbox"]:checked {
    accent-color: #DAAC49;
}

:root[data-theme="dark"] .offer-row.is-checked .name,
:root[data-theme="dark"] .offer-row.is-checked .price {
    color: #DAAC49;
}

.offer-row.main {
    border-left: 0.25rem solid rgba(52, 199, 89, 0.55);
}
.offer-row.extra {
    border-left: 0.25rem solid rgba(255, 149, 0, 0.55);
}
:root[data-theme="dark"] .offer-row.main {
    border-left-color: rgba(52, 199, 89, 0.5);
}
:root[data-theme="dark"] .offer-row.extra {
    border-left-color: rgba(255, 149, 0, 0.5);
}

.offer-row.is-checked {
    background: #ffffff;
    border-color: #cfcfdb;
}
:root[data-theme="dark"] .offer-row.is-checked {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.18);
}

.offer-btn.offer-btn-bill {
    margin-top: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;

    width: 100%;
    max-width: 18rem;

    padding: 0.9rem 1rem;
    border-radius: 0.9rem;

    border: 0.0625rem solid transparent;
    background: #111827;
    color: #fff;

    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1;

    cursor: pointer;
    user-select: none;

    transition: transform 0.12s, opacity 0.12s, background 0.12s, border-color 0.12s;

    margin: auto 0 0 0;
}

.offer-btn.offer-btn-bill:hover {
    transform: translateY(-0.0625rem);
}

.offer-btn.offer-btn-bill:active {
    transform: translateY(0);
}

.offer-btn.offer-btn-bill:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

.offer-bill-status {
    margin-top: 0.45rem;
    font-size: 0.8rem;
    line-height: 1.2;
    opacity: 0.8;
}

:root[data-theme="dark"] .offer-btn.offer-btn-bill {
    background: #fff;
    color: #111827;
}

:root[data-theme="dark"] .offer-btn.offer-btn-bill:disabled {
    opacity: 0.45;
}

@media screen and (max-width: 768px) {
    .offer-wrap {
        margin: 3rem auto;
        padding: 0 1rem;
    }

    .offer-title {
        font-size: 1.5rem;
        margin-bottom: 0.875rem;
    }

    .offer-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.875rem;
    }

    .offer-top-right {
        text-align: left;
        min-width: 0;
        width: 100%;
    }

    .offer-top-right .big {
        font-size: 1.5rem;
    }

    .offer-block {
        padding: 0.875rem;
    }

    .offer-head {
        padding: 0.5rem 0.625rem;
    }

    .offer-row {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .offer-row .price {
        justify-self: start;
        opacity: 0.9;
    }

    .offer-row .name {
        white-space: normal;
        overflow: visible;
        text-overflow: initial;
    }
}