/* Общие стили */
:root {
    /* #ED0E00 */
    --rgba-red: 237, 14, 0;
    --color-red: rgb(var(--rgba-red));
    --color-black: #141414;
    --color-gray-1: #F5F5F5;
    --color-gray-2: #9D9D9D;

    --color-dark-3: #717071;

    --full-width-coof: 1920;
    --elastic: cubic-bezier(0.34, 2, 0.64, 1);
}

@media (max-width: 768px) {
    :root {
        --full-width-coof: 360;
    }
}

html,
body {
    height: 100%;
    /* Занимаем всю высоту окна браузера */
    margin: 0;
    padding: 0;
    font-family: "Golos Text", sans-serif;
}

*::selection {
    background-color: #F3C7C4;
    color: #000;
}

.highlight-overlay {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
}

.highlight-rect {
    position: absolute;
}

.highlight-rect:first-of-type {
    border-left: 1px solid rgba(var(--rgba-red), 0.5);
}

.highlight-rect:last-of-type {
    border-right: 1px solid rgba(var(--rgba-red), 0.5);
}

.highlight-rect:first-of-type:before,
.highlight-rect:last-of-type:before {
    content: '';
    position: absolute;
    width: calc(100vw * 7 / var(--full-width-coof));
    height: calc(100vw * 7 / var(--full-width-coof));
    border: 1px solid #fff;
    border-radius: 50%;
    background: var(--color-red);
    top: 100%;
}

.highlight-rect:last-of-type:before {
    right: calc(-100vw * 4 / var(--full-width-coof) - 1px);
}

.highlight-rect:first-of-type:before {
    left: calc(-100vw * 4 / var(--full-width-coof) - 1px);
}

.main-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Минимальная высота — весь экран */
}

.main-wrapper-grey {
    background: #f2f2f2;
}

.container {
    max-width: 73.95833vw;
    margin: 0 auto;
    padding: 0 1.04167vw;
    display: block;
    width: initial;
}

.container-section-prefooter-phone-agree {
    margin: 15.625vw auto 0 auto;
}

/**  +HEADER+  **/
.header {
    background-color: #f2f2f2;
    padding: 0.52083vw 0;
    border-radius: 0 0 3.125vw 3.125vw;
    position: fixed;
    width: 100%;
    z-index: 1000;
    box-sizing: border-box;
}

.header .container {
    max-width: 68.75vw;
}

.header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-side {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.right-side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.logo {
    margin-right: 2.03125vw;
}

.logo img {
    height: 1.5625vw;
    /* Настрой высоту логотипа */
}

.menu {
    display: flex;
    align-items: center;
}

.menu .menu-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.menu-item {
    position: relative;
    margin-right: 1.45833vw;
}

.menu-item .menu-item__a {
    text-decoration: none;
    color: var(--color-dark-3);
    padding: 1.5625vw 0;
    display: block;

    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
}

.menu-item:hover .menu-item__a,
.menu-item.active .menu-item__a {
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.menu-items .submenu {
    display: block;
    /* Подменю всегда в DOM, но скрыто */
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0.625vw 1.04167vw;
    background-color: #ffffff;
    border-radius: 1.04167vw;
    z-index: 1000;
    box-shadow: 0 0.20833vw 1.25vw 0 #0000001a;
    list-style: none;
    margin: 0;
    opacity: 0;
    /* Начальная прозрачность */
    transform: translateY(-0.52083vw);
    /* Начальное смещение вверх */
    visibility: hidden;
    /* Скрываем подменю */
    transition: opacity 200ms ease-in-out, transform 200ms ease-in-out,
        visibility 200ms ease-in-out;
}

.menu-item:hover .submenu {
    opacity: 1;
    /* Показываем подменю */
    transform: translateY(0);
    /* Возвращаем на место */
    visibility: visible;
    /* Делаем видимым */
}

.menu-item.has-submenu .submenu .menu-item,
.menu-items .submenu .submenu-item {
    padding: 0.41667vw 0 0.41667vw 0;
}

.menu-item.has-submenu .submenu .menu-item .submenu-item__a,
.menu-items .submenu .submenu-item .submenu-item__a {
    white-space: nowrap;
    color: var(--color-dark-3);
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 0.729167vw;
    line-height: 120%;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: all ease-in-out 200ms;
}

.menu-item.has-submenu .submenu .menu-item.active .submenu-item__a,
.menu-item.has-submenu .submenu .menu-item:hover .submenu-item__a,
.menu-items .submenu .submenu-item.active .submenu-item__a,
.menu-items .submenu .submenu-item:hover .submenu-item__a {
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.header-button {
    background-color: #ffffff;
    border-radius: 2.08333vw;
    padding: 0.9375vw 0.9375vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-in-out 200ms;
    text-decoration: none;
    color: #000000;
    margin-left: 0.41667vw;
}

.header-button.search-button {
    color: #000000;
}

.header-button:hover {
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.header-button.courier-button {
    color: #ffffff;
    background: var(--color-red);

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    transition: all ease-in-out 200ms;
}

.header-button.courier-button:hover {
    color: var(--color-red);
    background: #ffffff;
    transition: all ease-in-out 200ms;
}

.header-button.city-button {
    color: #000000;

    font-weight: 400;
    font-size: 0.83333vw;
    gap: 0.20833vw;
    transition: all ease-in-out 200ms;
    width: calc(100vw * 184 / 1920);
}

.header-button.city-button svg {
    flex-shrink: 0;
}

.header-button.city-button:hover {
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.city-button-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.city-select {
    position: relative;
}

.city-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0.52083vw;
    z-index: 1000;
}

.city-input {
    width: 100%;
    padding: 0.260416vw;
    margin-bottom: 0.52083vw;
}

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

.city-list li {
    padding: 0.260416vw;
    cursor: pointer;
}

.city-list li:hover {
    background-color: #f0f0f0;
}

.city-select:hover .city-dropdown {
    display: block;
}

/**  -HEADER-  **/

/**  +Стили для футера+  **/
.footer {
    background-color: #f2f2f2;
    padding: 3.125vw 0;
    text-align: center;
    border-radius: 3.125vw 3.125vw 0 0;
    flex-shrink: 0;
    /* Футер не сжимается */
}

.footer-wt .footer {
    background-color: #ffffff;
    position: relative;
}

.footer-wt .footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    /* Центрирование */
    transform: translateX(-50%);
    /* Точное центрирование */
    width: 73.95833vw;
    height: 1px;
    /* Толщина границы */
    background-color: #9d9d9d;
    /* Цвет границы */
}

.footer-content {
    max-width: 51.25vw;
    margin: 0 auto;
}

.footer-text {

    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    text-align: center;
    color: var(--color-dark-3);
    margin-bottom: 2.08333vw;
}

.footer-subtext {

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 140%;
    letter-spacing: 0;
    color: #000000;
}

/**  -Стили для футера-  **/

/**  +Хлебные крошки+  **/
.main-wrapper-grey .breadcrumb-wrapper {
    margin-bottom: 2.08333vw;
}

.breadcrumb {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.72917vw;
    line-height: 1.04167vw;
    letter-spacing: -0.025em;
    margin: 0 0 0.41667vw 0;
    transition: all ease-in-out 200ms;
    flex-flow: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb:after {
    content: " ...";
    position: absolute;
    right: 0.83333vw;
    background: #ffffff;
    padding-left: 0.052083vw;
    display: none;
}

.main-wrapper-grey .breadcrumb:after {
    background: #f2f2f2;
}

.breadcrumb[data-overflow="true"]:after {
    display: block;
    /* Показываем многоточие, если текст обрезается */
}

.breadcrumb-item {
    color: var(--color-dark-3);
}

.breadcrumb-item a {
    color: var(--color-dark-3);
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: #000000;
    text-decoration: underline;
    transition: all ease-in-out 200ms;
}

.breadcrumb-item.active {
    color: #000000;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    margin-right: 0.20833vw;
    margin-left: 0.20833vw;
    display: inline-block;
    width: 0.83333vw;
    /* Ширина иконки */
    height: 0.83333vw;
    /* Высота иконки */
    background-image: url("../img/icon/breadcrumb-divider.svg");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    transform: translateY(-0.104167vw);
    /* Сдвигаем иконку вверх или вниз */
}

/**  -Хлебные крошки-  **/

/**  +Стили для основного контента+  **/
.main {
    padding: 3.125vw 0 4.16667vw 0;
    flex: 1;
    margin-top: 5.208333vw;
    /* Растягиваем контент на всё доступное пространство */
}

/* Контейнер поста */
.blog,
.education {
    background-color: #ffffff;
}

.education {
    margin-top: 3.854167vw;
    margin-bottom: 5.52083vw;
}

.blog.post {
    padding: 1.66667vw;
    border-radius: 1.66667vw;
}

/* Заголовок поста */
.blog-title {
    color: #000000;
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 2.91667vw;
    line-height: 3.229167vw;
    letter-spacing: -0.04em;
    margin: 0 0 2.08333vw 0;
}

/* Мета-информация (дата) */
.blog-meta {

    font-weight: 400;
    font-size: 0.729167vw;
    color: var(--color-dark-3);
    margin-bottom: 1.04167vw;
}

.education-image-container,
.blog-image-container {
    display: flex;
    position: relative;
    overflow: hidden;
    /* Скрываем выходящие за пределы элементы */
    border-radius: 10.41667vw 0 10.41667vw 0;
    margin-bottom: 1.66667vw;
}

.education-image-container {
    background: #f2f2f2;
    border-radius: 7.8125vw 0 7.8125vw 0;
    margin-bottom: 1.04167vw;
}

.page-image-container {
    display: flex;
    position: relative;
    overflow: hidden;
    /* Скрываем выходящие за пределы элементы */
    margin-bottom: 1.6667vw;
    border-radius: 0 0 3.125vw 3.125vw;
}

.page-image-content,
.education-image-content,
.blog-image-content {
    flex: 1;
    padding: 0.625vw;
    position: relative;
    z-index: 2;
    /* Поднимаем текст над косой границей */
    background: var(--color-red);
}

.page-image-content {
    padding: 1.042vw;
}

.page-image-content-menu-mobile {
    display: none;
}

.education-image-content {
    background: #f2f2f2;
    padding: 3.75vw 0 3.75vw 3.75vw;
}

.page-image-title,
.education-image-title {

    font-weight: 600;
    font-size: 2.864583vw;
    line-height: 100%;
    letter-spacing: -0.01em;
    vertical-align: middle;
    color: #000000;
    margin-left: 7.8125vw;
    margin-top: 4.21875vw;
    margin-bottom: 0;
    max-width: 57%;
}

.page-image-title {
    font-size: 3.854167vw;
    line-height: 120%;
    letter-spacing: 0;
    color: #ffffff;
    margin-left: 11.98vw;
    margin-top: 6.25vw;
    max-width: 75%;
}

.page-image-title.page-image-title-bg {
    margin-top: 0.417vw;
    border-radius: 3.125vw;
    background-color: rgba(255, 255, 255, 0.17);
    border-top-width: 0.729167vw;
    border-bottom-width: 1.354vw;
    border-left-width: 1.25vw;
    border-right-width: 0.9375vw;
    border-style: solid;
    border-color: transparent;
    line-height: 70%;
    display: inline-block;
    transform: translate(-1.25vw, 0);
}

.education-image-title {
    margin: 0 0 1.66667vw;
    font-size: 2.5vw;
    line-height: 1.2;
}

.education-image-text {

    font-weight: 400;
    font-size: 1.25vw;
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 0;
    max-width: 72%;
    opacity: 60%;
}

.education-image-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.04167vw 4.739583vw;
    background: var(--color-red);
    border-radius: 2.08333vw;

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1;
    letter-spacing: -0.01em;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    margin-top: 1.66667vw;
    transition: all ease-in-out 200ms;
    width: 100%;
    max-width: 23.95833vw;
    height: 3.75vw;
    box-sizing: border-box;
}

.page-image-button {
    display: inline-block;
    border-radius: 2.08333vw;

    font-weight: 500;
    font-size: 1.042vw;
    line-height: 1.042vw;
    letter-spacing: -0.01em;
    text-align: center;
    text-decoration: none;
    transition: all ease-in-out 200ms;
    padding: 1.354vw 4.011vw;
    background: #ffffff;
    color: var(--color-black);
    margin: 5.208vw 0 7.8125vw 11.979vw;
}

.education-image-button:hover {
    background: #ffffff;
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.page-image-button:hover {
    background: var(--color-black);
    color: #ffffff;
    transition: all ease-in-out 200ms;
}

.blog-image-title {

    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin-left: 4.0625vw;
    margin-top: 4.0625vw;
    margin-bottom: 0;
    max-width: 57%;
}

.blog-image-text {

    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin-left: 4.0625vw;
    margin-top: 1.25vw;
    margin-bottom: 0;
    max-width: 57%;
    opacity: 70%;
}

.blog-image-image {
    flex: 1;
    position: relative;
    z-index: 1;
    /* Картинка под косой границей */
}

.blog-image-image img {
    width: 100%;
    height: 100%;
    max-height: 20.83333vw;
    object-fit: cover;
    /* Картинка заполняет блок */
    display: block;
}

.main-pt0 .main {
    padding-top: 0;
}

.page-image-image,
.education-image-image {
    flex: 1;
    position: relative;
    z-index: 1;
    /* Картинка */
    border-radius: 10.41667vw 0 10.41667vw 0;
    overflow: hidden;
    background: #f2f2f2;
}

.page-image-image {
    background: var(--color-red);
    border-radius: 0 0 20.833vw 0;
    position: relative;
}

.page-image-image img,
.education-image-image img {
    width: 100%;
    height: 100%;
    max-height: 20.83333vw;
    object-fit: cover;
    /* Картинка заполняет блок */
    display: block;
}

.page-image-image img {
    max-height: 39.583vw;
    border-radius: 20.833vw 0 0 0;
}

.page-image-image:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("/img/page-image-image-bg-1.png"),
        url("/img/page-image-image-bg-2.png");
    background-repeat: no-repeat, no-repeat;
    background-position-x: 33.59375vw, 38.99375vw;
    background-position-y: 25vw, 22.2vw;
    background-size: 4.1667vw 4.1667vw, 4.4667vw 4.4667vw;
    top: 0;
    left: 0;
}

.page-image-image-description {
    display: block;
    position: absolute;
    top: 31vw;
    left: 25vw;

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.042vw;
    letter-spacing: -0.01em;
    text-align: center;
    color: #ffffff;
    padding: 1.667vw 2.08333vw;
    transform: rotateZ(-8deg);
    border: 1px solid rgba(255, 255, 255, 0.23);
    border-radius: 3.125vw;
    background-color: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(3.6458vw);
    -webkit-backdrop-filter: blur(3.6458vw);
}

.education-banners-container {}

.education-banners-items-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.04167vw;
    flex-wrap: wrap;
    transition: all ease-in-out 200ms;
}

.education-banners-item {
    padding: 1.66667vw 1.66667vw 1.66667vw 1.66667vw;
    background: var(--color-red);
    border-radius: 1.5625vw;
    height: 21.77083vw;
    /* min-width: 8.125vw; */
    flex: 1;
    text-decoration: none;
    box-sizing: border-box;
    transition: all ease-in-out 200ms;
}

.education-banners-item:hover {
    transform: scale(1.01) translateY(-0.26042vw);
}

.education-banners-item:not(.education-banners-item-grey-bg) {
    border-radius: 7.8125vw 0 7.8125vw 0;
    padding: 3.75vw;
}

.education-banners-item-grey-bg {
    background: #f9f9f9;
    background-repeat: no-repeat;
    background-position: center;

    width: 22.23958vw;
    padding: 3.64583vw 3.64583vw;
    flex: 0 0 22.23958vw;
}

.education-banners-item-bg1 {
    background: url("../img/education-banner-image-1.png") 75% bottom no-repeat,
        url("../img/education-banner-vector-1.png") bottom left no-repeat, #f9f9f9;
}

.education-banners-item-bg2 {
    background: url("../img/education-banner-image-2.png") 75% bottom no-repeat,
        url("../img/education-banner-vector-2.png") bottom left no-repeat, #f9f9f9;
}

.education-banners-item-bg3 {
    background: url("../img/education-banner-image-3.png") 75% bottom no-repeat,
        url("../img/education-banner-vector-3.png") bottom left no-repeat, #f9f9f9;
}

.education-banners-item-title {
    font-weight: 600;
    font-size: 1.875vw;
    line-height: 1.2;
    letter-spacing: -0.025em;
    margin: 0;
    color: #ffffff;
    transition: all ease-in-out 200ms;
    white-space: pre-line;
}

.education-banners-item:hover .education-banners-item-title {
    transition: all ease-in-out 200ms;
}

.education-banners-item-grey-bg .education-banners-item-title {
    color: #000000;
}

.education-banners-item-link {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;

    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;

}

.education-banners-item-link svg {
    fill: currentColor;
    display: block;
}

.education-banners-item-grey-bg .education-banners-item-link {
    color: var(--color-dark-3);
}

@media (min-width: 768px) {
    .education-banners-item-link {
        display: none;
    }

}

/* Косая граница */
.blog-image-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 36.8%;
    width: 60%;
    height: 100%;
    background: var(--color-red);
    /* Цвет фона левой части */
    transform-origin: 100% 0;
    transform: skewX(-22deg);
    /* Угол наклона границы */
    z-index: 2;
    /* Граница над картинкой */
}

/* Блок тест */
.blog-test-container {
    display: flex;
    position: relative;
    background-color: #f9f9f9;
    /* Цвет фона левой части */
    overflow: hidden;
    /* Скрываем выходящие за пределы элементы */
    border-radius: 0 10.41667vw 0 10.41667vw;
    padding: 4.16667vw 16.66667vw 3.125vw 16.66667vw;
    margin-bottom: 4.16667vw;
}

.blog-test-content {
    flex: 1;
    padding: 0;
    position: relative;
    /*background: green;*/
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.blog-test-title {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 2.08333vw;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0.83333vw;
}

.blog-test-text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 130%;
    letter-spacing: 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0;
    margin-bottom: 2.5vw;
}

.blog-test-button {
    padding: 0.9375vw 1.04167vw;
    background: var(--color-red);
    border-radius: 2.08333vw;

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    margin: 0;
    transition: all ease-in-out 200ms;
}

.blog-test-button:hover {
    background: #ffffff;
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

/* Текст поста */
.blog-content {

    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 1.04167vw;
}

.blog-content p {
    margin: 0 0 1.04167vw 0;
}

.blog-content p:last-child {
    margin-bottom: 0;
}

/* Кнопка "Читать далее" */
.read-more {
    display: inline-block;
    padding: 0.625vw 1.25vw;
    background-color: var(--color-red);
    color: #ffffff;

    font-weight: 500;
    font-size: 0.83333vw;
    text-decoration: none;
    border-radius: 2.08333vw;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}

.read-more:hover {
    background-color: #ffffff;
    color: var(--color-red);
    border: 1px solid var(--color-red);
}

/**  -Стили для основного контента-  **/

.blog-posts-tags-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.04167vw;
    flex-wrap: wrap;
    margin-bottom: 2.08333vw;
    transition: all ease-in-out 200ms;
}

.blog-posts-tag-button {
    padding: 0.83333vw 1.04167vw;
    border-radius: 1.5625vw;
    background: #f2f2f2;
    color: var(--color-dark-3);

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    text-align: center;
    text-decoration: none;
    display: flex;
    transition: all ease-in-out 200ms;
}

.blog-posts-tag-button.active,
.blog-posts-tag-button:hover {
    background: #ffe7e6;
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.blog-posts-block {
    background: #f9f9f9;
    border-radius: 1.25vw;
    overflow: hidden;
}

.blog-posts-items-wrapper {
    display: flex;
    gap: 1.04167vw;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.66667vw;
}

.blog-posts-block {
    display: flex;
    flex-direction: column;
    width: calc((100% / 3) - 2.08333vw / 3);
    max-width: calc((100% / 3) - 2.08333vw / 3);
}

.blog-posts-block-image-wrapper {
    display: block;
    width: 100%;
    max-height: 7.29167vw;
    height: 7.29167vw;
    overflow: hidden;
}

.blog-posts-block-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-posts-block-content-wrapper {
    display: flex;
    flex-direction: column;
    padding: 1.25vw;
    gap: 0.625vw;
    height: 11.5625vw;
    overflow: hidden;
}

.blog-posts-block-meta-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-posts-block-meta-views {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.20833vw;
    color: var(--color-dark-3);
}

.blog-posts-block-meta-views-icon {
    color: var(--color-dark-3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-posts-block-meta-date {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.729167vw;
    line-height: 1.04167vw;
    color: var(--color-dark-3);
}

.blog-posts-block-meta-views-text {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.729167vw;
    line-height: 1.14583vw;
    color: var(--color-dark-3);
}

.blog-posts-block-title {
    margin: 0;
    color: #141415;
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 1.04167vw;
    line-height: 1.25vw;
    text-decoration: none;
    transition: all ease-in-out 200ms;
}

.blog-posts-block-title:hover {
    text-decoration: underline;
    transition: all ease-in-out 200ms;
}

.blog-posts-block-text {
    margin: 0;
    color: var(--color-dark-3);
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    overflow: hidden;
    position: relative;
    text-align: justify;
}

.blog-posts-block-text:after {
    content: " ...";
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f9f9f9;
    padding-left: 1px;
}

.blog-posts-block-text[data-overflow="true"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines, 3); /* количество строк */
    line-clamp: var(--lines, 3);
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-tags-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.52083vw;
    flex-wrap: wrap;
    margin-bottom: 1.25vw;
    transition: all ease-in-out 200ms;
}

.post-tag-button {
    padding: 0.15625vw 0.41667vw;
    border-radius: 5.15625vw;
    background: var(--color-red);
    color: #ffffff;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    font-size: 0.729167vw;
    line-height: 1.04167vw;
    letter-spacing: -0.025em;
    text-align: center;
    text-decoration: none;
    display: flex;
    transition: all ease-in-out 200ms;
}

.post-tag-button:hover {
    background: #ffe7e6;
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.post-image-container {
    display: flex;
    position: relative;
    overflow: hidden;
    /* Скрываем выходящие за пределы элементы */
    border-radius: 1.66667vw;
}

.post-image {
    width: 100%;
    height: 100%;
    max-height: 18.90625vw;
    object-fit: cover;
    /* Картинка заполняет блок */
    display: block;
}

.post-meta-date {
    color: var(--color-dark-3);
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.729167vw;
    line-height: 1.04167vw;
    letter-spacing: 0;
    margin-bottom: 0.83333vw;
}

.post-content-container {
    padding: 2.08333vw 12.08333vw 0 12.08333vw;
}

.post-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.post-content-wrapper .post-content-h1 {
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 1.66667vw;
    line-height: 1.875vw;
    letter-spacing: -0.025em;
    color: #000000;
    margin-bottom: 0.83333vw;
    margin-top: 0;
}

.post-content-wrapper .post-content-h2 {
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 1.25vw;
    line-height: 1.5625vw;
    letter-spacing: -0.025em;
    color: #000000;
    margin-bottom: 0.625vw;
    margin-top: 0;
}

.post-content-wrapper .post-content-quote {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin: 0 0 1.66667vw 0;
    height: 100%;
}

.post-content-wrapper .post-content-quote-text {
    display: flex;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
    flex-grow: 1;
}

.post-content-quote-bar {
    display: flex;
    width: 0.20833vw;
    min-width: 0.20833vw;
    height: auto;
    background: #f0f2f5;
    border-radius: 0.20833vw;
    margin-right: 0.625vw;
    align-self: stretch;
}

.post-content-text {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    letter-spacing: 0;
    margin-bottom: 1.66667vw;
}

.post-content-text p {
    margin: 0 0 0.625vw 0;
}

.post-content-text p:last-child {
    margin: 0;
}

.post-content-text a {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    letter-spacing: 0;
    color: var(--color-red);
    text-decoration: none;
}

.post-content-text a:hover {
    text-decoration: underline;
}

.post-content-text ol,
.post-content-text ul {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: 0;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0.83333vw;
    padding-left: 1.354167vw;
}

.post-content-text ol li,
.post-content-text ul li {
    margin-top: 0;
    margin-bottom: 0.625vw;
}

.post-content-text ol li[data-list="bullet"] {
    list-style-type: disc;
}

.post-content-text ol li[data-list="ordered"] {
    list-style-type: decimal;
}

.post-content-image-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.364583vw;
    margin-bottom: 1.66667vw;
    width: 100%;
}

.post-content-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #f0f2f5;
    border-radius: 1.04167vw;
}

.post-content-image-description {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 0.83333vw;
    line-height: 1.25vw;
    letter-spacing: 0;
    color: var(--color-dark-3);
}

.post-tags-bottom-wrapper {
    margin-bottom: 1.04167vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.41667vw;
}

.post-tags-bottom-item {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.729167vw;
    line-height: 0.83333vw;
    letter-spacing: -0.025em;
    color: var(--color-dark-3);
    text-decoration: none;
    transition: all ease-in-out 200ms;
}

.post-tags-bottom-item:hover {
    text-decoration: underline;
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.post-share-bottom-wrapper {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.83333vw;
}

.post-share-bottom-item {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: var(--color-dark-3);
    transition: all ease-in-out 200ms;
    display: flex;
    align-items: center;
    gap: max(4px, calc(100vw * 4 / var(--full-width-coof)));
}

.post-share-bottom-item span {
    font-weight: 400;
    font-size: max(15px, calc(100vw * 16 / var(--full-width-coof)));
    line-height: 150%;
    letter-spacing: 0;

    animation: post-share-bottom-item-out .25s ease forwards;
}

.post-share-bottom-item.active span {
    animation: post-share-bottom-item-in .25s var(--elastic) forwards;
}

@keyframes post-share-bottom-item-in {
    from {
        transform: translateX(10%);
        opacity: 0;
    }
}

@keyframes post-share-bottom-item-out {
    to {
        transform: translateX(10%);
        opacity: 0;
    }
}


.post-share-bottom-item-image {
    color: var(--color-dark-3);
    transition: all ease-in-out 200ms;
}

.post-share-bottom-item.active .post-share-bottom-item-image,
.post-share-bottom-item.active,
.post-share-bottom-item-image:hover,
.post-share-bottom-item:hover {
    color: var(--color-red);
    transition: all ease-in-out 200ms;
}

.post-author-bottom-wrapper {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 0.729167vw;
    line-height: 0.83333vw;
    letter-spacing: -0.025em;
    color: var(--color-dark-3);
    text-decoration: none;
    margin-bottom: 0.625vw;
    transition: all ease-in-out 200ms;
}

.blog-posts-block-tags-wrapper {
    display: flex;
}

.blog-posts-block-tag {
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    font-size: 0.729167vw;
    line-height: 1.04167vw;
    letter-spacing: -0.025em;
    color: #ffffff;
    background: var(--color-red);
    border-radius: 5.15625vw;
    padding: 0.15625vw 0.41667vw;
    text-decoration: none;
    transition: all ease-in-out 200ms;
    margin-right: 0.52083vw;
}

.blog-posts-block-tag:last-child {
    margin-right: 0;
}

.blog-posts-block-tag-empty {
    width: 0;
    padding: 0.15625vw 0;
    margin-right: 0;
}

.blog-posts-block-tag:hover {
    color: var(--color-red);
    background: #ffe7e6;
    text-decoration: none;
    transition: all ease-in-out 200ms;
}

/* cookie banner */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-dark-3);
    color: #ffffff;
    padding: max(0.78125vw, 20px) max(0.78125vw, 16px);
    text-align: center;
    z-index: 1000;
    /*display: flex;*/
    display: none;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cookie-banner p {
    margin: 0;
    flex: 1;
    color: #ffffff;
    transition: all ease-in-out 200ms;

    font-weight: 400;
    font-size: max(0.83333vw, 16px);
    line-height: 1.04167;
    letter-spacing: -0.01em;
    text-align: center;
}

.cookie-banner button {
    border: none;
    cursor: pointer;
    padding: max(0.9375vw, 16px) max(1.04167vw, 16px);
    background: var(--color-red);
    border-radius: 999px;

    font-weight: 500;
    font-size: max(0.83333vw, 16px);
    line-height: 1.04167;
    letter-spacing: -0.01em;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    margin: 0;
    transition: all ease-in-out 200ms;
}

.cookie-banner button:hover {
    color: var(--color-red);
    background: #ffe7e6;
}

.cookie-banner #accept-cookies {
    margin-left: 0.52083vw;
}

/* Стили для меню */
.menu-mobile {
    position: fixed;
    top: 0;
    left: -110%;
    /* Меню скрыто за пределами экрана */
    width: calc(100vw - 1.25vw);
    height: calc(100vh - 1.25vw);
    background: #ffffff;
    transition: left 0.2s ease;
    z-index: 5;
    padding: 0.625vw;
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
}

.menu-mobile.open {
    left: 0;
    /* Меню открыто */
}

body:has(.menu-mobile.open) {
    overflow: hidden;
}

/* Стили для кнопки закрытия */
.close-button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Стили для списка меню */
.menu-mobile ul {
    list-style: none;
    padding: 0.83333vw;
    margin: 0;
}

.menu-mobile ul li {
    margin-bottom: 1.25vw;
}

.menu-mobile ul li:last-child {
    margin-bottom: 0;
}

.menu-mobile ul li a {
    text-decoration: none;
    color: #000000;

    font-weight: 500;
    font-size: 1.04167vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
}

/*.mobile-menu-item.active {*/
/*    color: var(--color-red);*/
/*}*/

ul.mobile-submenu {
    display: none;
}

.menu-mobile ul.mobile-submenu>li.mobile-menu-item.active>a,
.menu-mobile ul.mobile-menu-top-side-ul>li.mobile-menu-item.active>a {
    color: var(--color-red);
}

.menu-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-mobile-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu-mobile-header.city-button {

    font-weight: 400;
    font-size: 0.729167vw;
    line-height: 150%;
    letter-spacing: 0;
    color: #000000;
    display: flex;
    justify-content: end;
    align-items: center;
    text-decoration: none;
    margin-right: 0.625vw;
}

.menu-mobile-header.city-button .city-button-text {
    width: auto;
    max-width: calc(100vw - 10.41667vw);
    margin-left: 0.20833vw;
    text-decoration: none;
}

.bottom-side {
    padding: 0.83333vw;
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.bottom-side-soc-title {
    color: #090909;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 0.729167vw;
    line-height: 140%;
    letter-spacing: 0;
    margin-bottom: 0.625vw;
    opacity: 0.4;
}

.bottom-side-soc-a {
    color: #090909;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    font-size: 0.83333vw;
    line-height: 140%;
    letter-spacing: -0.02em;
    text-decoration: none;
    margin-bottom: 0.625vw;
}

.bottom-side.header-button.courier-button {

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    text-align: center;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.66667vw;
    margin-left: 0;
    margin-right: 0;
}

/* Затемнение фона */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 2;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.burger-button.open span:nth-child(1) {
    transform: rotate(45deg) translate(0.260416vw, 0.260416vw);
}

.burger-button.open span:nth-child(2) {
    opacity: 0;
}

.burger-button.open span:nth-child(3) {
    transform: rotate(-45deg) translate(0.260416vw, -0.260416vw);
}

.blog-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.83333vw;
    margin-bottom: 5.20833vw;
}

.pagination-info {
    color: var(--color-dark-3);
    font-family: "Mulish", sans-serif;
    font-weight: 400;
    font-size: 0.729167vw;
    line-height: 1.04167vw;
    letter-spacing: 0;
}

.pagination-progress {
    height: 0.20833vw;
    border-radius: 0.625vw;
    width: 6.77083vw;
    background: #f2f2f2;
}

.pagination-progress .progress-bar {
    background: var(--color-dark-3);
    height: 0.3125vw;
    border-radius: 0.625vw;
    transform: translateY(-1px);
}

.load-more-button {
    padding: 0.9375vw 1.04167vw;

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    text-align: center;
    color: #ffffff;
    border-radius: 2.08333vw;
    background: var(--color-red);
    transition: all ease-in-out 200ms;
    border: none;
}

.load-more-button:hover {
    color: var(--color-red);
    background: #ffe7e6;
    transition: all ease-in-out 200ms;
}

.pagination-links {
    display: flex;
    align-items: center;
    gap: 0.3125vw;
}

.pagination-pages {
    display: flex;
    gap: 0.3125vw;
}

.pagination-arrow,
.pagination-pages a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-dark-3);
    text-decoration: none;
    background: #f2f2f2;
    width: 2.91667vw;
    height: 2.91667vw;
    border-radius: 2.08333vw;

    font-weight: 500;
    font-size: 1.04167vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
}

.pagination-arrow {
    color: #000000;
}

.pagination-arrow:hover {
    background: var(--color-red);
    color: #ffffff;
}

.pagination-arrow.hide {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.pagination-pages a.active {
    background: var(--color-red);
    color: #ffffff;
}

.pagination-pages a:hover:not(.active) {
    background: var(--color-red);
    color: #ffffff;
}

.burger-menu {
    display: none;
}

.bottom-menu-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.bottom-menu-left-logo {
    display: flex;
    margin-bottom: 4.479167vw;
}

.bottom-menu-right-wrapper,
.bottom-menu-left-wrapper {
    display: flex;
    flex-direction: column;
}

.bottom-menu-left-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.83333vw 2.604167vw;
    flex-wrap: wrap;
    transition: all ease-in-out 200ms;
}

.bottom-menu-left-item {
    flex: 0 0 calc(30% - 0.52083vw);
}

.bottom-menu-left-item__a {
    color: var(--color-dark-3);

    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: all ease-in-out 200ms;
}

.bottom-menu-left-item__a:hover {
    text-decoration: underline;
    transition: all ease-in-out 200ms;
}

.bottom-menu-right-link {
    color: var(--color-dark-3);

    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 120%;
    letter-spacing: 0em;
    margin-bottom: 0.625vw;
    text-decoration: none;
    transition: all ease-in-out 200ms;
}

.bottom-menu-right-link:hover {
    text-decoration: underline;
    transition: all ease-in-out 200ms;
}

.bottom-menu-right-link.bottom-menu-right-phone {

    font-weight: 500;
    font-size: 2.08333vw;
    line-height: 120%;
    letter-spacing: 0em;
    margin-bottom: 3.33333vw;
    color: #000000;
}

.bottom-menu-right-link.bottom-menu-right-email {
    margin-bottom: 1.04167vw;
}

.education-view {
    margin-top: 2.08333vw;
    margin-bottom: 2.91667vw;
}

.education-view-title {

    font-weight: 500;
    font-size: 2.864583vw;
    line-height: 120%;
    letter-spacing: 0;
    margin-bottom: 1.302083vw;
    color: #000000;
}

.education-view-description {

    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 130%;
    letter-spacing: 0;
    color: #000000;
    margin-bottom: 2.91667vw;
}

/* education-view-accordion.css */
.education-view-accordion {

    width: 100%;
    margin: 0;
}

.education-view-accordion-item {
    border: none;
    border-radius: 1.25vw;
    padding: 0;
    margin-bottom: 1.04167vw;
    overflow: hidden;
    background: #ffffff;
}

.education-view-accordion-header {
    padding: 2.08333vw;
    height: 8.95833vw;
    border-radius: 1.25vw;
    margin: 0;
    background-color: #f9f9f9;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    border: none;
    width: 100%;
    text-align: left;
    position: relative;
}

.education-view-accordion-header:hover {
    background-color: #f9f9f9;
}

.education-view-accordion-item.active .education-view-accordion-header {
    background-color: var(--color-red);
    color: #ffffff;
}

.education-view-accordion-title {
    color: #141415;

    font-weight: 500;
    font-size: 1.66667vw;
    line-height: 100%;
    letter-spacing: 0;
    flex-grow: 1;
    margin-bottom: 0.625vw;
}

.education-view-accordion-item.active .education-view-accordion-title {
    color: #ffffff;
    margin-bottom: 0;
}

.education-view-accordion-icon {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    margin-left: 0.78125vw;
    width: 3.125vw;
    height: 3.125vw;
}

.education-view-accordion-item.active .education-view-accordion-icon {
    transform: rotate(180deg);
}

.education-view-accordion-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.education-view-accordion-content {
    padding: 1.302083vw;
    border-top: 1px solid #eee;
}

.education-view-accordion-preview {
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
    margin: 0;
    max-height: 3em;
    opacity: 0.6;

    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 130%;
    letter-spacing: 0;
}

.education-view-accordion-item.active .education-view-accordion-preview {
    display: none;
}

.delivery-calculator-section {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.delivery-calculator-block {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: center;
}

.conditions-block {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 8.33333vw;
    margin-bottom: 8.33333vw;
    gap: 1.04167vw;
}

.conditions-block-item {
    width: calc(50% - 7.8125vw);
    background: var(--color-gray-1);
    padding: 3.75vw 3.64583vw;
    border-radius: 7.8125vw 0 7.8125vw 0;
    overflow: hidden;
}

.conditions-block-item h2 {

    font-weight: 600;
    font-size: 2.5vw;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--color-black);
    width: 88%;
    margin: 0;
}

.conditions-block-item p,
.conditions-block-item ul {

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 140%;
    letter-spacing: 0;
    color: #9d9d9d;
    margin-top: 1.66667vw;
    margin-bottom: 0;
    width: 90%;
}

.conditions-block-item-type-1 {
    background-color: var(--color-red);
    background-image: url("/img/conditions-block-item-type-1-bg.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: 120%;
    background-position-y: -660%;
}

.conditions-block-item-type-1 h2 {
    color: #ffffff;
}

.conditions-block-item-type-1 ul,
.conditions-block-item-type-1 p {
    color: #f9cdd0;
}

.conditions-block-item-type-2 {
    background-image: url("/img/conditions-block-item-type-2-bg-1.png"),
        url("/img/conditions-block-item-type-2-bg-2.png");
    background-size: 15%, 15%;
    background-repeat: no-repeat, no-repeat;
    background-position-x: 99%, 86%;
    background-position-y: 20%, 53%;
}

.conditions-block-item-type-3 {
    width: 100%;
    background-image: url("/img/conditions-block-item-type-3-bg-1.png"),
        url("/img/conditions-block-item-type-3-bg-2.png"),
        url("/img/conditions-block-item-type-3-bg-3.png"),
        url("/img/conditions-block-item-type-3-bg-4.png");
    background-size: 5%, 7%, 31%, 66%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position-x: 72%, 62%, right, right;
    background-position-y: 15%, 36%, bottom, bottom;
}

.conditions-block-item-type-3 h2,
.conditions-block-item-type-3 ul,
.conditions-block-item-type-3 p {
    width: 40%;
}

.conditions-block-item-type-3 p.small-text {
    font-size: 1.04167vw;
    line-height: 1;
}

.conditions-block-item-type-5 {
    background-color: var(--color-red);
}

.conditions-block-item-type-5 h2 {
    color: #ffffff;
}

.conditions-block-item-type-5 ul,
.conditions-block-item-type-5 p {
    color: #f9cdd0;
}

.conditions-block-item-type-6 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.conditions-block-item-type-6 .conditions-block-item__image {
    display: flex;
    width: calc(100vw * 580 / 1920);
    flex-shrink: 0;
}

.conditions-block-item-type-6 .conditions-block-item__image img {
    width: 100%;
    object-fit: contain;
    border-radius: 0 0 7.8125vw 0;
}

.conditions-block-item-type-6 .conditions-block-item__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 2.75vw 9.89583vw 2.75vw 7.29167vw;
    background-image: url("/img/conditions-block-item-type-6-bg-1.png"),
        url("/img/conditions-block-item-type-6-bg-2.png");
    background-size: 12%, 12%;
    background-repeat: no-repeat, no-repeat;
    background-position-x: 75%, 86%;
    background-position-y: 25%, 56%;
}

.conditions-block-item-type-6 .conditions-block-item__content h2,
.conditions-block-item-type-6 .conditions-block-item__content ul,
.conditions-block-item-type-6 .conditions-block-item__content p {
    width: 77%;
}

.container-conditions-bg {
    background-image: url("/img/container-choose-delivery-bg.png");
    background-size: 30%;
    background-repeat: no-repeat;
    background-position-x: -25%;
    background-position-y: 70%;
    padding: 0 calc((100vw - 73.95833vw - 0.78125vw) / 2);
}

.container-how-courier-bg {
    background: var(--color-red);
    padding: 8.33333vw calc((100vw - 73.95833vw) / 2);
    border-radius: 3.125vw;
    position: relative;
    z-index: 2;
}

.how-courier-block-title {

    font-weight: 600;
    font-size: 3.854167vw;
    line-height: 120%;
    letter-spacing: 0;
    margin: 0;
    color: #ffffff;
}

.how-courier-block-steps {
    margin-top: 3.75vw;
}

@media(min-width: 768.1px) {
    .how-courier-block-steps .swiper-wrapper {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.04167vw;
        transform: none !important;
    }
}

.how-courier-block-steps-item {
    padding: 2.08333vw;
    background: #ffffff;
    border-radius: 1.5625vw;
    width: calc((100% - 14.58333vw) / 3);
    height: auto;
    margin: 0 !important;
}

.how-courier-block-steps-item-step {
    padding: 1.04167vw 1.5625vw;
    background: var(--color-gray-1);

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    display: inline-block;
    border-radius: 3.125vw;
    margin-bottom: 1.66667vw;
    color: var(--color-black);
}

.how-courier-block-steps-item-title {

    font-weight: 600;
    font-size: 1.875vw;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--color-black);
    margin-bottom: 1.04167vw;
}

.how-courier-block-steps-item-text {

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 140%;
    letter-spacing: 0;
    color: #8f8f8f;
}

.how-courier-block-steps-item-text p,
.how-courier-block-steps-item-text ol,
.how-courier-block-steps-item-text ul {
    margin: 0;
}

.how-courier-block-steps-item-text ol {
    padding: 0;
}

.how-courier-block-steps-item-text ol li[data-list="bullet"] {
    list-style-type: none;
    padding-left: 0.83333vw;
    position: relative;
}

.how-courier-block-steps-item-text ol li[data-list="bullet"]>.ql-ui:before {
    content: "\2022";
    display: inline-block;
    margin-left: -1.875vw;
    margin-right: 0.375vw;
    text-align: right;
    white-space: nowrap;
    width: 1.5vw;
}

.how-courier-block-steps-item-text ol li[data-list="bullet"]>.ql-ui {
    position: absolute;
    box-sizing: border-box;
}

.how-courier-block-steps-item-button {
    transition: all ease-in-out 200ms;
    padding: 1.04167vw 1.125vw;
    background: var(--color-black);
    color: #ffffff;
    border-radius: 1.125vw;
    margin-top: 1.66667vw;
    text-decoration: none;

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    display: inline-block;
}

.how-courier-block-steps-item-button:hover {
    transition: all ease-in-out 200ms;
    background: var(--color-red);
}

.how-courier-block-content {
    background: #ffffff;
    border-radius: 7.8125vw 0 7.8125vw 0;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.how-courier-block-content-hint-mobile {
    display: none;
}

.how-courier-block-content__content {
    width: 55%;
    padding: 5.20833vw 2.08333vw;
    background-image: url("/img/how-courier-block-content__content-bg-1.png"),
        url("/img/how-courier-block-content__content-bg-2.png");
    background-size: 10%, 13%;
    background-repeat: no-repeat, no-repeat;
    background-position-x: 81%, 64%;
    background-position-y: 29%, 13%;
}

.how-courier-block-content__image {
    width: 45%;
    border-radius: 7.8125vw 0 0 0;
    overflow: hidden;
}

.how-courier-block-content__image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.how-courier-block-content__content h2 {

    font-weight: 600;
    font-size: 1.875vw;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--color-black);
    margin: 0 0 1.66667vw 0;
    width: 70%;
}

.how-courier-block-content__content p {

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 140%;
    letter-spacing: 0;
    color: #9d9d9d;
    margin: 0;
    width: 70%;
}

.container-choose-delivery-bg {
    background-image: url(/img/container-choose-delivery-bg.png);
    background-size: 45%;
    background-repeat: no-repeat;
    background-position-x: -46%;
    background-position-y: -10.41667vw;
    padding: 0 calc((100vw - 73.95833vw - 0.78125vw) / 2);
    position: relative;
    padding-top: 2vw;
    margin-top: -2vw;

    --in-view-progress: 0;
}

.container-choose-delivery-bg-car {
    position: absolute;
    left: 0;
    top: 20%;
    pointer-events: none;
    height: 33%;
}

.container-choose-delivery-bg::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(61% - 2vw);
    width: 5%;
    aspect-ratio: 81 / 33;
    background: url(/img/car.webp) no-repeat center / contain;
    transform:
        translateX(calc(var(--in-view-progress) * 12vw)) translateY(calc(var(--in-view-progress) * -15vw)) rotate(-48deg) rotate(calc(var(--in-view-progress) * -8deg));
}

.choose-delivery-block {
    width: 100%;
    padding: 4.16667vw 0 8.33333vw 0;
}

.choose-delivery-block-title {
    margin-bottom: 3.75vw;
    width: 70%;
    color: var(--color-black);

    font-weight: 600;
    font-size: 3.85417vw;
    line-height: 120%;
    letter-spacing: 0;
}

.choose-delivery-block-items {
    display: flex;
    flex-direction: row;
    gap: 1.04167vw;
}

.choose-delivery-block-item {
    padding: 2.08333vw;
    border-radius: 1.5625vw;
    background: var(--color-gray-1);
    width: calc((100% - 14.58333vw) / 3);
}

.choose-delivery-block-item.choose-delivery-block-item-type-2 {
    background: var(--color-red);
    border-radius: 5.20833vw 0 5.20833vw 0;
}

.choose-delivery-block-item h3 {
    color: var(--color-black);

    font-weight: 600;
    font-size: 2.5vw;
    line-height: 120%;
    letter-spacing: 0;
    margin-bottom: 3.125vw;
    margin-top: 0;
    min-height: 6.04167vw;
}

.choose-delivery-block-item p,
.choose-delivery-block-item ol,
.choose-delivery-block-item ul {
    color: #9d9d9d;

    font-weight: 500;
    font-size: 1.25vw;
    line-height: 140%;
    letter-spacing: 0;
}

.choose-delivery-block-item ol {
    padding: 0.83333vw;
}

.choose-delivery-block-item-type-2 p,
.choose-delivery-block-item-type-2 ul,
.choose-delivery-block-item-type-2 ol,
.choose-delivery-block-item-type-2 h3 {
    color: #ffffff;
}

.choose-delivery-block-item ol li[data-list="bullet"] {
    list-style-type: none;
    padding-left: 0.83333vw;
    position: relative;
}

.choose-delivery-block-item ol li[data-list="bullet"]>.ql-ui:before {
    content: "\2022";
    display: inline-block;
    margin-left: -1.875vw;
    margin-right: 0.375vw;
    text-align: right;
    white-space: nowrap;
    width: 1.5vw;
}

.choose-delivery-block-item ol li[data-list="bullet"]>.ql-ui {
    position: absolute;
    box-sizing: border-box;
}

.be-self-employed-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

.be-self-employed-block-left {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 2.39583vw;
}

.be-self-employed-block-left h2 {

    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--color-black);
    margin-top: 0;
    margin-bottom: 4.63542vw;
}

.be-self-employed-block-left h2 span {
    background: var(--color-red);
    color: #ffffff;
    border-color: transparent;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 1.04167vw;
    border-bottom-width: 0.52083vw;
    border-left-width: 1.04167vw;
    border-radius: 1.5625vw;
}

.be-self-employed-block-left ol,
.be-self-employed-block-left ul {

    font-weight: 600;
    font-size: 1.45833vw;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--color-black);
    margin-top: 0;
    margin-bottom: 3.28125vw;
    list-style: none;
    padding-left: 0;
}

.be-self-employed-block-left ul li {
    margin-bottom: 1.71875vw;
    padding-left: 2.86458vw;
    position: relative;
}

.be-self-employed-block-left ul li:last-child {
    margin-bottom: 0;
}

.be-self-employed-block-left ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.71875vw;
    height: 1.71875vw;
    background-image: url("/img/icon/boxicons-solid.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.be-self-employed-block-left__tax {
    padding: 1.51042vw 1.25vw;
    background: var(--color-gray-1);
    border-radius: 1.04167vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.be-self-employed-block-left__tax-text {

    font-weight: 500;
    font-size: 1.04167vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    color: var(--color-black);
}

.be-self-employed-block-left__tax-text span {
    color: var(--color-red);
}

.be-self-employed-block-left__tax-text p {
    display: inline;
}

.be-self-employed-block-right {
    position: relative;
    width: 100%;
    display: flex;
    max-width: 23.95833vw;
    background-image: url("/img/be-self-employed-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    border-radius: 2.08333vw;
}

.be-self-employed-block-right-img-bg {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
    max-width: 23.95833vw;
    background-image: url("/img/icon/magnit-small-logo.svg");
    background-repeat: no-repeat;
    background-size: 4.16667vw;
    background-position-x: right;
    background-position-y: 2.29167vw;
    padding-right: 2.08333vw;
    transform: translateX(2.08333vw);
}

.container-form-stay-courier {
    margin-top: 8.33333vw;
    margin-bottom: 0;
}

.form-stay-courier-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    background: var(--color-red);
    border-radius: 7.8125vw 0 7.8125vw 0;
    overflow: hidden;
}

.form-stay-courier-block-left {
    position: relative;
    width: 100%;
    display: flex;
    max-width: 35.78125vw;
    background-image: url("/img/form-stay-courier-bg-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    border-radius: 0 1.5625vw 1.5625vw 0;
}

.form-stay-courier-block-right {
    padding: 3.07292vw 6.09375vw;
}

.form-stay-courier {
    display: flex;
    flex-direction: column;
}

.form-stay-courier-block-right h2 {

    font-weight: 600;
    font-size: 1.875vw;
    line-height: 120%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 1.5625vw 0;
}

.form-stay-courier-block-right input {

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 150%;
    letter-spacing: 0;
    color: #677088;
    margin: 0 0 0.52083vw 0;
    padding: 1.19792vw 1.5625vw;
    border-radius: 3.125vw;
    overlay: none;
    border: none;
    outline: none;
    box-shadow: none;
}

.form-stay-courier-block-right input:hover,
.form-stay-courier-block-right input:active,
.form-stay-courier-block-right input:focus-visible,
.form-stay-courier-block-right input:focus {
    overlay: none;
    border: none;
    outline: none;
    box-shadow: none;
}

.form-stay-courier-block-right button[data-type="submit"],
.form-stay-courier-block-right button[type="submit"] {
    transition: all ease-in-out 200ms;
    background: var(--color-black);
    color: #ffffff;

    font-weight: 500;
    font-size: 1.66667vw;
    line-height: 150%;
    letter-spacing: 0;
    padding: 0.57292vw 6.30208vw;
    border-radius: 3.125vw;
    border: none;
    overlay: none;
    border: none;
    outline: none;
    box-shadow: none;
    margin-bottom: 1.40625vw;
    margin-top: 0.52083vw;
}

.form-stay-courier-block-right button[data-type="submit"]:hover,
.form-stay-courier-block-right button[type="submit"]:hover {
    transition: all ease-in-out 200ms;
    background: #ffffff;
    color: var(--color-black);
    border: none;
    overlay: none;
    border: none;
    outline: none;
    box-shadow: none;
}

.form-stay-courier-agreement {

    font-weight: 400;
    font-size: 0.72917vw;
    line-height: 150%;
    letter-spacing: 0;
    color: #ffffff;
}

.form-stay-courier-agreement a {
    transition: all ease-in-out 200ms;

    font-weight: 400;
    font-size: 0.72917vw;
    line-height: 150%;
    letter-spacing: 0;
    color: #f9cdd0;
    text-decoration: underline;
}

.form-stay-courier-agreement a:hover {
    transition: all ease-in-out 200ms;
    color: #ffffff;
    text-decoration: none;
}

/* Скрываем стандартный чекбокс */
.form-stay-courier-agreement-checkbox {
    position: absolute;
    opacity: 0;
    width: 0.52083vw;
    height: 0.52083vw;
}

/* Кастомный чекбокс */
.form-stay-courier-agreement-checkbox+label {
    position: relative;
    cursor: pointer;
    padding-left: 1.5625vw;
    user-select: none;
}

/* Бокс чекбокса */
.form-stay-courier-agreement-checkbox+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.0416667vw;
    height: 1.0416667vw;
    border: 2px solid #ffffff;
    background: white;
    transition: all ease-in-out 200ms;
    box-sizing: border-box;
}

/* Галочка (скрыта по умолчанию) */
.form-stay-courier-agreement-checkbox+label::after {
    content: "";
    position: absolute;
    left: 0.4166667vw;
    top: 0.208333vw;
    width: 0.15625vw;
    height: 0.4166667vw;
    border-color: inherit;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: all ease-in-out 200ms;
    box-sizing: content-box;
}

/* Стиль при выборе */
.form-stay-courier-agreement-checkbox:checked+label::before {
    background: var(--color-red);
    border-color: #ffffff;
}

.form-stay-courier-agreement-checkbox:checked+label::after {
    opacity: 1;
}

.checkbox-argeement-box {
    display: flex;
}

.iti__selected-country-primary {
    padding: 0 0.83333vw 0 1.1979167vw;
    border-radius: 3.125vw 0 0 3.125vw;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type="text"],
.iti input.iti__tel-input[type="tel"] {
    width: 100%;
}

.container-section-faq {
    margin-top: 8.33333vw;
    /*margin-bottom: 15.625vw;*/
    margin-bottom: 7.8125vw;
}

/* FAQ */
.faq {

    max-width: 100%;
    width: 100%;
    margin: 0;
}

.faq-item {
    border: none;
    border-radius: 0;
    margin-bottom: 1.04167vw;
    overflow: hidden;
    transition: all ease 300ms;
    background-color: var(--color-gray-1);
}

.faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.39583vw 2.5vw;
    background-color: var(--color-gray-1);
    cursor: pointer;
    user-select: none;

    scroll-margin: calc(2 * 0.52083vw + 2 * 1.5625vw + 1.04167vw);
}

.faq-item.active .faq-header {}

.faq-title {
    margin: 0;

    font-weight: 500;
    font-size: 1.35416vw;
    line-height: 150%;
    letter-spacing: 0;
    color: var(--color-black);
}

.faq-icon {
    width: 2.60417vw;
    height: 2.60417vw;
    position: relative;
    transition: all ease 300ms;
    background: var(--color-red);
    border-radius: 2.60417vw;
    border: 0.88542vw solid transparent;
    box-sizing: border-box;
}

.faq-icon::before,
.faq-icon::after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    transition: all ease 300ms;
}

.faq-icon::before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.10417vw;
    transform: translateY(-50%);
}

.faq-item.active .faq-icon::before {
    transform: translateY(-50%) rotate(45deg);
}

.faq-icon::after {
    top: 0;
    left: 50%;
    width: 0.10417vw;
    height: 100%;
    transform: translateX(-50%);
}

.faq-item.active .faq-icon::after {
    transform: translateX(-50%) rotate(45deg);
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 2.5vw;
    transition: all ease 300ms;
    background-color: var(--color-gray-1);

    font-weight: 500;
    font-size: 1.15vw;
    line-height: 140%;
    letter-spacing: 0;
}

.faq-content li,
.faq-content ul,
.faq-content p {
    margin: 0;
}

.faq-content [data-list="bullet"] {
    list-style: disc;
}

.faq-content a {
    color: var(--color-red);
}

.faq-content {
    text-underline-offset: max(0.2vw, 3px);
}

.faq-item .faq-content p {
    margin-bottom: 1.04167vw;
}

.faq-item .faq-content p:last-child {
    margin-bottom: 0;
}

.faq-item.active .faq-content {
    max-height: initial;
    padding: 0 2.5vw 2.39583vw 2.5vw;

    transition: max-height ease 300ms, padding ease 300ms;
}

.prefooter-phone-agree-block {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.prefooter-phone-agree-block-logo {
    display: none;
}

.prefooter-phone-agree-block-left__link {
    padding: 1.875vw 3.54167vw;
    background: var(--color-gray-1);
    border-radius: 3.125vw;
    text-decoration: none;

    font-weight: 500;
    font-size: 1.66667vw;
    line-height: 1.04167vw;
    letter-spacing: -0.01em;
    color: var(--color-black);
    transition: all ease-in-out 200ms;
    display: block;
}

.prefooter-phone-agree-block-left__link:hover {
    background: var(--color-black);
    color: #ffffff;
    transition: all ease-in-out 200ms;
}

.prefooter-phone-agree-block-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.prefooter-phone-agree-block-right__link {
    color: #9d9d9d;

    font-weight: 500;
    font-size: 0.83333vw;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-style: solid;
    margin: 0.41667vw 0;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    transition: all ease-in-out 200ms;
}

.prefooter-phone-agree-block-right__link:hover {
    color: var(--color-black);
}

/* Калькулятор */
.calc-wrapper {
    padding: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-top: 4.6875vw;
}

.calc-header {

    font-weight: 600;
    font-size: 3.854167vw;
    line-height: 120%;
    letter-spacing: 0;
    margin-bottom: 4.16667vw;
    margin-top: 3.125vw;
}

.calc-wrapper .calc-block {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-sizing: border-box;
}

.calc-wrapper .calc-col {
    display: flex;
    flex-direction: column;
    width: 60%;
    box-sizing: border-box;
    justify-content: space-between;
}

.calc-wrapper .calc-col_right {
    width: 40%;
    padding-left: 7.8%;
}

.calc-select option {
    font-weight: normal;
}

.calc-wrapper .calc-field-title {

    margin-top: 2.08333vw;
    margin-bottom: 1.5625vw;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 120%;
    text-align: left;
    color: var(--color-black);
}

.calc-select {
    display: block;
    color: var(--color-black);

    font-size: 1.25vw;
    line-height: 1;
    font-weight: 500;
    text-align: left;
    padding: 1.25vw 1.5625vw;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0px solid var(--color-gray-1);
    border-radius: 3.125vw;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--color-gray-1);
    background-repeat: no-repeat, repeat;
    background-position: right 1.5625vw top 50%, 0 0;
    background-size: 0.989583vw auto, 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50495 5.78413L0.205241 1.25827C-0.0684138 0.970375 -0.0684138 0.503596 0.205241 0.215836C0.478652 -0.0719461 0.922098 -0.071946 1.19549 0.215837L5.00007 4.22052L8.80452 0.215953C9.07805 -0.0718292 9.52145 -0.0718292 9.79486 0.215953C10.0684 0.503736 10.0684 0.970492 9.79486 1.25839L5.49508 5.78425C5.35831 5.92814 5.17925 6 5.00009 6C4.82085 6 4.64165 5.928 4.50495 5.78413Z' fill='%23141414'/%3E%3C/svg%3E%0A"),
        linear-gradient(to bottom, var(--color-gray-1) 0%, var(--color-gray-1) 100%);
}

.calc-select::-ms-expand {
    display: none;
}

.calc-select:hover {
    border-color: var(--color-black);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50495 5.78413L0.205241 1.25827C-0.0684138 0.970375 -0.0684138 0.503596 0.205241 0.215836C0.478652 -0.0719461 0.922098 -0.071946 1.19549 0.215837L5.00007 4.22052L8.80452 0.215953C9.07805 -0.0718292 9.52145 -0.0718292 9.79486 0.215953C10.0684 0.503736 10.0684 0.970492 9.79486 1.25839L5.49508 5.78425C5.35831 5.92814 5.17925 6 5.00009 6C4.82085 6 4.64165 5.928 4.50495 5.78413Z' fill='%23141414'/%3E%3C/svg%3E%0A"),
        linear-gradient(to bottom, #e2e2e2 0%, #e2e2e2 100%);
}

.calc-select:focus {
    border-color: var(--color-black);
    color: var(--color-black);
    outline: none;
}

.calc-select option {
    font-weight: normal;
}

*[dir="rtl"] .calc-select,
:root:lang(ar) .calc-select,
:root:lang(iw) .calc-select {
    background-position: left 0.625vw top 50%, 0 0;
    padding: 0.9375vw 1.14583vw;
}

.calc-wrapper .dev-calc-type-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* RADIO BUTTON START */
.calc-wrapper .dev-calc-radio-btn {
    display: inline-block;
}

.calc-wrapper .dev-calc-radio-btn input[type="radio"] {
    display: none;
}

.calc-wrapper .dev-calc-radio-btn label {

    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 1.25vw 1.302083vw;

    border: 1px solid var(--color-gray-1);
    border-radius: 3.125vw;
    user-select: none;
    background: var(--color-gray-1);
    font-size: 1.25vw;
    letter-spacing: -0.01em;
    line-height: 1;
    color: var(--color-black);
    transition: all 0.15s ease-in-out;
}

/* Checked */
.calc-wrapper .dev-calc-radio-btn input[type="radio"]:checked+label {
    background: var(--color-red);
    color: #ffffff;
}

/* Hover */
.calc-wrapper .dev-calc-radio-btn input[type="radio"]:checked+label:hover {
    background: var(--color-black);
}

.calc-wrapper .dev-calc-radio-btn label:hover {
    color: var(--color-black);
    background: #e2e2e2;
}

/* Disabled */
.calc-wrapper .dev-calc-radio-btn input[type="radio"]:disabled+label {
    background: #efefef;
    color: var(--color-black);
}

/* RADIO BUTTON END */

.calc-wrapper .calc-header-right {

    font-size: 2.5vw;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
    color: var(--color-black);
    padding: 0;
    margin: 0;
    margin-bottom: 5.729167vw;
}

.calc-wrapper .calc-col_right .calc-field-title {
    margin-top: 0;
    margin-bottom: 1.1979167vw;
}

.calc-wrapper .calc-month-result {

    font-size: 4.791667vw;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0;
    text-align: left;
    color: var(--color-red);
}

.calc-wrapper .calc-field-title.calc-field-title_grey {

    color: #9d9d9d;
    margin-bottom: 0.9375vw;
    margin-top: 2.65625vw;
}

.calc-wrapper .calc-week-result {

    font-size: 2.08333vw;
    line-height: 120%;
    letter-spacing: 0;
    font-weight: 600;
    text-align: left;
    color: #9d9d9d;
    margin-bottom: 2.1875vw;
}

#delivery-calc.calc-wrapper .calc-col.calc-col_right .calc-result-btn {

    font-size: 1.25vw;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    background: var(--color-black);
    border-radius: 2.08333vw;
    padding: 1.1458333vw 1.5625vw;
    transition: all 0.15s ease-in-out;
}

#delivery-calc.calc-wrapper .calc-col.calc-col_right .calc-result-btn:hover {
    background: var(--color-red);
    text-decoration: none;
}

.delivery-calculator-bonus-block {
    display: flex;
    justify-content: center;
}

/* CALC RANGE START */

.dev-calc-range-wrapper {
    line-height: 0;
}

.calc-wrapper input[type="range"] {
    outline: 0;
    border: 0;
    border-radius: 3.75vw;
    width: 100%;
    max-width: 100%;
    transition: box-shadow 0.2s ease-in-out;
}

#delivery-bonus {
    display: none;
}

/* BONUS START */
#delivery-bonus .dev-bonus-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
}

#delivery-bonus .dev-bonus-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    transition: all 0.2s ease-in-out;
}

#delivery-bonus .dev-bonus-block {
    display: flex;
    flex-direction: column;
    width: 50%;
    max-width: 50%;
    border-radius: 200px 0px 200px 0px;
    padding: 200px 80px 80px 80px;
    background: #f5f5f5;
    margin-bottom: 20px;
}

#delivery-bonus .dev-bonus-block:first-child {
    margin-right: 10px;
}

#delivery-bonus .dev-bonus-block:last-child {
    margin-left: 10px;
}

#delivery-bonus .dev-bonus-block .bonus-block_title .bonus-block_title_url,
#delivery-bonus .dev-bonus-block .bonus-block_title {
    color: #E30613;
    font-weight: 600;
    font-size: 72px;
    margin-bottom: 20px;
}

/*#delivery-bonus .dev-bonus-block .bonus-block_title .bonus-block_title_url {*/
/*    text-decoration: underline;*/
/*}*/

#delivery-bonus .dev-bonus-block .bonus-block_subtitle .bonus-block_subtitle_url,
#delivery-bonus .dev-bonus-block .bonus-block_subtitle {
    color: #141414;
    font-weight: 500;
    font-size: 30px;
}

/*#delivery-bonus .dev-bonus-block .bonus-block_subtitle .bonus-block_subtitle_url {*/
/*    text-decoration: underline;*/
/*}*/

#delivery-bonus .dev-bonus-block.dev-bonus-block_1 {
    background-image: url("/images/flame-icon-curve.png"), url("/images/magnit-icon-curve.png");
    background-position: 68% 27%, right top;
    background-repeat: no-repeat, no-repeat;
    background-size: 15%, 25%;
}

#delivery-bonus .dev-bonus-block.dev-bonus-block_2 {
    background-image: url("/images/bonus_block_2_background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#delivery-bonus .dev-bonus-block.dev-bonus-block_3 {
    background-image: url("/images/monet-bag-icon-vurve.png");
    background-position: 68% 18%;
    background-repeat: no-repeat;
    background-size: 15%;
}

#delivery-bonus .dev-bonus-block.dev-bonus-block_4 .bonus-block_subtitle,
#delivery-bonus .dev-bonus-block.dev-bonus-block_4 .bonus-block_title {
    color: #ffffff;
}

#delivery-bonus .dev-bonus-block.dev-bonus-block_4 {
    background-image: url("/images/monet-bag-icon-vurve.png");
    background-position: 68% 18%;
    background-repeat: no-repeat;
    background-size: 15%;
    background-color: #E30613;
}
#delivery-bonus [bonus-example] {
    display: none;
}
/* BONUS END */


@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .calc-wrapper input[type="range"] {
        overflow: hidden;
        height: 3.75vw;
        -webkit-appearance: none;
        background-color: var(--color-gray-1);
    }

    .calc-wrapper input[type="range"]::-webkit-slider-runnable-track {
        height: 3.75vw;
        -webkit-appearance: none;
        color: #151515;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
    }

    .calc-wrapper input[type="range"]::-webkit-slider-thumb {
        width: 3.75vw;
        -webkit-appearance: none;
        height: 3.75vw;
        cursor: ew-resize;
        box-shadow: -21.354167vw 0 0 19.53125vw var(--color-red), inset 0 0 0 0 var(--color-red);
        /*box-shadow: -410px 0 0 375px var(--color-red), inset 0 0 0 0 var(--color-red);*/
        border-radius: 3.75vw;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
        position: relative;
        background-color: var(--color-red);
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.6667%2020.0001C11.6667%2018.1591%2013.159%2016.6667%2015%2016.6667C16.8409%2016.6667%2018.3333%2018.1591%2018.3333%2020.0001C18.3333%2021.841%2016.8409%2023.3334%2015%2023.3334C13.159%2023.3334%2011.6667%2021.841%2011.6667%2020.0001ZM11.6667%2010.0001C11.6667%208.15913%2013.159%206.66675%2015%206.66675C16.8409%206.66675%2018.3333%208.15913%2018.3333%2010.0001C18.3333%2011.841%2016.8409%2013.3334%2015%2013.3334C13.159%2013.3334%2011.6667%2011.841%2011.6667%2010.0001ZM11.6667%2030.0001C11.6667%2028.1591%2013.159%2026.6667%2015%2026.6667C16.8409%2026.6667%2018.3333%2028.1591%2018.3333%2030.0001C18.3333%2031.841%2016.8409%2033.3334%2015%2033.3334C13.159%2033.3334%2011.6667%2031.841%2011.6667%2030.0001ZM21.6667%2020.0001C21.6667%2018.1591%2023.159%2016.6667%2025%2016.6667C26.8409%2016.6667%2028.3333%2018.1591%2028.3333%2020.0001C28.3333%2021.841%2026.8409%2023.3334%2025%2023.3334C23.159%2023.3334%2021.6667%2021.841%2021.6667%2020.0001ZM21.6667%2010.0001C21.6667%208.15913%2023.159%206.66675%2025%206.66675C26.8409%206.66675%2028.3333%208.15913%2028.3333%2010.0001C28.3333%2011.841%2026.8409%2013.3334%2025%2013.3334C23.159%2013.3334%2021.6667%2011.841%2021.6667%2010.0001ZM21.6667%2030.0001C21.6667%2028.1591%2023.159%2026.6667%2025%2026.6667C26.8409%2026.6667%2028.3333%2028.1591%2028.3333%2030.0001C28.3333%2031.841%2026.8409%2033.3334%2025%2033.3334C23.159%2033.3334%2021.6667%2031.841%2021.6667%2030.0001Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat, repeat;
        background-position: right 0.729167vw top 50%, 0 0;
        background-size: 1.770833vw auto, 100%;
    }

    .calc-wrapper input[type="range"]:active::-webkit-slider-thumb {}
}

.calc-wrapper input[type="range"]::-moz-range-progress {
    background-color: var(--color-red);
}

.calc-wrapper input[type="range"]::-moz-range-track {
    background-color: var(--color-red);
}

.calc-wrapper input[type="range"]::-ms-fill-lower {
    background-color: var(--color-red);
}

.calc-wrapper input[type="range"]::-ms-fill-upper {
    background-color: var(--color-red);
}

#dev-calc-days-container,
#dev-calc-hours-container {
    width: 100%;
    max-width: 100%;
    padding: 0 1.302083vw;
    box-sizing: border-box;
    position: relative;
}

#dev-calc-days-container #dev-calc-days-subcontainer,
#dev-calc-hours-container #dev-calc-hours-subcontainer {
    width: 100%;
    position: relative;
}

#dev-calc-days-container #dev-calc-days-subcontainer h4,
#dev-calc-hours-container #dev-calc-hours-subcontainer h4 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    width: 7.8125vw;
    height: 1.302083vw;
    color: #ffffff !important;
    font-size: 1.66667vw;
    line-height: 1.04167vw;
    /* transform-origin: center -10px; */
    transform: translate(0%, -2.604167vw);
    transition: margin-top 0.15s ease-in-out, opacity 0.15s ease-in-out;
    padding: 0;
    margin: 0;
    font-weight: 500;

}

#dev-calc-days-container #dev-calc-days-subcontainer h4 span,
#dev-calc-hours-container #dev-calc-hours-subcontainer h4 span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color-red);
    border-radius: 1.04167vw;
    transform: rotate(45deg);
    z-index: -1;
}

input:not(:active)+#dev-calc-days-container h4,
input:not(:active)+#dev-calc-hours-container h4 {
    /*opacity: 0;*/
    /*margin-top: -50px;*/
    /*pointer-events: none;*/
}

/* CALC RANGE END */


/* Стили выравнивания для Quill */
.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

.ql-align-justify {
    text-align: justify;
}

/* Fallback для старых браузеров */
@supports not ((-webkit-line-clamp: 2) or (line-clamp: 2)) {
    .education-view-accordion-preview {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


@media (max-width: 1400px) {
    .education-banners-item-grey-bg {
        background-size: auto 72%, auto !important;
    }
}

@media (max-width: 768px) {
    .burger-menu {
        display: block;
    }

    .menu {
        display: none;
    }

    .blog-test-container {
        padding: 8.33333vw 13.88889vw 5.55556vw 13.88889vw;
    }

    .blog-posts-block {
        width: calc(100% - 11.11111vw);
        max-width: calc(100% - 11.11111vw);
    }

    .logo img {
        height: 6.66667vw;
        width: 23.88889vw;
    }

    .header {
        padding: 3.33333vw 0;
        border-radius: 0 0 6.66667vw 6.66667vw;
    }

    .container {
        max-width: calc(100% - 11.11111vw);
        padding: 0 5.55556vw;
    }

    .header .container {
        max-width: calc(100% - 6.66667vw);
        padding: 0 3.33333vw;
    }

    .header-button {
        padding: 3.33333vw 3.33333vw;
        border-radius: 11.11111vw;
        margin-left: 2.22222vw;
    }

    .header-button svg {
        width: 4.44444vw;
        height: 4.44444vw;
    }

    .header-button.courier-button {
        display: none;
    }

    .header-button.city-button {
        font-size: 4.44444vw;
        gap: 1.11111vw;
        width: calc(100vw * 200 / 768);
    }

    .menu-mobile {
        width: calc(100vw - 6.66667vw);
        height: calc(100vh - 6.66667vw);
        padding: 3.33333vw;
        gap: 5vw;
    }

    .menu-mobile-header.city-button {
        font-size: 3.88889vw;
        margin-right: 3.33333vw;
    }

    .menu-mobile-header.city-button .city-button-text {
        margin-left: 1.11111vw;
    }

    .menu-mobile ul {
        padding: 4.44444vw;
    }

    .menu-mobile ul li {
        margin-bottom: 6.66667vw;
    }

    .menu-mobile ul li a {
        font-size: 5.55556vw;
        line-height: 5.55556vw;
    }

    .bottom-side {
        padding: 4.44444vw;
    }

    .bottom-side-soc-title {
        font-size: 3.88889vw;
        margin-bottom: 3.33333vw;
    }

    .bottom-side-soc-a {
        font-size: 4.44444vw;
        margin-bottom: 3.33333vw;
    }

    .bottom-side.header-button.courier-button {
        font-size: 4.44444vw;
        line-height: 5.55556vw;
        margin-top: 8.88889vw;
    }

    .logo {
        margin-right: 0;
    }

    .city-button-text {
        width: auto;
        max-width: calc(100vw - 77.77778vw);
    }

    .main {
        padding: 7.77778vw 0 16.66667vw 0;
        margin-top: 18.4244444vw;
    }

    .footer {
        border-radius: 6.66667vw 6.66667vw 0 0;
        padding: 11.11111vw 0;
    }

    .footer-content {
        max-width: 273.33333vw;
    }

    .footer-text {
        font-size: 3.33333vw;
        line-height: 130%;
        letter-spacing: -0.01em;
        margin-bottom: 8.88889vw;
        margin-top: 0;
    }

    .footer-subtext {
        font-size: 3.88889vw;
        line-height: 140%;
        letter-spacing: 0;
        margin: 0;
    }

    .blog-title {
        font-size: 8.88889vw;
        line-height: 110%;
        margin: 0 0 7.77778vw 0;
    }

    .blog-image-container {
        border-radius: 16.66667vw 0 16.66667vw 0;
        flex-direction: column;
        margin-bottom: 8.88889vw;
    }

    .blog-image-title {
        margin-left: 5.55556vw;
        margin-top: 5.55556vw;
        font-size: 6.66667vw;
        line-height: 110%;
        max-width: calc(100% - 5.55556vw);
    }

    .blog-image-text {
        margin-left: 5.55556vw;
        max-width: calc(100% - 5.55556vw);
        font-size: 4.44444vw;
        line-height: 130%;
        margin-top: 3.33333vw;
    }

    .blog-image-container::before {
        right: 0;
        width: 100%;
        height: calc(100% - 91.66667vw);
        transform: skewX(0deg) skewY(4deg);
    }

    .blog-image-image img {
        max-height: 106.94444vw;
        height: 106.94444vw;
    }

    .blog-test-container {
        padding: 10vw 6.38889vw;
        border-radius: 0 16.66667vw 0 16.66667vw;
        margin-bottom: 16.66667vw;
    }

    .blog-test-title {
        font-size: 6.66667vw;
        line-height: 120%;
        margin-bottom: 4.44444vw;
    }

    .blog-test-text {
        font-size: 3.88889vw;
        line-height: 130%;
        margin-bottom: 8.88889vw;
    }

    .blog-posts-tags-wrapper {
        gap: 2.22222vw;
        margin-bottom: 6.66667vw;
    }

    .blog-posts-tag-button {
        padding: 2.22222vw 3.33333vw;
        font-size: 3.88889vw;
        border-radius: 8.33333vw;
        line-height: 5.55556vw;
    }

    .blog-posts-block {
        width: 100%;
        max-width: 100%;
    }

    .main-wrapper-grey .breadcrumb-wrapper {
        margin-bottom: 7.77778vw;
    }

    .blog.post {
        padding: 4.44444vw;
        border-radius: 6.66667vw;
    }

    .post-image-container {
        border-radius: 4.44444vw;
    }

    .post-content-container {
        padding: 5.55556vw 0 0 0;
    }

    .post-meta-date {
        margin-bottom: 2.22222vw;
        font-size: 3.88889vw;
        line-height: 5.55556vw;
    }

    .cookie-banner {
        flex-direction: column;
        gap: max(2.77778vw, 16px);
    }

    .cookie-banner #accept-cookies {
        margin: 0;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .load-more-button {
        padding: 3.33333vw 5.55556vw;
    }

    .pagination-arrow,
    .pagination-pages a {
        width: 11.11111vw;
        height: 11.11111vw;

        font-weight: 500;
        font-size: 0.729167vw;
        line-height: 5.55556vw;
        letter-spacing: -0.01em;
    }

    .pagination-arrow svg {
        height: 2.77778vw;
    }

    .blog-pagination {
        margin-bottom: 16.66667vw;
    }

    .page-image-container {
        border-radius: 8.333vw;
        margin-bottom: 27.7778vw;
    }

    .page-image-content {
        position: absolute;
        background: transparent;
        width: 100%;
        max-width: 100%;
        padding: 0;
        background: linear-gradient(transparent 25%, #000000);
    }

    .page-image-image {
        border-radius: 0;
        background: transparent;
    }

    .page-image-image img {
        border-radius: 0;
        max-height: 152.7778vw;
        height: 152.7778vw;
        object-fit: cover;
    }

    .page-image-image-description {
        display: none;
    }

    .page-image-content-menu-mobile {
        display: flex;
        gap: 1.1111vw;
        overflow-x: auto;
        padding-left: 5.5556vw;
        padding-top: 5.5556vw;
        white-space: nowrap;
        /* Запрет переноса элементов */
        -webkit-overflow-scrolling: touch;
        /* Плавная прокрутка на iOS */
        scrollbar-width: none;
        /* Скрыть скроллбар в Firefox */
    }

    .page-image-content-menu-mobile::-webkit-scrollbar {
        display: none;
        /* Скрыть скроллбар в Chrome/Safari */
    }

    .page-image-content-menu-mobile-button {

        font-weight: 500;
        font-size: 4.4444vw;
        line-height: 5.5556vw;
        letter-spacing: -0.01em;
        text-align: center;
        color: #ffffff;
        padding: 2.5vw 3.3333vw;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 16.6667vw;
        background-color: rgba(255, 255, 255, 0.03);
        backdrop-filter: blur(19.44444vw);
        -webkit-backdrop-filter: blur(19.44444vw);
        text-decoration: none;
        flex: 0 0 auto;
        /* Запрет сжатия/растяжения */
        white-space: nowrap;
        /* Текст не переносится */
    }

    .page-image-title {
        font-size: 8.8889vw;
        line-height: 120%;
        letter-spacing: 0;
        color: #ffffff;
        margin-left: 5.5556vw;
        margin-top: 71.1111vw;
        max-width: 100%;
    }

    .page-image-title.page-image-title-bg {
        border-color: var(--color-red);
        background-color: var(--color-red);
        border-radius: 4.4444vw;
        margin-top: 0;
        border-top-width: 2.7778vw;
        border-bottom-width: 2.7778vw;
        border-left-width: 2.7778vw;
        border-right-width: 2.7778vw;
        transform: translate(-2.7778vw, 0);
    }

    .page-image-button {
        margin-left: 5.5556vw;
        margin-top: 10vw;
        border-radius: 16.6667vw;
        padding: 5.5556vw 22.2222vw;
        font-size: 5.5556vw;
        line-height: 5.5556vw;
    }

    .page-image-image:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: url(/img/page-image-image-mobile-bg-1.png), url(/img/page-image-image-mobile-bg-2.png), linear-gradient(0deg, black, transparent 75%);
        background-repeat: no-repeat, no-repeat;
        background-position-x: 83.333vw, 72.222vw, center;
        background-position-y: 77.7778vw, 66.6667vw, center;
        background-size: 13.889vw 13.889vw, 11.111vw 11.111vw, 100% 100%;
        top: 0;
        left: 0;
    }

    .container-conditions-bg {
        padding: 0 4.44444vw 27.77778vw 4.44444vw;
        background-size: 27%;
        background-position-x: right;
        background-position-y: 109%;
        background-size: 80%;
    }

    .conditions-block {
        flex-direction: column;
        margin-top: 27.77778vw;
        margin-bottom: 0;
        gap: 5.55556vw;
    }

    .conditions-block-item {
        width: 100%;
        padding: 11.11111vw 5.55556vw;
        border-radius: 19.4444vw 0 19.4444vw 0;
        box-sizing: border-box;
    }

    .conditions-block-item h2 {
        font-size: 6.66667vw;
        /* width: 85%; */
        box-sizing: border-box;
    }

    .conditions-block-item p,
    .conditions-block-item ul {
        font-size: 4.44444vw;
        width: 92%;
        box-sizing: border-box;
    }

    .conditions-block-item ul {
        padding-left: 5vw;
    }

    .conditions-block-item-type-1 {
        background-size: 35%;
        background-position-x: 110%;
        background-position-y: 190%;
    }

    .conditions-block-item-type-2 {
        background-position-x: 104%, 99%;
        background-position-y: 11%, 46%;
    }

    .conditions-block-item-type-3 {
        background-size: 15%, 19%, 55%, 0%;
        background-position-x: 89%, 71%, 130%, right;
        background-position-y: 31%, 57%, bottom, bottom;
    }

    .conditions-block-item-type-3 h2,
    .conditions-block-item-type-3 ul,
    .conditions-block-item-type-3 p {
        width: 70%;
    }

    .conditions-block-item-type-6 {
        flex-direction: column-reverse;
        padding: 0;
    }

    .conditions-block-item-type-6 .conditions-block-item__image {
        width: 100%;
        box-sizing: border-box;
    }

    .conditions-block-item-type-6 .conditions-block-item__image img {
        border-radius: 19.4444vw 0 19.4444vw 0;
    }

    .conditions-block-item-type-6 .conditions-block-item__content {
        width: 100%;
        box-sizing: border-box;
        /*padding: 0;*/
        /*margin-bottom: 7.77778vw;*/
        padding: 11.11111vw 5.55556vw 7.77778vw 5.55556vw;
        background-size: 16%, 16%;
        background-position-x: 98%, 87%;
        background-position-y: 11%, 51%;
    }

    .conditions-block-item-type-6 .conditions-block-item__content h2,
    .conditions-block-item-type-6 .conditions-block-item__content ul,
    .conditions-block-item-type-6 .conditions-block-item__content p {
        width: 80%;
    }

    .conditions-block-item-type-6 .conditions-block-item__content h2 {
        margin-bottom: 5.55556vw;
    }

    .container-how-courier-bg {
        border-radius: 11.11111vw;
        /*max-width: calc(100% - 8.88889vw);*/
        max-width: calc(100% - 5.55556vw);
        /*padding: 19.44444vw 5.55556vw;*/
        padding: 19.44444vw 0 19.44444vw 5.55556vw;
    }

    .how-courier-block-title {
        font-size: 10vw;
    }

    .how-courier-block-steps {
        flex-wrap: nowrap;
        margin-top: 11.11111vw;
        margin-bottom: 11.11111vw;
        gap: 2.77778vw;
        /* overflow-x: auto; */
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-right: 5.55556vw;
    }

    .how-courier-block-steps-item {
        white-space: nowrap;
        width: calc(100vw - 5.55556vw - 5.55556vw + 1px);
        box-sizing: border-box;
        border-radius: 5.55556vw;
        padding: 5.55556vw;
        box-sizing: border-box;
        margin-right: 2.77778vw !important;
    }

    .how-courier-block-content {
        white-space: nowrap;
        width: calc(100vw - 5.55556vw - 5.55556vw + 1px);
        box-sizing: border-box;
        border-radius: 5.55556vw;
        /*padding: 5.55556vw;*/
        padding: 0;
        min-width: calc(100vw - 5.55556vw - 5.55556vw + 1px);
        max-width: calc(100vw - 5.55556vw - 5.55556vw + 1px);
        display: flex;
        flex-direction: column;
        margin-right: 5.55556vw;
    }

    .how-courier-block-content__content {
        width: initial;
        padding: 5.55556vw;
        background-position-x: 98%, 95%;
        background-position-y: 95%, 6%;
    }

    .how-courier-block-content__image {
        width: initial;
        border-radius: 5.55556vw 5.55556vw 0 0;
        height: 33.333vw;
        max-height: 100%;
    }

    .how-courier-block-content__image img {
        object-position: top;
    }

    .how-courier-block-content__content h2 {
        font-size: 6.94444vw;
        margin-bottom: 5.5556vw;
        white-space: normal;
        width: initial;
    }

    .how-courier-block-content__content ul,
    .how-courier-block-content__content p {
        font-size: 4.4444vw;
        white-space: normal;
        width: initial;
    }

    .how-courier-block-steps-item-step {
        padding: 3.61111vw 5.55556vw;
        font-size: 4.44444vw;
        line-height: 3.88889vw;
        letter-spacing: -0.01em;
        border-radius: 16.66667vw;
        margin-bottom: 8.88889vw;
    }

    .how-courier-block-steps-item-title {
        font-size: 6.94444vw;
        margin-bottom: 5.5556vw;
        white-space: normal;
    }

    .how-courier-block-steps-item-text {
        font-size: 4.4444vw;
        white-space: normal;
    }

    .how-courier-block-steps-item-button {
        padding: 3.88889vw 8.33333vw;
        border-radius: 16.66667vw;
        margin-top: 8.88889vw;
        font-size: 5.55556vw;
        line-height: 5.55556vw;
    }

    .how-courier-block-steps-item-text ul {
        padding-left: 5.55556vw;
    }

    .how-courier-block-content-hint-mobile {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 2.5vw;
    }

    .how-courier-block-content-hint-mobile p {

        font-weight: 500;
        font-size: 3.8889vw;
        line-height: 5.55556vw;
        letter-spacing: -0.01em;
        color: #f9cdd0;
        margin: 0;
    }

    .container-choose-delivery-bg {
        background-size: 90%;
        background-position-x: right;
        background-position-y: -32.5vw;
        padding: 27.77778vw 5.55556vw;
    }

    .container-choose-delivery-bg-car {
        top: 0;
    }

    .container-choose-delivery-bg::before {
        left: 62%;
        top: 7.5%;
        transform: rotate(-18deg);
        width: 8%;
        transform:
            translateX(calc(var(--in-view-progress) * 1.5 * calc(100vw * 120 / 768))) translateY(calc(var(--in-view-progress) * 1.5 * calc(-100vw * 100 / 768))) rotate(-18deg) rotate(calc(var(--in-view-progress) * 1.5 * -38deg));
    }

    .choose-delivery-block {
        padding: 0;
    }

    .choose-delivery-block-title {
        margin-top: 0;
        margin-bottom: 11.11111vw;
        width: 100%;
        font-size: 7.77778vw;
    }

    .choose-delivery-block-items {
        display: flex;
        flex-direction: column;
        gap: 5.55556vw;
    }

    .choose-delivery-block-item {
        padding: 11.11111vw 5.55556vw;
        border-radius: 5.55556vw;
        width: 100%;
        box-sizing: border-box;
    }

    .choose-delivery-block-item h3 {
        font-size: 6.66667vw;
        line-height: 120%;
        letter-spacing: 0;
        margin-bottom: 8.88889vw;
        margin-top: 0;
        min-height: initial;
    }

    .choose-delivery-block-item p,
    .choose-delivery-block-item ol,
    .choose-delivery-block-item ul {
        font-size: 4.44444vw;
        /*margin-top: 0;*/
        margin: 0;
        /* padding-left: 5.55556vw; */
    }

    .choose-delivery-block-item.choose-delivery-block-item-type-2 {
        border-radius: 19.44444vw 0 19.44444vw 0;
    }

    .be-self-employed-block {
        flex-direction: column;
        justify-content: flex-start;
    }

    .be-self-employed-block-left {
        padding: 0;
    }

    .be-self-employed-block-left h2 {
        font-size: 8.33333vw;
        margin-bottom: 12.77778vw;
    }

    .be-self-employed-block-left h2 span {
        display: inline-block;
        border-right-width: 2.77778vw;
        border-bottom-width: 1.38889vw;
        border-left-width: 2.77778vw;
        border-top-width: 0.55556vw;
        border-radius: 2.77778vw;
        margin-left: -2.77778vw;
        margin-right: -2.77778vw;
    }

    .be-self-employed-block-left ul {
        font-size: 4.44444vw;
        margin-bottom: 11.11111vw;
    }

    .be-self-employed-block-left ul li {
        margin-bottom: 5.55556vw;
        padding-left: 11.11111vw;
    }

    .be-self-employed-block-left ul li::before {
        width: 4.63056vw;
        height: 4.63056vw;
    }

    .be-self-employed-block-left__tax {
        padding: 8.05556vw 6.66667vw;
        border-radius: 5.55556vw;
    }

    .be-self-employed-block-left__tax-text {
        font-size: 4.44444vw;
        line-height: 140%;
        text-align: center;
    }

    .be-self-employed-block-right {
        max-width: 100%;
        border-radius: 8.33333vw;
        height: 79.16667vw;
        margin-top: 5.55556vw;
    }

    .be-self-employed-block-right-img-bg {
        width: 100%;
        max-width: 100%;
        background-repeat: no-repeat;
        background-size: 11.11111vw;
        background-position-x: right;
        background-position-y: top;
        padding-right: 3.33333vw;
        transform: translate(3.33333vw, -3.33333vw);
    }

    .container-form-stay-courier {
        margin-top: 27.77778vw;
        padding: 0;
    }

    .form-stay-courier-block {
        flex-direction: column-reverse;
        border-radius: 19.44444vw 0 19.44444vw 0;
    }

    .form-stay-courier-block-left {
        height: 64.72222vw;
        max-width: 100%;
        border-radius: 19.44444vw 0 19.44444vw 0;
    }

    .form-stay-courier-block-left-img-bg {
        background-position-x: 104%;
        background-position-y: 104%;
        background-size: 27.77778vw;
    }

    .form-stay-courier-block-right {
        padding: 11.11111vw 5.55556vw 8.33333vw 5.55556vw;
    }

    .form-stay-courier-block-right h2 {
        font-size: 6.6667vw;
        margin: 0 0 7.5vw 0;
    }

    .form-stay-courier-block-right input {
        font-size: 3.88889vw;
        margin: 0 0 2.77778vw 0;
        padding: 3.33333vw 5.55556vw;
        border-radius: 16.66667vw;
    }

    .form-stay-courier-block-right button[data-type="submit"],
    .form-stay-courier-block-right button[type="submit"] {
        font-size: 5.55556vw;
        padding: 2.22222vw 16.66667vw;
        border-radius: 16.66667vw;
        margin-bottom: 13.88889vw;
        margin-top: 2.77778vw;
    }

    .form-stay-courier-agreement {
        font-size: 3.33333vw;
    }

    .form-stay-courier-agreement a {
        font-size: 3.33333vw;
    }

    .form-stay-courier-agreement-checkbox+label {
        padding-left: 8.88889vw;
    }

    .form-stay-courier-agreement-checkbox+label::before {
        width: 4.16667vw;
        height: 4.16667vw;
    }

    .form-stay-courier-agreement-checkbox+label::after {
        left: 1.388889vw;
        top: 0.833333vw;
        width: 0.833333vw;
        height: 1.666667vw;
    }

    .container-section-faq {
        margin-top: 27.77778vw;
        margin-bottom: 27.77778vw;
    }

    .faq-item {
        border-radius: 5.55556vw;
        margin-bottom: 5.55556vw;
    }

    .faq-header {
        padding: 6.38889vw 5.55556vw;
    }

    .faq-title {
        font-size: 4.44444vw;
        line-height: 130%;
        max-width: calc(100% - 13.88889vw);
    }

    .faq-icon {
        width: 8.33333vw;
        height: 8.33333vw;
        border-radius: 8.33333vw;
        border: 2.77778vw solid transparent;
    }

    .faq-content {
        padding: 0 5.55556vw;
        font-size: 3.33333vw;
    }

    .faq-item.active .faq-content {
        max-height: initial;
        padding: 0 5.55556vw 6.38889vw 5.55556vw;
        font-size: 3.33333vw;
    }

    .faq-icon::before {
        height: 0.55556vw;
    }

    .faq-icon::after {
        width: 0.55556vw;
    }

    .prefooter-phone-agree-block {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .prefooter-phone-agree-block-logo {
        display: block;
        max-width: 41.66667vw;
        margin-bottom: 11.11111vw;
    }

    .prefooter-phone-agree-block-left {
        /*margin-bottom: 16.66667vw;*/
        margin-bottom: 11.11111vw;
    }

    .prefooter-phone-agree-block-right {
        max-width: 95%;
    }

    .prefooter-phone-agree-block-left__link {
        padding: 5.55556vw 18.88889vw;
        border-radius: 16.66667vw;
        font-size: 5.55556vw;
        line-height: 5.55556vw;
    }

    .prefooter-phone-agree-block-right__link {
        font-size: 3.88889vw;
        margin: 2.22222vw 0;
        text-align: center;
    }

    .calc-wrapper {
        margin-top: 0;
    }

    .calc-wrapper .calc-header {
        font-size: 6.66667vw;
        font-weight: 600;
        line-height: 120%;
        text-align: left;
        margin-bottom: 8.33333vw;
        margin-top: 0;
    }

    .calc-wrapper .calc-block {
        flex-direction: column;
    }

    .calc-wrapper .calc-col {
        width: 100%;
    }

    .calc-select {
        display: block;
        color: var(--color-black);

        font-size: 4.44444vw;
        font-weight: 500;
        text-align: left;
        padding: 5.55556vw;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        border: 1px solid var(--color-gray-1);
        border-radius: 16.66667vw;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: var(--color-gray-1);
        background-repeat: no-repeat, repeat;
        background-position: right 5.55556vw top 50%, 0 0;
        background-size: 2.77778vw auto, 100%;
    }

    .calc-wrapper .calc-field-title {
        margin-top: 8.33333vw;
        margin-bottom: 3.05556vw;
        font-size: 5vw;
    }

    .calc-wrapper .calc-field-title:nth-child(4) {
        margin-top: 5.55556vw;
        margin-bottom: 2.77778vw;
    }

    .calc-wrapper .calc-field-title:nth-child(7) {
        margin-top: 5.55556vw;
        margin-bottom: 2.77778vw;
    }

    .calc-wrapper .dev-calc-type-wrapper {
        display: inline;
    }

    .calc-wrapper .dev-calc-radio-btn {
        margin-right: 2.77778vw;
        margin-bottom: 2.77778vw;
    }

    .calc-wrapper .dev-calc-radio-btn label {
        padding: 4.44444vw;
        border-radius: 16.66667vw;
        font-size: 4.44444vw;
        line-height: 5.55556vw;
    }

    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .calc-wrapper input[type="range"] {
            overflow: hidden;
            height: 15vw;
            -webkit-appearance: none;
            background-color: var(--color-gray-1);
            border-radius: 16.66667vw;
        }

        .calc-wrapper input[type="range"]::-webkit-slider-runnable-track {
            height: 15vw;
            -webkit-appearance: none;
            color: #151515;
            -webkit-transition: box-shadow 0.2s ease-in-out;
            transition: box-shadow 0.2s ease-in-out;
        }

        .calc-wrapper input[type="range"]::-webkit-slider-thumb {
            width: 15vw;
            -webkit-appearance: none;
            height: 15vw;
            cursor: ew-resize;
            /*box-shadow: -94.44444vw 0 0 88.88889vw var(--color-red), inset 0 0 0 0 var(--color-red);*/
            box-shadow: -94.44444vw 0 0 87.5vw var(--color-red), inset 0 0 0 0 var(--color-red);
            border-radius: 15vw;
            -webkit-transition: box-shadow 0.2s ease-in-out;
            transition: box-shadow 0.2s ease-in-out;
            position: relative;
            background-color: var(--color-red);
            background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.6667%2020.0001C11.6667%2018.1591%2013.159%2016.6667%2015%2016.6667C16.8409%2016.6667%2018.3333%2018.1591%2018.3333%2020.0001C18.3333%2021.841%2016.8409%2023.3334%2015%2023.3334C13.159%2023.3334%2011.6667%2021.841%2011.6667%2020.0001ZM11.6667%2010.0001C11.6667%208.15913%2013.159%206.66675%2015%206.66675C16.8409%206.66675%2018.3333%208.15913%2018.3333%2010.0001C18.3333%2011.841%2016.8409%2013.3334%2015%2013.3334C13.159%2013.3334%2011.6667%2011.841%2011.6667%2010.0001ZM11.6667%2030.0001C11.6667%2028.1591%2013.159%2026.6667%2015%2026.6667C16.8409%2026.6667%2018.3333%2028.1591%2018.3333%2030.0001C18.3333%2031.841%2016.8409%2033.3334%2015%2033.3334C13.159%2033.3334%2011.6667%2031.841%2011.6667%2030.0001ZM21.6667%2020.0001C21.6667%2018.1591%2023.159%2016.6667%2025%2016.6667C26.8409%2016.6667%2028.3333%2018.1591%2028.3333%2020.0001C28.3333%2021.841%2026.8409%2023.3334%2025%2023.3334C23.159%2023.3334%2021.6667%2021.841%2021.6667%2020.0001ZM21.6667%2010.0001C21.6667%208.15913%2023.159%206.66675%2025%206.66675C26.8409%206.66675%2028.3333%208.15913%2028.3333%2010.0001C28.3333%2011.841%2026.8409%2013.3334%2025%2013.3334C23.159%2013.3334%2021.6667%2011.841%2021.6667%2010.0001ZM21.6667%2030.0001C21.6667%2028.1591%2023.159%2026.6667%2025%2026.6667C26.8409%2026.6667%2028.3333%2028.1591%2028.3333%2030.0001C28.3333%2031.841%2026.8409%2033.3334%2025%2033.3334C23.159%2033.3334%2021.6667%2031.841%2021.6667%2030.0001Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat, repeat;
            background-position: right 3.33333vw top 50%, 0 0;
            background-size: 7.22222vw auto, 100%;
        }

        .calc-wrapper input[type="range"]:active::-webkit-slider-thumb {}
    }

    #dev-calc-days-container,
    #dev-calc-hours-container {
        padding: 0 4.44444vw;
    }

    #dev-calc-days-container #dev-calc-days-subcontainer h4,
    #dev-calc-hours-container #dev-calc-hours-subcontainer h4 {
        font-size: 4.44444vw;
        width: 19.44444vw;
        height: 5vw;
        line-height: 0;
        transform: translate(0%, -10vw);
    }

    .calc-wrapper .calc-col_right {
        width: 100%;
        padding-left: 0;
        margin-top: 8.33333vw;
    }

    .calc-wrapper .calc-header-right {
        font-size: 6.66667vw;
        margin-bottom: 5.55556vw;
    }

    .calc-wrapper .calc-col_right .calc-field-title {
        margin-top: 0;
        margin-bottom: 2.77778vw;
    }

    .calc-wrapper .calc-col_right .calc-field-title {
        font-size: 4.44444vw;
    }

    .calc-wrapper .calc-month-result {
        font-size: 17.77778vw;
        margin-bottom: 5.55556vw;
    }

    .calc-wrapper .calc-week-result {
        font-size: 11.11111vw;
        margin-bottom: 5.55556vw;
    }

    #delivery-calc.calc-wrapper .calc-col.calc-col_right .calc-result-btn {
        padding: 4.44444vw;
        border-radius: 16.66667vw;
        font-size: 4.44444vw;
        line-height: 5.55556vw;
    }

    #delivery-bonus .dev-bonus-row {
        flex-direction: column;
    }

    #delivery-bonus .dev-bonus-block {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        border-radius: 70px 0px 70px 0px;
        padding: 50px 20px 40px 20px;
        background: #f5f5f5;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

    #delivery-bonus .dev-bonus-block .bonus-block_title .bonus-block_title_url,
    #delivery-bonus .dev-bonus-block .bonus-block_title {
        color: #E30613;
        font-weight: 600;
        font-size: 40px;
        margin-bottom: 20px;
    }

    #delivery-bonus .dev-bonus-block .bonus-block_subtitle .bonus-block_subtitle_url,
    #delivery-bonus .dev-bonus-block .bonus-block_subtitle {
        color: #141414;
        font-weight: 500;
        font-size: 20px;
    }

    #delivery-bonus .dev-bonus-block.dev-bonus-block_1 .bonus-block_subtitle {
        max-width: calc(100% - 80px);
    }

    #delivery-bonus .dev-bonus-block.dev-bonus-block_2 .bonus-block_subtitle {
        max-width: calc(100% - 280px);
    }

    #delivery-bonus .dev-bonus-block.dev-bonus-block_1 {
        background-image: url("/images/flame-icon-curve.png"), url("/images/magnit-icon-curve-mobile.png");
        background-position: 86% 20%, right 90%;
        background-repeat: no-repeat, no-repeat;
        background-size: 15%, 30%;
    }

    #delivery-bonus .dev-bonus-block.dev-bonus-block_2 {
        background-image: url("/images/bonus_block_2_background-mobile.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left 65%;
    }

    #delivery-bonus .dev-bonus-block.dev-bonus-block_3 {
        background-image: url("/images/monet-bag-icon-vurve.png");
        background-position: 73% 18%;
        background-repeat: no-repeat;
        background-size: 15%;
    }

    #delivery-bonus .dev-bonus-block.dev-bonus-block_4 .bonus-block_subtitle,
    #delivery-bonus .dev-bonus-block.dev-bonus-block_4 .bonus-block_title {
        color: #ffffff;
    }

    #delivery-bonus .dev-bonus-block.dev-bonus-block_4 {
        background-image: url("/images/monet-bag-icon-vurve.png");
        background-position: 73% 18%;
        background-repeat: no-repeat;
        background-size: 15%;
        background-color: #E30613;
    }

    #delivery-bonus .dev-bonus-block:first-child {
        margin-right: 0;
    }

    #delivery-bonus .dev-bonus-block:last-child {
        margin-left: 0;
    }

    .iti__selected-country-primary {
        padding: 0 4.44444vw 0 6.38889vw;
        border-radius: 16.66667vw 0 0 16.66667vw;
    }

    .breadcrumb {
        font-size: 3.88889vw;
        line-height: 5.55556vw;
        margin: 0 0 2.22222vw 0;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        margin-right: 1.11111vw;
        margin-left: 1.11111vw;
        width: 4.44444vw;
        height: 4.44444vw;
        transform: translateY(-0.55556vw);
    }

    .blog-test-button {
        padding: 3.33333vw 5.55556vw;
        font-size: 4.44444vw;
        border-radius: 11.11111vw;
        line-height: 5.55556vw;
    }

    .blog-posts-items-wrapper {
        gap: 5.55556vw;
        margin-bottom: 8.88889vw;
    }

    .blog-posts-block-image-wrapper {
        display: block;
        width: 100%;
        max-height: 38.88889vw;
        height: 38.88889vw;
        overflow: hidden;
    }

    .blog-posts-block-content-wrapper {
        padding: 6.66667vw;
        gap: 3.33333vw;
        height: 61.66667vw;
    }

    .blog-posts-block-meta-date {
        font-size: 3.88889vw;
        line-height: 5.55556vw;
    }

    .blog-posts-block-meta-views {
        gap: 1.11111vw;
    }

    .blog-posts-block-meta-views-text {
        font-size: 3.88889vw;
        line-height: 6.11111vw;
    }

    .blog-posts-block-tag {
        font-size: 3.88889vw;
        line-height: 5.55556vw;
        border-radius: 27.5vw;
        padding: 0.83333vw 2.22222vw;
        margin-right: 2.77778vw;
    }

    .blog-posts-block-tag-empty {
        width: 0;
        padding: 0.83333vw 0;
        margin-right: 0;
    }

    .blog-posts-block-tag:last-child {
        margin-right: 0;
    }

    .blog-posts-block-title {
        font-size: 5.55556vw;
        line-height: 6.66667vw;
    }

    .blog-posts-block-text {
        font-size: 4.44444vw;
        line-height: 6.11111vw;
    }

    .blog-pagination {
        gap: 4.44444vw;
        margin-bottom: 27.77778vw;
    }

    .pagination-info {
        font-size: 3.88889vw;
        line-height: 5.55556vw;
    }

    .pagination-progress {
        height: 1.11111vw;
        border-radius: 3.33333vw;
        width: 36.11111vw;
    }

    .pagination-progress .progress-bar {
        height: 1.66667vw;
        border-radius: 3.33333vw;
    }

    .load-more-button {
        padding: 5vw 5.55556vw;
        font-size: 4.44444vw;
        line-height: 5.55556vw;
        border-radius: 11.11111vw;
    }

    .pagination-links {
        gap: 1.66667vw;
    }

    .pagination-pages {
        gap: 1.66667vw;
    }

    .pagination-arrow,
    .pagination-pages a {
        width: 15.55556vw;
        height: 15.55556vw;
        border-radius: 11.11111vw;
        font-size: 5.55556vw;
        line-height: 5.55556vw;
    }

    .post-tags-wrapper {
        gap: 2.77778vw;
        margin-bottom: 6.66667vw;
    }

    .post-tag-button {
        padding: 0.83333vw 2.22222vw;
        border-radius: 27.5vw;
        font-size: 3.88889vw;
        line-height: 5.55556vw;
    }

    .post-image {
        max-height: 100.83333vw;
    }

    .post-content-wrapper .post-content-h1 {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        margin-bottom: 4.44444vw;
    }

    .post-content-text {
        font-size: 3.88889vw;
        line-height: 5.55556vw;
        margin-bottom: 11.11111vw;
    }

    .post-content-wrapper .post-content-h2 {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        margin-bottom: 3.33333vw;
    }

    .post-content-text ol,
    .post-content-text ul {
        font-size: 4.44444vw;
        line-height: 5.55556vw;
        margin-bottom: 4.44444vw;
        padding-left: 7.22222vw;
    }

    .post-content-text ol li,
    .post-content-text ul li {
        margin-bottom: 3.33333vw;
    }

    .post-author-bottom-wrapper {
        font-size: 3.88889vw;
        line-height: 4.44444vw;
        margin-bottom: 2.22222vw;
    }

    .post-tags-bottom-wrapper {
        margin-bottom: 5.55556vw;
        gap: 2.22222vw;
    }

    .post-tags-bottom-item {
        font-size: 3.88889vw;
        line-height: 4.44444vw;
    }

    .post-share-bottom-wrapper {
        gap: 4.44444vw;
    }

    .post-content-wrapper .post-content-quote {
        margin: 0 0 7.77778vw 0;
    }

    .post-content-quote-bar {
        width: 1.11111vw;
        min-width: 1.11111vw;
        border-radius: 1.11111vw;
        margin-right: 3.33333vw;
    }

    .post-content-wrapper .post-content-quote-text {
        font-size: 3.88889vw;
        line-height: 5.55556vw;
    }

    .post-content-wrapper .post-content-quote-text {
        font-size: 3.88889vw;
        line-height: 5.55556vw;
    }

    /* education */
    .education-image-container {
        flex-direction: column;
        border-radius: 30px 0 30px 0;
        margin-bottom: 20px;
    }

    .education-image-content {
        padding: 40px 20px;
    }

    .education-image-title {
        font-size: 24px;
        margin: 0 0 20px 0;
        max-width: 100%;
    }

    .education-image-text {
        font-size: 16px;
        margin: 0 0 20px 0;
        max-width: 100%;
    }

    .education-image-button {
        font-size: 20px;
        padding: 20px 30px;
        margin: 0;
        line-height: 20px;
        border-radius: 40px;
        width: calc(100vw - 80px);
        max-width: calc(100vw - 80px);
        box-sizing: border-box;
    }

    .education-image-image {
        border-radius: 30px 0 30px 0;
    }

    .education-image-image img {
        max-height: 400px;
    }

    .education-banners-items-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .education-banners-item {
        padding: 40px 20px;
        border-radius: 30px;
        margin: 0;
        height: initial;
        min-height: 100px;
        min-width: initial;
        width: 100%;
        flex: auto;
    }

    .education-banners-item:not(.education-banners-item-grey-bg) {
        border-radius: 70px 0 70px 0;
        padding: 40px 20px;
    }

    .education-banners-item-title {
        font-size: 24px;
        /*white-space: initial;*/
    }

    .education-banners-item-grey-bg {
        min-height: 300px;
    }

    .education-banners-container {
        margin-bottom: 90px;
    }

    .bottom-menu-section {
        flex-direction: column;
        gap: 30px;
    }

    .bottom-menu-right-wrapper,
    .bottom-menu-left-wrapper {
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .bottom-menu-left-logo {
        margin-bottom: 20px;
    }

    .bottom-menu-left-items {
        width: 100%;
        gap: 16px 50px;
    }

    .bottom-menu-left-item {
        flex: 0 0 calc(50% - 25px);
    }

    .bottom-menu-left-item__a {
        font-size: 16px;
        line-height: 20px;
    }

    .bottom-menu-right-link.bottom-menu-right-phone {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .bottom-menu-right-link {
        font-size: 14px;
        margin-bottom: 16px;
        text-align: center;
    }

    .bottom-menu-right-link.bottom-menu-right-email {
        margin-bottom: 16px;
    }

    .education-view {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .education-view-title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.025em;
        margin-bottom: 16px;
        margin-top: 0;
    }

    .education-view-description {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px;
    }

    .education-view-accordion-item {
        border-radius: 16px;
        padding: 0;
        margin-bottom: 20px;
    }

    .education-view-accordion-header {
        padding: 2.08333vw;
        height: 170px;
        border-radius: 16px;
        margin: 0;
    }

    .education-view-accordion-title {
        font-size: 20px;
        margin-bottom: 0.625vw;
    }

    .education-view-accordion-preview {
        font-size: 16px;
    }

    .education-view-accordion-icon {
        margin-left: 0.78125vw;
        width: 40px;
        height: 40px;
    }

    .education-view-accordion-content {
        padding: 1.302083vw;
    }
}

.icon {
    width: 1em;
    display: inline-block;
    height: 1lh;
    vertical-align: bottom;
}

.title {
    margin-top: 0;
    margin-bottom: 3.75vw;
    color: var(--color-black);

    font-weight: 600;
    font-size: 3.85417vw;
    line-height: 120%;
    letter-spacing: 0;
}

.title-h2 {
    font-size: calc(100vw * 64 / var(--full-width-coof));
}

.title-h3 {
    font-size: calc(100vw * 48 / var(--full-width-coof));
}

@media (max-width: 768px) {
    .title {
        margin-top: 0;
        margin-bottom: 11.11111vw;
        width: 100%;
        font-size: 7.77778vw;
    }

    .title-h2 {
        font-size: calc(100vw * 27 / var(--full-width-coof));
    }

    .title-h3 {
        font-size: calc(100vw * 24 / var(--full-width-coof));
    }
}

.list-check {

    font-weight: 600;
    font-size: 1.45833vw;
    line-height: 120%;
    letter-spacing: 0;
    color: var(--color-black);
    list-style: none;
    padding-left: 0;
}

.list-check li {
    margin-bottom: 1.71875vw;
    padding-left: 2.86458vw;
    position: relative;
}

.list-check li:last-child {
    margin-bottom: 0;
}

.list-check li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.71875vw;
    height: 1.71875vw;
    background-image: url("/img/icon/boxicons-solid.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {

    .list-check {
        font-size: 4.44444vw;
        margin-bottom: 11.11111vw;
    }

    .list-check li {
        margin-bottom: 5.55556vw;
        padding-left: 11.11111vw;
    }

    .list-check li::before {
        width: 4.63056vw;
        height: 4.63056vw;
    }

}

.tarif-stories {
    padding-top: calc(100vw * 60 / var(--full-width-coof));
    padding-bottom: calc(100vw * 80 / var(--full-width-coof));
}

.tarif-stories-bottom {
    padding-bottom: calc(100vw * 80 / var(--full-width-coof));
}

.tarif-stories-top {
    padding-top: calc(100vw * 60 / var(--full-width-coof));
}

.tarif-stories-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: calc(100vw * 20 / var(--full-width-coof));
    width: 100%;
}

.tarif-stories-item {
    padding: calc(100vw * 28 / var(--full-width-coof)) calc(100vw * 26 / var(--full-width-coof));
    height: calc(100vw * 396 / var(--full-width-coof));
    box-sizing: border-box;
    background: var(--color-gray-1);
    border-radius: calc(100vw * 30 / var(--full-width-coof));
    position: relative;
}

.tarif-stories-item-image {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.tarif-stories-item-title {
    font-weight: 600;
    font-size: calc(100vw * 28 / var(--full-width-coof));
    line-height: 1.2;
    margin-bottom: calc(100vw * 28 / var(--full-width-coof));
    min-height: 2lh;
}

.tarif-stories-item-description {
    font-weight: 500;
    font-size: calc(100vw * 24 / var(--full-width-coof));
    line-height: 1.4;
}

@media (max-width: 768px) {
    .tarif-stories {
        padding-bottom: calc(100vw * 50 / var(--full-width-coof));
    }

    .tarif-stories-list {
        grid-template-columns: 1fr;
        gap: calc(100vw * 10 / var(--full-width-coof));
    }

    .tarif-stories-item {
        height: auto;
        padding:
            calc(100vw * 26 / var(--full-width-coof)) calc(100vw * 100 / var(--full-width-coof)) calc(100vw * 20 / var(--full-width-coof)) calc(100vw * 26 / var(--full-width-coof));
        min-height: calc(100vw * 162 / var(--full-width-coof));
        overflow: hidden;
    }

    .tarif-stories-item-title {
        font-size: calc(100vw * 24 / var(--full-width-coof));
        margin-bottom: calc(100vw * 10 / var(--full-width-coof));
        min-height: 0;
    }

    .tarif-stories-item-description {
        font-size: calc(100vw * 16 / var(--full-width-coof));
    }

    .tarif-stories-item-image {
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
        max-height: 100%;
        width: auto;
    }
}

.tarif-city-wrapper {
    background: var(--color-gray-1);
}
.tarif-city {
    display: flex;
    align-items: center;
    gap: calc(100vw * 100 / var(--full-width-coof));
    padding-block: calc(100vw * 80 / var(--full-width-coof));
}

.tarif-city-title {
    margin: 0;
}

.tarif-city-description {
    padding: calc(100vw * 40 / var(--full-width-coof));

    font-weight: 500;
    font-size: calc(100vw * 28 / var(--full-width-coof));
    line-height: 1.2;
    border-radius: calc(100vw * 30 / var(--full-width-coof));
    background: var(--color-red);
    color: #fff;
    margin-left: auto;
    max-width: calc(100vw * 598 / var(--full-width-coof));
    box-sizing: border-box;
}

.tarif-city-description p {
    margin: 0;
}

.tarif-city-description a {
    color: inherit;
}

.tarif-city-button {
    background: var(--color-red);
    color: #fff;
    padding: calc(100vw * 14 / var(--full-width-coof)) calc(100vw * 8 / var(--full-width-coof));
    padding-top: 0;
    border-radius: calc(100vw * 30 / var(--full-width-coof));
    line-height: 1;
    text-decoration: none;
    display: flex;
    gap: calc(100vw * 12 / var(--full-width-coof));
    align-items: center;
    height: calc(100vw * 88 / var(--full-width-coof));
    box-sizing: border-box;
    width: max-content;
    transition: all ease-in-out 200ms;
}

.tarif-city-button svg {
    fill: currentColor;
    font-size: calc(100vw * 32 / var(--full-width-coof));
    width: 1em;
    height: 0.3333em;
    display: block;
    margin-top:  calc(100vw * 8 / var(--full-width-coof));
}

.tarif-city-button:hover {
    transform: scale(1.025);
}
@media (min-width: 768.1px) {
    .tarif-city-button svg{
        display: none;
    }

}
@media (max-width: 768px) {
    .tarif-city {
        flex-direction: column;
        padding-block: calc(100vw * 30 / var(--full-width-coof));
        gap: calc(100vw * 50 / var(--full-width-coof));
    }

    .tarif-city-description {
        padding: calc(100vw * 26 / var(--full-width-coof));
        width: 100%;
        max-width: calc(100vw * 260 / var(--full-width-coof));
        font-size: calc(100vw * 18 / var(--full-width-coof));
        margin-left: auto;
    }

    .tarif-city-button {
        height: auto;
        padding: 10px;
        padding-top: 0;
    }
}


.tarif-min {
    padding-block: calc(100vw * 80 / var(--full-width-coof));
    display: flex;
    align-items: center;
    gap: calc(100vw * 80 / var(--full-width-coof));
}

.tarif-min-right {
    width: calc(100vw * 460 / var(--full-width-coof));
    flex-shrink: 0;
    aspect-ratio: 460/515;
    position: relative;
    margin-left: auto;
}

.tarif-min-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(100vw * 40 / var(--full-width-coof));
    overflow: hidden;
    display: block;
}

.tarif-min-logo {
    width: calc(100vw * 80 / var(--full-width-coof));
    aspect-ratio: 1/1;
    position: absolute;
    top: calc(100vw * 44 / var(--full-width-coof));
    right: calc(100vw * -44 / var(--full-width-coof));
}

.tarif-min-title {}

.tarif-min-description {
    font-weight: 500;
    font-size: calc(100vw * 28 / var(--full-width-coof));
    line-height: 120%;

}

.tarif-min-description p {
    margin: 0;
}

.tarif-min-list {
    margin-top: calc(100vw * 20 / var(--full-width-coof));
}

@media (max-width: 768px) {
    .tarif-min {
        flex-direction: column;
        padding-block: calc(100vw * 30 / var(--full-width-coof));
        gap: calc(100vw * 40 / var(--full-width-coof));
    }

    .tarif-min-title {
        margin-bottom: calc(100vw * 40 / var(--full-width-coof));
    }

    .tarif-min-description {
        font-size: calc(100vw * 18 / var(--full-width-coof));
    }

    .tarif-min-right {
        width: 100%;
        aspect-ratio: 320/204;
    }

    .tarif-min-logo {
        width: calc(100vw * 80 / var(--full-width-coof));
        right: calc(-100vw * 8 / var(--full-width-coof));
        top: calc(-100vw * 8 / var(--full-width-coof));
    }

    .tarif-min-list {
        margin-top: calc(100vw * 40 / var(--full-width-coof));
        margin-bottom: 0;
    }

    .tarif-min-list li {
        padding-left: calc(100vw * 48 / var(--full-width-coof));
        font-size: calc(100vw * 18 / var(--full-width-coof));
        line-height: 1.2;
    }

    .tarif-min-list li:before {
        width: calc(100vw * 32 / var(--full-width-coof));
        height: calc(100vw * 32 / var(--full-width-coof));
    }

    .tarif-min-list li:not(:last-of-type) {
        margin-bottom: calc(100vw * 30 / var(--full-width-coof));
    }
}


.tarif-pay-wrapper {
    background: var(--color-gray-1);
    padding-block: calc(100vw * 80 / var(--full-width-coof));
    border-radius: calc(100vw * 60 / var(--full-width-coof));

}

.tarif-pay {}

.tarif-pay-title {
    text-align: center;
}

.tarif-pay-cost {
    background: #fff;
    border-radius: calc(100vw * 20 / var(--full-width-coof));
    padding: calc(100vw * 28 / var(--full-width-coof));
    text-align: center;
    font-weight: 600;
    font-size: calc(100vw * 36 / var(--full-width-coof));
    line-height: 120%;
    margin-bottom: calc(100vw * 72 / var(--full-width-coof));
}

.tarif-pay-examples {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(100vw * 20 / var(--full-width-coof));
}

.tarif-pay-example {
    display: flex;
    flex-direction: column;
}

.tarif-pay-example-title {
    font-weight: 600;
    font-size: calc(100vw * 36 / var(--full-width-coof));
    line-height: 120%;
    margin-bottom: calc(100vw * 40 / var(--full-width-coof));
}

.tarif-pay-example-description {
    padding: calc(100vw * 40 / var(--full-width-coof));
    background: #FFFFFF;
    border-radius: calc(100vw * 30 / var(--full-width-coof));

    font-weight: 600;
    font-size: calc(100vw * 28 / var(--full-width-coof));
    line-height: 120%;
    flex: 1;
}

.tarif-pay-example-description p+p {
    margin-top: calc(100vw * 20 / var(--full-width-coof));
}

.tarif-pay-example-description span {
    color: var(--color-red);
}

.tarif-pay-example-total {
    margin-top: calc(100vw * 20 / var(--full-width-coof));
    background: var(--color-red);
    color: #fff;
    padding: calc(100vw * 40 / var(--full-width-coof));
    font-weight: 600;
    font-size: calc(100vw * 36 / var(--full-width-coof));
    line-height: 120%;
    border-radius: calc(100vw * 30 / var(--full-width-coof));

}

@media (max-width: 768px) {
    .tarif-pay-title {
        text-align: left;
        margin-bottom: calc(100vw * 20 / var(--full-width-coof));
    }

    .tarif-pay-wrapper {
        padding-block: 40px;
    }

    .tarif-pay-cost {
        padding: calc(100vw * 20 / var(--full-width-coof));
        font-size: calc(100vw * 20 / var(--full-width-coof));
        margin-bottom: calc(100vw * 36 / var(--full-width-coof));
    }

    .tarif-pay-example-title {
        font-size: calc(100vw * 20 / var(--full-width-coof));
        margin-bottom: calc(100vw * 20 / var(--full-width-coof));

    }

    .tarif-pay-examples {
        grid-template-columns: 1fr;
        gap: calc(100vw * 60 / var(--full-width-coof));
    }

    .tarif-pay-example-description {
        padding: calc(100vw * 20 / var(--full-width-coof)) calc(100vw * 28 / var(--full-width-coof));
        padding-bottom: calc(100vw * 70 / var(--full-width-coof));
        font-size: calc(100vw * 20 / var(--full-width-coof));
        border-radius: calc(100vw * 30 / var(--full-width-coof)) calc(100vw * 30 / var(--full-width-coof)) 0 0;
    }

    .tarif-pay-example-description p {
        margin: 0;
    }

    .tarif-pay-example-description p+p {
        margin-top: calc(100vw * 20 / var(--full-width-coof));
    }

    .tarif-pay-example-total {
        padding: calc(100vw * 20 / var(--full-width-coof)) calc(100vw * 28 / var(--full-width-coof));
        border-radius: calc(100vw * 30 / var(--full-width-coof));
        margin-top: calc(-100vw * 30 / var(--full-width-coof));
        font-size: calc(100vw * 20 / var(--full-width-coof));
    }


}

.tarif-coof-wrapper {
    padding-block: calc(100vw * 160 / var(--full-width-coof));
    background: url("/img/tarif-coof-bg.png") no-repeat top right;
}

.tarif-coof-wrapper+.container-section-faq {
    margin-top: 0;
}

.tarif-coof-description {
    font-weight: 500;
    font-size: calc(100vw * 28 / var(--full-width-coof));
    line-height: 120%;

}

.tarif-coof-description p {
    margin: 0;
}

.tarif-coof-list {
    margin-top: calc(100vw * 72 / var(--full-width-coof));
    margin-bottom: calc(100vw * 72 / var(--full-width-coof));
}

@media (max-width: 768px) {
    .tarif-coof-wrapper {
        padding-block: calc(100vw * 160 / 768);
        background-size: 100%;
        background-position: center -15%;
    }

    .tarif-coof-description {
        font-size: calc(100vw * 16 / var(--full-width-coof));

    }

    .tarif-coof-list li {
        padding-left: calc(100vw * 48 / var(--full-width-coof));
        font-size: calc(100vw * 18 / var(--full-width-coof));
        line-height: 1.2;
    }

    .tarif-coof-list li:before {
        width: calc(100vw * 32 / var(--full-width-coof));
        height: calc(100vw * 32 / var(--full-width-coof));
    }

    .tarif-coof-list li:not(:last-of-type) {
        margin-bottom: calc(100vw * 30 / var(--full-width-coof));
    }

    .tarif-coof-list {
        margin-top: calc(100vw * 40 / var(--full-width-coof));
        margin-bottom: calc(100vw * 40 / var(--full-width-coof));

    }
}

.tarif-info-wrapper {
    padding-block: calc(100vw * 80 / var(--full-width-coof));
    background: var(--color-gray-1);
    border-radius: calc(100vw * 60 / var(--full-width-coof));

}

.tarif-info-wrapper+.tarif-info-wrapper {
    margin-top: calc(100vw * 20 / var(--full-width-coof));
}

@media (max-width: 768px) {
    .tarif-info-wrapper {
        border-radius: calc(100vw * 30 / var(--full-width-coof));
        padding-block: calc(100vw * 40 / var(--full-width-coof));
    }

    .tarif-info-wrapper+.tarif-info-wrapper {
        margin-top: calc(100vw * 10 / var(--full-width-coof));
    }

}

.tarif-info-title {
    margin-bottom: calc(100vw * 60 / var(--full-width-coof));
}

.tarif-info-details {
    display: flex;
    gap: calc(100vw * 24 / var(--full-width-coof));
}

.tarif-info-detail {
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    gap: calc(100vw * 40 / var(--full-width-coof));
}

.tarif-info-detail-title {
    font-weight: 500;
    font-size: calc(100vw * 20 / var(--full-width-coof));
    line-height: 140%;
    color: var(--color-gray-2);
}

.tarif-info-detail-value {
    font-weight: 500;
    font-size: calc(100vw * 20 / var(--full-width-coof));
    line-height: 140%;
    margin-top: auto;
}

@media (max-width: 768px) {
    .tarif-info-details {
        flex-direction: column;
        gap: calc(100vw * 10 / var(--full-width-coof)) calc(100vw * 20 / var(--full-width-coof));
        display: grid;
        grid-template-columns: 9fr 3fr;
        align-items: end;
    }

    .tarif-info-detail {
        display: contents;
    }

    .tarif-info-detail-title {
        font-size: calc(100vw * 14 / var(--full-width-coof));
    }

    .tarif-info-detail-value {
        margin: 0;
        font-size: calc(100vw * 14 / var(--full-width-coof));
    }

    .tarif-info-title {
        margin-bottom: calc(100vw * 30 / var(--full-width-coof));
    }

}

.tarif-form {
    padding-top: calc(100vw * 60 / var(--full-width-coof));
    padding-bottom: calc(100vw * 80 / var(--full-width-coof));
}

.tarif-form-select {
    width: 100%;
    max-width: calc(100vw * 820 / var(--full-width-coof));
}

.tarif-form-label {
    font-weight: 600;
    font-size: calc(100vw * 48 / var(--full-width-coof));
    line-height: 120%;
    margin-bottom: calc(100vw * 40 / var(--full-width-coof));
}

@media (max-width: 768px) {
    .tarif-form {
        padding-bottom: calc(100vw * 40 / var(--full-width-coof));
    }

    .tarif-form-label {
        font-size: calc(100vw * 24 / var(--full-width-coof));
        margin-bottom: calc(100vw * 20 / var(--full-width-coof));
    }

    .tarif-form-select {
        max-width: 100%;
    }

}

.tarif-table {
    padding-top: calc(100vw * 160 / var(--full-width-coof));
    padding-bottom: calc(100vw * 80 / var(--full-width-coof));
}

.tarif-table-title {}

.tarif-table-code {
    font-weight: 600;
    font-size: calc(100vw * 48 / var(--full-width-coof));
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    padding: calc(100vw * 29 / var(--full-width-coof));
    background: var(--color-gray-1);
    margin-bottom: calc(100vw * 20 / var(--full-width-coof));
    border-radius: calc(100vw * 20 / var(--full-width-coof));
}

.tarif-table-faq {
    background: var(--color-gray-1);
    padding: calc(100vw * 80 / var(--full-width-coof));
    border-radius: calc(100vw * 30 / var(--full-width-coof));
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: calc(100vw * 30 / var(--full-width-coof));
}

@media (max-width: 768px) {
    .tarif-table-title {
        margin-bottom: calc(100vw * 40 / var(--full-width-coof));
    }

    .tarif-table {
        padding-top: calc(100vw * 80 / var(--full-width-coof));
        padding-bottom: calc(100vw * 20 / var(--full-width-coof));
    }

    .tarif-table-code {
        font-size: calc(100vw * 24 / var(--full-width-coof));
        word-wrap: break-word;
        word-break: break-all;
    }

    .tarif-table-code,
    .tarif-table-faq {
        padding-inline: calc(100vw * 20 / var(--full-width-coof));
    }

    .tarif-table-faq {
        box-sizing: border-box;
        grid-template-columns: 1fr;
        width: calc(100% + 5.55556vw + 5.55556vw);
        margin-inline: -5.55556vw;
        padding: calc(100vw * 45 / var(--full-width-coof)) calc(100vw * 20 / var(--full-width-coof));
    }

    .tarif-table-faq .faq-title {
        font-size: calc(100vw * 28 / var(--full-width-coof));
        font-weight: 600;
    }
}

.tarif-table-faq .faq-item {
    border-radius: calc(100vw * 14 / var(--full-width-coof));
    overflow: hidden;
    margin: 0;
}

.tarif-table-faq .faq-header {
    background: #fff;
    padding: calc(100vw * 20 / var(--full-width-coof));

}

.tarif-table-faq .faq-content {
    padding: 0 calc(100vw * 20 / var(--full-width-coof));
}

.tarif-table-faq .faq-item.active .faq-content {
    background: #fff;
    padding: 0 calc(100vw * 20 / var(--full-width-coof)) calc(100vw * 20 / var(--full-width-coof));
}

.tarif-table-faq .faq-icon {
    width: calc(100vw * 40 / var(--full-width-coof));
    height: calc(100vw * 40 / var(--full-width-coof));
    padding: calc(100vw * 12 / var(--full-width-coof));
    box-sizing: border-box;
}

.tarif-table-faq-col {
    display: grid;
    gap: calc(100vw * 20 / var(--full-width-coof));
}

.fancybox__viewport:has(.dialog) {
    cursor: default !important;
}

.fancybox__slide:has(.dialog) {
    transform: none !important;
}

.dialog {
    --f-html-padding: 0;
    max-width: 100%;
    display: none;
    border-radius: 30px;
    background: url("../img/dialog-lines.svg") no-repeat right top, #fff;
}

.dialog-content {
    box-sizing: border-box;
    max-width: 100%;
}

.info-dialog {

    width: 680px;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 80px 20px;
}


.info-dialog-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 40px;
}

.info-dialog-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.025em;
    margin-bottom: 16px;

}

.info-dialog-subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0;

}

.info-dialog-button {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-red);
    padding: 18px 30px;

    font-weight: 500;
    font-size: 16px;
    line-height: calc(20 / 16);
    letter-spacing: -0.01em;
    border-radius: 40px;
    color: #fff;

    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

.city-dialog {
    width: 872px;
    padding: 40px;
}

.city-dialog-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -0.025em;
    margin-bottom: 40px;
}

.city-dialog-item {
    display: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0;
    cursor: pointer;
}

.city-dialog-item.active {
    display: block;
}

/*.city-dialog-list:has(.city-dialog-item.active) .city-dialog-item:not(.active) {*/
/*    display: none;*/
/*}*/

.city-dialog-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 314px;
    overflow: auto;


}

.city-dialog-list::-webkit-scrollbar-button {
    display: none;
}

.city-dialog-list::-webkit-scrollbar {
    width: 2px;
    background: var(--color-gray-1);
    padding: 0;
    border-radius: 2px;
}

.city-dialog-list::-webkit-scrollbar-thumb {
    background: var(--color-red);
    border-radius: 2px;
}

.city-dialog-form {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.city-dialog-input {
    flex-grow: 1;
    background: url("../img/icon/search.svg") no-repeat 29px center, var(--color-gray-1);
    padding: 25px 64px;
    border-radius: 60px;
    border: none;
    outline: none;
    box-shadow: none;
}

.city-dialog-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 24px 16px;
    border-radius: 40px;
    background: var(--color-red);
    color: #fff;

    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;

    border: none;
    outline: none;
    box-shadow: none;

    cursor: pointer;
}

@media (max-width: 768px) {
    .dialog {
        background-image: none;
    }

    .city-dialog {
        padding: 40px 20px;
    }

    .city-dialog-form {
        flex-direction: column;
    }

    .city-dialog-input {
        padding-right: 12px;
    }
}


.benefit {}

.benefit-bg {
    background: var(--color-red);
    padding-block: calc(100vw * 160 / var(--full-width-coof));
    border-radius: calc(100vw * 60 / var(--full-width-coof));
    overflow: hidden;
    margin-top: 8.33333vw;
}

@media (max-width: 768px) {
    .benefit-bg {
        padding-block: calc(100vw * 72 / 360);
        border-radius: calc(100vw * 40 / 360);
        margin-top: 27.77778vw;
    }

}

.benefit-title {
    color: #fff;
}

.benefit-slider {
    overflow: visible;
}

@media (min-width: 768.1px) {
    .benefit-items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: calc(100vw * 20 / var(--full-width-coof));
    }

}

.benefit-item {
    padding: calc(100vw * 40 / var(--full-width-coof));
    background: #fff;
    border-radius: calc(100vw * 30 / var(--full-width-coof));

    display: flex;
    flex-direction: column;
    color: var(--color-black);
    text-decoration: none;
    transition: all 0.15s ease-in-out;
    box-sizing: border-box;
    height: auto;
}

@media (max-width: 768px) {
    .benefit-item {
        width: 100%;
        margin-right: calc(100vw * 10 / 360);
        padding: calc(100vw * 20 / 360) calc(100vw * 20 / 360) calc(100vw * 40 / 360);
        border-radius: calc(100vw * 20 / 360);
    }
}

.benefit-item-title {
    font-weight: 600;
    font-size: calc(100vw * 36 / var(--full-width-coof));
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: calc(100vw * 20 / var(--full-width-coof));
    min-height: 2lh;
}

@media (max-width: 768px) {
    .benefit-item-title {
        font-size: calc(100vw * 25 / 360);
        margin-bottom: calc(100vw * 20 / 360);
        min-height: 0;
    }
}

.benefit-item-description {
    font-weight: 500;
    font-size: calc(100vw * 24 / var(--full-width-coof));
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--color-gray-2);
    margin-bottom: calc(100vw * 66 / var(--full-width-coof));
}

@media (max-width: 768px) {
    .benefit-item-description {
        font-size: calc(100vw * 17 / 360);
        margin-bottom: calc(100vw * 32 / 360);
    }
}

.benefit-item-button {
    border: none;
    outline: none;
    font-weight: 500;
    font-size: calc(100vw * 24 / var(--full-width-coof));
    line-height: calc(100vw * 20 / var(--full-width-coof));
    letter-spacing: -0.01em;


    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vw * 72 / var(--full-width-coof));
    border-radius: calc(100vw * 72 / var(--full-width-coof));
    background: var(--color-black);
    color: #fff;
    margin-top: auto;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

@media (max-width: 768px) {
    .benefit-item-button {
        font-size: calc(100vw * 20 / 360);
        height: calc(100vw * 60 / 360);
    }
}

@media(hover) {
    .benefit-item:hover {
        transform: scale(1.025);
    }

    .benefit-item:hover .benefit-item-button {
        background-color: var(--color-red);
    }
}

.benefit-slider-sign {
    display: flex;
    align-items: center;
    gap: calc(100vw * 9 / 360);
    margin-top: calc(100vw * 40 / 360);

    font-weight: 500;
    font-size: calc(100vw * 14 / 360);
    line-height: calc(100vw * 20 / 360);
    letter-spacing: -0.01em;
    text-align: center;
    vertical-align: middle;
    color: #F9CDD0;
}

.benefit-slider-sign svg {
    width: calc(100vw * 24 / 360);
    height: calc(100vw * 8 / 360);
    display: block;

    animation: benefit-slider-sign 7s infinite;
}

@keyframes benefit-slider-sign {
    0% {
        transform: translateX(0);
    }

    5% {
        transform: translateX(calc(100vw * 12 / 360));
    }

    10% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(calc(100vw * 12 / 360));
    }

    20% {
        transform: translateX(0);
    }
}

@media (min-width: 768.1px) {
    .benefit-slider-sign {
        display: none;
    }

    #delivery-bonus .dev-bonus-block .bonus-block_title .bonus-block_title_url:hover {
        color: #141414;
    }

    #delivery-bonus .dev-bonus-block .bonus-block_subtitle .bonus-block_subtitle_url:hover {
        color: #E30613;
    }

    #delivery-bonus a.dev-bonus-row:hover {
        scale: 1.01;
    }

    .form-stay-courier-block {
        background: linear-gradient(90deg, transparent 0%, transparent 29%, var(--color-red) 30%, var(--color-red) 100%);
    }

    .post-image {
        object-position: center top;
    }

    .blog-posts-block-image {
        object-position: center top;
    }
}