:root {
    --f16: 4.1026vw;
    --f18: 4.6154vw;
    --f20: 5.1282vw;
    --f24: 6.1538vw;
    --f32: 8.2051vw;
    --f40: 10.2564vw;
    --f48: 12.3077vw;
    --f56: 14.359vw;
}

@media screen and (max-width: 600px) {
    body {
        font-size: var(--f24);
    }

    .wrapper {
        max-width: 100%;
        padding: 0 5.1282vw;
    }

    /* hero */
    .hero {
        margin: 0;
        background: url("../img/hero-mobile.png") no-repeat;
        background-size: contain;
        min-height: 88.2051vw;
        margin-bottom: 12.3077vw;
    }
    .hero.home {
        background: url("../img/hero-banner-mob.png") no-repeat;
        background-size: contain;
    }

    .hero-content {
        width: 89.7436vw;
        margin: 63.5897vw auto 0;
        text-align: center;

        h1 {
            font-weight: 700;
            font-size: var(--f56);
            line-height: 86%;
        }
        p {
            font-size: var(--f24);
            line-height: 117%;
        }
    }

    /* 	main-heading */
    .main-heading {
        h2 {
            font-weight: 700;
            font-size: var(--f48);
            line-height: 100%;
            text-align: center;
        }
        h2::after {
            width: 89.7436vw;
            height: 1.7949vw;
            background-size: 89.7436vw auto;
        }
    }

    .home-block.block-1 {
        min-height: 180.7692vw;
        padding: 29.2308vw 0 0;
        flex-direction: column;
        justify-content: flex-start;
        gap: var(--f20);
        background-image: url("../img/home-block-1-mobile.png");
        background-position: left 7.6923vw;
        background-size: 81.5385vw 173.0769vw;

        .left,
        .right {
            flex: 0 0 0;
            max-width: 76.9231vw;
        }
    }

    .home-block h2,
    .home-block h3 {
        font-weight: 700;
        font-size: var(--f32);
        line-height: 100%;
        text-align: justify;
    }

    .home-block p {
        font-weight: 500;
        font-size: var(--f16);
        line-height: 131%;
        text-align: justify;
    }

    .home-block.block-2 {
        margin: -7.6923vw 0 -10.2564vw;
        min-height: 178.2051vw;
        padding: 20.7692vw 0 0;
        background-image: url("../img/home-block-2-mobile.png");
        background-position: right top;
        background-size: 29.7436vw 178.2051vw;
        flex-direction: column;
        justify-content: flex-start;
        gap: var(--f20);

        .left,
        .right {
            flex: 0 0 0;
            max-width: 76.9231vw;
            margin-right: auto;
        }
    }

    .extra-image {
        display: none;
    }
    .homepage-extra {
        display: block;
        background-image: url("../img/home-block-3-mobile.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 148.4615vw;
        min-height: 148.4615vw;
        padding-top: 144.4615vw;
        margin-bottom: var(--f20);
    }

    .extra-text {
        max-width: 70vw;
        margin: 0 auto;
        font-weight: 500;
        font-size: var(--f24);
        line-height: 100%;
        text-align: center;
    }

    /* 	workshop card */
    .workshops-grid {
        margin: 7.6923vw 0 12.3077vw;
    }
    .workshop-card {
        position: relative;
        margin: 5.1282vw auto 0;
        padding: 0 0 15.8462vw;
        width: 89.7436vw;
        min-height: unset;
        flex-direction: column;
        gap: var(--f20);
        border-width: 6.4103vw;
        border-image: url("../img/workshop-card-bg-mob.png") 20 stretch;

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

        .right {
            gap: 2.5641vw;
        }

        .workshop-type {
            /* max-width: 55.8974vw; */
            font-weight: 700;
            font-size: var(--f18);
        }

        .workshop-title {
            font-weight: 700;
            font-size: var(--f24);
        }

        .pink-button {
            position: absolute;
            bottom: 3.2821vw;
            left: 0;
            width: 39.4872vw;
            height: 10.2564vw;
            font-weight: 700;
            font-size: var(--f18);
            gap: 1.7949vw;
        }

        .arrow-readmore {
            width: 4.1026vw;
        }

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

        .speaker {
            width: 36.9231vw;
            height: 36.9231vw;
            background-size: 25.641vw 25.641vw;
        }

        .speaker-photo {
            width: 23.641vw;
            height: 23.641vw;
        }
    }

    /* workshop page */
    .workshop-page {
        .left,
        .right {
            display: none;
            display: contents;
        }
        .container {
            display: flex;
            flex-direction: column;
            gap: var(--f32);
        }

        .container .back-to-workshops {
            order: 1;
        }
        .container .workshop-title {
            order: 2;
        }
        .container .workshop-info {
            order: 3;
        }
        .container .speakers {
            order: 4;
        }
        .container .workshop-description {
            order: 5;
        }

        .workshop-title {
            max-width: 56.1538vw;
            margin-top: -18.4615vw;
        }
        .back-to-workshops {
            width: 28.4615vw;
            height: 10.2564vw;
            font-weight: 700;
            font-size: var(--f18);
            gap: 1.7949vw;
        }

        .back-to-workshops::before {
            width: 4.1026vw;
            height: 2.5641vw;
        }
        .speaker {
            width: 100%;
        }

        .speaker-title {
            font-weight: 700;
            font-size: var(--f16);
            line-height: 150%;
        }

        .speaker-name {
            font-weight: 700;
            font-size: var(--f24);
            line-height: 117%;
        }

        .speaker-image {
            width: 17.9487vw;
            height: 17.9487vw;
        }

        .speaker-image img {
            width: 15.641vw;
            height: 15.641vw;
        }

        .speaker-info {
            align-items: center;
            gap: 5.1282vw;
            margin-bottom: var(--f20);
        }

        .speaker-text {
            font-weight: 500;
            font-size: var(--f16);
            line-height: 131%;
            text-align: justify;
        }
        .speaker-text-toggle {
            font-size: var(--f18);
            gap: 2.5641vw;
        }
        .speaker-text-toggle::before {
            width: 2.5641vw;
            height: 4.1026vw;
            background-size: 2.5641vw 4.1026vw;
        }
        .workshop-title {
            font-weight: 700;
            font-size: var(--f32);
            line-height: 100%;
        }

        .type-title,
        .level-title {
            font-size: var(--f20);
            line-height: 160%;
        }

        .type-text,
        .level-text {
            font-weight: 500;
            font-size: var(--f16);
            line-height: 131%;
            text-align: justify;
        }

        .workshop-info {
            margin: 7.6923vw 0;
            min-height: 71.7949vw;
            background: url("../img/workshop-single-decor-mob.png") no-repeat;
            background-position: top right;
            background-size: 31.7949vw 71.7949vw;
            padding-right: 37.1795vw;
            gap: var(--f20);
        }
        .level,
        .type {
            flex-direction: column;
        }

        .workshop-description {
            font-size: var(--f16);
            h2 {
                font-size: var(--f32);
                line-height: 125%;
            }
            h3 {
                font-size: var(--f20);
                line-height: 120%;
            }
            ul li {
                margin-right: 0;
            }
            ul {
                list-style-position: inside;
            }
        }
    }
    /* hotels page */
    .hotels-page {
        .hotel-card {
            padding: var(--f20);
            background-image: url("../img/hotel-border-mob.svg");
            width: 89.7436vw;
            min-height: 156.4103vw;
        }
        .hotel-card--1 {
            margin-bottom: 5.1282vw;
        }

        .hotel-card--1::before {
            width: 30.7692vw;
            height: 26.6667vw;
            background-size: 100% auto;
            top: -22.3958vw;
        }

        .hotel-card--2 {
            margin-bottom: 29.5641vw;
        }
        .hotel-card--2::before {
            width: 25.0769vw;
            height: 32.5641vw;
            background-size: 100% auto;
            bottom: -31.3021vw;
        }

        .hotel-card__inner {
            flex-direction: column-reverse;
            gap: 7.6923vw;
        }

        .hotel-card__gallery-container {
            max-width: 79.4872vw;
        }

        .hotel-card__gallery {
            height: 59.7436vw;
            border-radius: 6.1538vw;
        }

        .hotel-card__dots {
            margin-top: 6.4103vw;
            gap: 5.1282vw;
        }
        .hotel-card__dot {
            width: 3.5897vw;
            height: 3.5897vw;
        }

        .hotel-card__dot::after {
            width: 6.6667vw;
            height: 2.0513vw;
            background-size: 100% auto;
        }

        .hotel-card__head {
            margin-bottom: 7.6923vw;
        }

        .hotel-card__title {
            font-size: var(--f24);
            margin-bottom: var(--f20);
        }

        .hotel-card--1 .hotel-card__badge,
        .hotel-card--2 .hotel-card__badge {
            width: 55.1282vw;
            min-height: 8.2051vw;
            font-size: var(--f18);
            /* 			background-image: url('../img/hotel-card-bage-mob.png'); */
            background: url(../img/hotel-card-bage-mob.png) no-repeat;
            background-position: center center;
            background-size: 100% auto;
        }

        .hotel-card__logo {
            width: 29.4872vw;
            height: 12.3077vw;
        }

        .hotel-card__desc {
            font-size: var(--f16);
            line-height: 131%;
        }

        .hotel-card__body {
            min-height: 39.6667vw;
            justify-content: space-between;
        }

        .hotel-card__cta {
            width: 28.2051vw;
            min-height: 10.2564vw;
        }

        .hotel-card__cta a {
            font-size: var(--f18);
            gap: 1.7949vw;
            width: auto;
            height: auto;
            align-self: center;
        }

        .hotel-card__cta::before {
            width: 4.1026vw;
            height: 2.5641vw;
        }

        .hotel-info {
            background: url("../img/attention-bg-mob.png") no-repeat;
            background-size: 100% auto;
            padding: 5.1282vw;
            width: 100%;
            min-height: 104.6154vw;
            margin-bottom: 26.9231vw;
        }

        .hotel-info::before {
            width: 30.7692vw;
            height: 26.9231vw;
            background-size: 100% auto;
            bottom: -26.5521vw;
        }

        .hotel-info__title {
            font-size: var(--f24);
            margin-bottom: var(--f20);
        }
        .hotel-info__subtitle {
            font-size: var(--f20);
            margin-bottom: 2.5641vw;
        }
        .hotel-info__list {
            font-size: var(--f16);
            margin-bottom: 6.5vw;

            li {
                line-height: 1.7;
            }
        }
        .hotel-info__footer {
            font-size: var(--f24);
            max-width: 100%;
        }

        .hotel-spiderweb {
            padding-top: 10.2564vw;

            .hotel-spiderweb__title {
                font-size: var(--f32);
                margin-bottom: -15.3846vw;
            }
            .hotel-spiderweb__title::after {
                width: 13.5897vw;
                background-size: 100% auto;
            }
            .hotel-spiderweb__grid {
                display: flex;
                flex-direction: column;
                gap: 10.7692vw;
                background: url(../img/hotel-spiderweb-mob.png) no-repeat;
                background-size: 100% auto;
                background-position: center 5.1282vw;
                min-height: 129.4872vw;
                margin: 5.1282vw 0 12.3077vw;
            }

            .hotel-spiderweb__item {
                font-size: var(--f16);
                width: 71.7949vw;
                margin: 0 auto;
            }
            .hotel-spiderweb__item--pos-1 {
                width: 66.1538vw;
                min-height: 10.7692vw;
            }
            .hotel-spiderweb__item--pos-1 {
                order: 1;
            }
            .hotel-spiderweb__item--pos-2 {
                order: 1;
            }
            .hotel-spiderweb__item--pos-3 {
                order: 3;
                min-height: 16.1538vw;
            }
            .hotel-spiderweb__item--pos-4 {
                order: 4;
            }
            .hotel-spiderweb__item--pos-5 {
                order: 2;
            }
            .hotel-spiderweb__item--pos-6 {
                order: 3;
            }
        }
    }

    /* registration page */
    .registration-page {
        .registration-top {
            padding-top: 21.5385vw;
            background: url("../img/registration-blue-box-decor-mob.png")
                no-repeat;
            background-size: 28.2051vw auto;
            min-height: 68.2821vw;
        }

        .info-left {
            flex-direction: column-reverse;
            gap: 5.1282vw;
            max-width: 76.9231vw;
        }

        .info-right {
            font-size: var(--f32);
        }

        .info-text {
            font-size: var(--f16);
            line-height: 131%;
            text-align: justify;
            max-width: unset;
        }

        .colored-block {
            padding: 7.6923vw 5.1282vw 5.1282vw 7.6923vw;
        }

        .colored-block--blue {
            background: url("../img/registration-blue-box-mob.png") no-repeat;
            background-size: 100% auto;
            background-position: center center;
            min-height: 143.8462vw;
            .colored-block__text {
                margin-bottom: 24.625vw;
                height: auto;
            }
        }
        .colored-block--green {
            padding-top: 35.8974vw;
            background: url("../img/registration-green-box-mob.png") no-repeat,
                url("../img/registration-green-decor-mob.png") no-repeat;
            background-size: 100% auto, 23.0769vw 28.2051vw;
            background-position: center bottom, left top;
            min-height: 169.2308vw;
            .colored-block__text {
                margin-bottom: 12.625vw;
            }
        }
        .colored-block--red {
            padding-top: 35.8974vw;
            background: url("../img/registration-orange-box-mob.png") no-repeat,
                url("../img/registration-orange-decor-mob.png") no-repeat;
            background-size: 100% auto, 23.0769vw 28.2051vw;
            background-position: center bottom, left top;
            min-height: 168.7179vw;
            .colored-block__text {
                margin-bottom: 14.625vw;
                h3 {
                    margin: 5.1282vw 0 2.5641vw;
                    font-size: var(--f20);
                    line-height: 105%;
                    text-align: justify;
                }

                ol,
                ul {
                    margin-bottom: var(--f20);
                }
            }
        }

        .colored-block__title {
            font-size: var(--f24);
            margin-bottom: var(--f20);
            line-height: 100%;
            text-align: justify;
        }
        .colored-block__text {
            font-size: var(--f16);
            line-height: 131%;
            text-align: justify;
        }
        .colored-block__footer {
            font-size: var(--f20);
            line-height: 100%;
            text-align: justify;
        }
        .colored-block-links {
            margin: var(--f20) 0;
            gap: var(--f20);
            flex-direction: column;

            br {
                display: none;
            }

            a {
                min-height: 7.4359vw;
                gap: 2.5641vw;
                max-width: 62.9487vw;
                font-size: var(--f18);
                line-height: 133%;
                text-align: justify;
            }
            a::before {
                width: 7.4359vw;
                height: 7.4359vw;
                background-size: 100% auto;
            }
            a::after {
                width: 47.9487vw;
                min-height: 1.2821vw;
                bottom: -0.4792vw;
                left: 3.0769vw;
                background-size: 47.9487vw auto;
            }
        }
    }

    /* spiderweb block */
    .spiderweb-block {
        padding-top: 36.9231vw;
        background-size: 30.7692vw auto;
        background-position: 61% top;

        .spiderweb-block__title {
            font-size: var(--f32);
        }
        .spiderweb-block__title::after {
            width: 13.3333vw;
            height: 1.7949vw;
            background-size: 13.3333vw auto;
            background-image: url("../img/registration-spiderweb-title-arc-mob.png");
            margin-top: unset;
        }

        .spiderweb-block__list {
            margin-top: 5.1282vw;
            display: flex;
            flex-direction: column;
            gap: 10.7692vw;
            background: url("../img/registration-spiderweb-mob.png") no-repeat;
            background-size: 100% auto;
            background-position: center 5.1282vw;
        }
        .spiderweb-block__item {
            font-size: var(--f16);
            line-height: 131%;
            width: 71.7949vw;
            margin: 0 auto;
        }
        .spiderweb-block__item:nth-child(1) {
            width: 66.1538vw;
        }
        .spiderweb-block__item:nth-child(5) {
            margin-top: 1.2821vw;
        }
        .spiderweb-block-email {
            font-size: var(--f18);
            margin-top: 3vw;
        }
    }

    /* 	committee page */
    .page-id-1530 .hero-content {
        max-width: 56.4103vw;
    }
    .committee-page {
        .team-top,
        .committee-top {
            min-height: 83.0769vw;
            background: url("../img/committee-top-decor-mob.png") no-repeat;
            background-size: 28.2051vw 83.0769vw;
            background-position: left top;
            padding-top: 21.7949vw;
        }
        .info-block {
            flex-direction: column;
            gap: var(--f20);
            max-width: 76.9231vw;
        }
        .info-text,
        .info-title {
            font-weight: 500;
            font-size: var(--f16);
            line-height: 131%;
            text-align: justify;
            max-width: unset;
        }

        .committee-grid {
            margin: 10.2564vw 0;
            display: flex;
            gap: var(--f20);
            flex-wrap: wrap;
        }

        .committee-card {
            width: 42.3077vw;
            min-height: 49.4872vw;
            padding: 5.1282vw;
            border-radius: 6.1538vw;
            background: url("../img/committee-card-border-mob.png") no-repeat;
            background-size: 100% auto;
        }
        .committee-card__photo {
            width: 21.7949vw;
            height: 21.7949vw;
            margin-bottom: 5.1282vw;
        }
        .committee-card__photo img {
            width: 19.2308vw;
            height: 19.2308vw;
        }
        .committee-card__name {
            font-size: var(--f24);
            line-height: 133%;
        }
        .committee-card__role {
            font-size: var(--f16);
            line-height: 131%;
        }
    }
    /* team page */
    .team-page {
        .team-top {
            background-image: url("../img/team-top-decor-mob.png");
        }

        .team-grid {
            margin: 10.2564vw 0 5.1282vw;
            display: flex;
            flex-direction: column;
            gap: var(--f20);
        }
        .team-card {
            background: url("../img/team-card-border-mob1.png") no-repeat;
            background-size: 100% auto;
            width: 100%;
            min-height: 60vw;
            padding: var(--f20);
            gap: var(--f16);
        }
        .team-card__photo {
            width: 21.7949vw;
            height: 21.7949vw;
        }
        .team-card__photo img {
            width: 19.2308vw;
            height: 19.2308vw;
        }

        .team-card__body {
            max-width: 54.8718vw;
        }
        .team-card__name {
            font-size: var(--f24);
            line-height: 133%;
        }
        .team-card__role {
            font-size: var(--f20);
            line-height: 120%;
        }
        .team-card__bio {
            font-size: var(--f16);
            line-height: 131%;
        }
    }
    /* programm page */
    .page-id-1202 {
        .hero-content {
            width: 62.0513vw;
        }
    }
    .programm-page {
        .program-table-container {
            background: none;
            padding: 0;
            margin: 0;
        }
        .program-downloads {
            margin: 7.6923vw auto var(--f20);
            flex-direction: column;
            gap: var(--f20);
            width: 100%;
        }
        .program-downloads .pink-button {
            margin: 0 auto;
            width: 70vw;
            min-height: 12.3077vw;
            border-radius: 6.1538vw;
            font-size: var(--f20);
            padding: 2.5641vw var(--f20);
        }
        .main-heading {
            margin-top: -4.359vw;
            min-height: 42.3077vw;
            padding-top: 32.0513vw;
            background-size: 25.1282vw auto;
            background-image: url("../img/programm-title-decor-mob.png");
            background-position: 44% top;

            h2 {
                font-size: var(--f32);
                line-height: 125%;
            }
            h2::after {
                content: "";
                background-image: url("../img/programm-title-arc-mob.png");
                width: 33.8462vw;
                height: 1.0256vw;
            }
        }
    }

    /* 	tables */
    .program-table-outer {
        margin-top: var(--f20);
        /* background: url("../img/programm-table-border-mob.svg") no-repeat; */
        background-size: 100% auto;
        background-position: center bottom;
        min-height: 124.1026vw;
        padding-bottom: var(--f20);
        border-left: 1.0256vw solid transparent;
        border-right: 1.0256vw solid transparent;
        background-origin: border-box;
        border: 10px solid transparent;
        border-image: url(../img/programm-table-border-mob.svg) 10 stretch;
    }

    .program-table-container {
        overflow-x: auto;
    }
    .program-table-container::-webkit-scrollbar-thumb {
        background-image: url("../img/table-scrollbar.svg");
        background-size: 15.3846vw auto;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 7px;
        width: 15.3846vw;
        border: none;
    }
    .program-table-container::-webkit-scrollbar-track {
        background-image: url("../img/table-scrollbar-bg.svg");
        background-size: 76.9231vw 2.5641vw;
        background-repeat: no-repeat;
        background-position: center center;
        width: 79.7436vw;
        height: 2.5641vw;
        margin: 0 auto;
        padding: 0;
    }
    .program-table-container::-webkit-scrollbar {
        height: 2.5613vw;
    }
    .program-table {
        margin: 0;
        background: none;
        padding: 5.1282vw 7.6923vw 0;
        border-image: none;
        border: none;
    }

    .program-cell {
        padding: 2.5641vw;
        font-size: var(--f20);
        line-height: 120%;
        white-space: nowrap;
    }
    .program-location {
        white-space: nowrap;
        font-size: var(--f20);
        line-height: 120%;
    }
    .program-header .program-cell {
        font-size: var(--f20);
        line-height: 120%;
    }

    .page-id-1202 .program-cell {
        min-width: 42.3077vw;
    }
    /* transfers page */
    .transfers-page {
        .mix-wys-1 {
            min-height: 133.5897vw;
            padding-top: 21.5385vw;
            background: url("../img/transfer-top-decor-mob.png") no-repeat;
            background-size: 61.5385vw auto;
        }
        .mix-table-2 {
            .mix-table__title {
                margin-top: 0;
            }
        }
        .mix-wys__inner {
            flex-direction: column;
            gap: var(--f20);
            width: 76.9231vw;
            margin: 0;

            .right {
                font-size: var(--f32);
                line-height: 100%;
                width: 100%;
                .mix-wys__subtitle {
                    font-size: var(--f16);
                    line-height: 131%;
                    text-align: justify;
                    max-width: 100%;
                }
            }
            .left {
                font-size: var(--f16);
                line-height: 131%;
                text-align: justify;
                width: 100%;
            }
            .mix-wys__content {
                font-size: var(--f16);
                line-height: 131%;
                text-align: justify;
                width: 100%;
            }
        }
        .mix-wys-1::after {
            display: none;
        }
        .program-table {
            background: none;
        }
        .program-table.transfer-table.small {
            background: none;
        }
        .program-table-outer {
            border-image: url("../img/transfer-table-border-mob.png") 10;
            background-size: 100% auto;
            background-origin: border-box;
            min-height: 70.5128vw;
        }
        .mix-table-8 {
            .program-table-outer {
                border-image: url("../img/transfer-table-small-border-mob.png")
                    10;
                background-size: 100% auto;
                background-origin: border-box;
                min-height: 59.5128vw;
                .program-table {
                    padding-bottom: var(--f20);
                }
            }
        }
        .mix-table-4 {
            .program-table {
                padding-bottom: var(--f20);
            }
        }
        .mix-table__lead,
        .mix-table__title {
            font-size: var(--f32);
            line-height: 125%;
        }
        .mix-table__title {
            margin-top: 10.2564vw;
        }

        .mix-wys-5 {
            min-height: 139.7436vw;
            padding-top: 37.9487vw;
            background: url("../img/transfer-first-decor-mob.png") no-repeat;
            background-size: 44.8718vw auto;
            .mix-wys__content ul {
                padding-right: 3.69vw;
                li {
                    margin-bottom: var(--f16);
                }
            }
        }
        .mix-wys-6 {
            .mix-wys__inner {
                padding-top: var(--f16);
                width: 100%;
            }
        }
        .mix-wys-9 {
            min-height: 113.0769vw;
            padding-top: 37.6923vw;
            background: url("../img/transfer-second-decor-mob.png") no-repeat;
            background-size: 44.8718vw auto;
        }

        .mix-wys-10 {
            margin-bottom: var(--f20);
            .mix-wys__content {
                p {
                    font-size: var(--f32);
                }
            }
        }
    }

    /* rates page */
    .rates-page {
        .rates-icon {
            width: 28.7692vw;
            margin-right: 35.3846vw;
            padding: 0;
        }
        .wrapper {
            margin-top: -5.1282vw;
        }
        .rates-table {
            margin-top: 4.1026vw;
        }

        .wrapper section.rates-table:nth-of-type(2) .program-table-outer {
            border-image: url("../img/transfer-table-border-mob.png") 10;
            /* background-size: 100% 100%; */
            background-origin: border-box;
            min-height: 72vw;
        }
        .wrapper section.rates-table:nth-of-type(3) .program-table-outer {
            border-image: url("../img/price-table-small-border-mob.png") 10;
            /* background-size: 100% 100%; */
            background-origin: border-box;
            min-height: 60vw;
        }
        .rates-table__title {
            font-weight: 700;
            font-size: var(--f32);
            line-height: 125%;
        }

        .program-table.rtbl-2 {
            background: none;
            padding-bottom: 13.2564vw;
        }
        .program-table.rtbl-1 {
            background: none;
            padding-bottom: 3.2564vw;
            .rtbl__cell {
                min-width: 23.0769vw;
            }

            .rtbl__row--groups {
                position: relative;
                height: 10.7692vw;
                .rtbl__cell--group:nth-of-type(2) {
                    position: absolute;
                    right: 27%;
                }
                .rtbl__cell--group:nth-of-type(4) {
                    position: absolute;
                    right: 51%;
                }
                .rtbl__cell--group:nth-of-type(6) {
                    position: absolute;
                    right: 76%;
                }
            }
        }
    }

    /* workshop cards step 2 */
    .workshop-card.step-2 {
        padding-bottom: 17.8462vw;
        .workshop-select-data {
            position: absolute;
            bottom: 1.2821vw;
            margin: 0;
            max-width: unset;
            gap: 2.5641vw;
            margin-right: -5.8974vw;
        }

        .workshop-select-button {
            width: 16.5385vw;
            height: 14.2564vw;
            border-radius: 5.1282vw 0 1.5385vw 5.1282vw;
        }

        .workshop-select-number {
            width: 17.9487vw;
            height: 10.2564vw;
            font-size: 5.1282vw;
            padding-right: 4.6154vw;
        }
    }
    .workshop-card.step-2.active {
        border-image: url(../img/workshop-card-border-green.png) 20 stretch;
    }

    /* workshop cards step 3 */
    .workshop-card.step-3 {
        padding-bottom: 0;
        .workshop-select-data {
            max-width: unset;
            gap: 2.5641vw;
            .workshop-select-text {
                font-size: 5.1282vw;
            }

            .workshop-select-number {
                width: 17.9487vw;
                height: 10.2564vw;
                font-size: 5.1282vw;
                padding-right: 4.6154vw;
            }
        }
    }

    /* register */
    .register {
        .register-decor {
            width: 46.1538vw;
            min-height: 25.641vw;
            margin-right: 12%;
        }
        .register-title {
            font-weight: 700;
            font-size: 8.2051vw;
            line-height: 125%;
            margin-bottom: 5.1282vw;
        }
        .register-title::after {
            bottom: -1.5385vw;
            height: 2.5641vw;
        }
        .register-text {
            font-size: 6.1538vw;
            margin-bottom: 5.1282vw;
        }

        .register-form {
            background-size: cover;
            border-radius: 6.1538vw;
            min-height: max-content;
            flex-direction: column;
            padding: 5.1282vw;
            gap: 5.1282vw;

            label {
                font-size: 5.1282vw;
            }

            input {
                border-width: 1.7949vw;
                height: 12.3077vw;
                width: 79.4872vw;
                margin-right: 0;
                font-size: 5.1282vw;
                padding: 2.5641vw;
                border-image-slice: 8;
            }
            input.error {
                border-image-slice: 7;
            }

            .register-button {
                width: 58.9744vw;
                height: 12.3077vw;
                font-size: 5.1282vw;
            }
        }
        .error-message {
            min-height: 12.3077vw;
            margin-top: 5.1282vw;
            padding-right: 16.4103vw;
            background-size: 12.3077vw 12.3077vw;
            font-size: 5.1282vw;
        }
    }
    /* logged in */
    .logged-in {
        .register-form {
            .log-out {
                width: 28.2051vw;
                height: 12.3077vw;
                margin-right: unset;
            }
        }

        .proff-status {
            gap: 5.1282vw;
        }

        .select {
            flex-direction: column;
        }

        .select-status {
            width: 71.7949vw;
            height: 8.9744vw;
            border-width: 1.7949vw;
            font-size: 5.1282vw;
            border-image-slice: 14;
        }
        .select-status:focus {
            border-image-slice: 14;
        }
    }

    /* workshops steps nav */
    .workshops.navigation {
        .nav-message {
            font-size: 8.2051vw;
        }
        .nav-btn {
            min-width: 38.4615vw;
            height: 12.3077vw;
            font-size: 5.1282vw;
            gap: 4.1026vw;
        }

        .nav-btn::before {
            width: 4.1026vw;
            height: 2.5641vw;
        }
    }

    /* footer */
    .footer {
        .footer__container {
            position: relative;
            min-height: 137.4359vw;
            margin: 0;
            border-radius: 0;
            background: url("../img/footer-bg-mobile.png") no-repeat;
            background-size: 100% 100%;
            padding: 7.6923vw 10.2564vw;
            flex-direction: column-reverse;
            justify-content: flex-end;
            gap: 7.6923vw;
        }

        .footer-logo {
            max-width: 79.4872vw;
            margin-bottom: var(--f18);
        }

        .footer-rights {
            font-size: 3.5897vw;
            max-width: 51.5385vw;
            margin: -9.2308vw auto 0 0;
        }

        .footer-menu-1,
        .footer-menu-2 {
            font-size: var(--f18);
            gap: 1.7949vw;
        }

        .footer-menu-2 li:first-child,
        .footer-menu-1 li:first-child {
            font-size: var(--f20);
            margin-bottom: 2.5641vw;
        }

        .footer-email-title,
        .footer-company-title {
            font-weight: 700;
            font-size: var(--f20);
            margin-bottom: 2.5641vw;
        }

        .footer-email-link {
            font-family: "DIN Condensed";
            font-size: 3.5897vw;
        }

        .footer-company {
            max-width: 25.641vw;
            position: absolute;
            bottom: 7.6923vw;
            left: 10.2564vw;
        }
        .copyrights {
            padding: var(--f20) 0;
            font-size: 3.5897vw;
            font-family: "DIN Condensed";
        }
    }
}