* {
        padding: 0px;
        margin: 0px;
        border: 0;
    }

    *,
    *:befor,
    *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    :focus,
    :active {
        outline: none;
    }

    a:focus,
    a:active {
        outline: none;
    }

    nav,
    main-footer,
    header,
    aside {
        display: block;
    }

    html,
    body {
        height: 100%;
        width: 100%;
        -ms-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    input,
    button,
    textarea {
        font-family: inherit;
    }

    input::-ms-clear {
        display: none;
    }

    button {
        cursor: pointer;
    }

    button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    a,
    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    ul li {
        list-style: none;
    }

    img {
        vertical-align: top;
    }

    .b-public_content__publications h1,
    .b-public_content__publications h2,
    .b-public_content__publications h3 {
        margin: 0;
        font-size: auto;
    }

    img {
        vertical-align: none;
        max-width: none;
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'PT Sans';
        color: #333333;
    }

    a.a-link {
        cursor: pointer;
        text-decoration: none;
        color: #47b8f0;
        background-color: transparent;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    a.a-link:hover {
        text-decoration: none;
        outline: 0;
        color: #c00;
    }

    .registration__item.registration__item .button__text {
        color: #fff;
    }

    .b-public_content__publications ul,
    .b-public_content__publications ol {
        margin: 0;
    }

    .b-public__inner {
        max-width: none !important;
    }

    .b-public__section {
        padding: 0 !important;
    }

    .b-public__titles_wrapper {
        display: none !important;
    }

    .b-public_content {
        margin: 0 !important;
    }

    .b-public_content__publications p {
        margin: 0;
    }

    .page {
        overflow-x: hidden;
        min-height: 100vh;
    }

    .container {
        max-width: 1170px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .header {
        background: var(--primary-white, #FFF);
        -webkit-box-shadow: 0px 4px 30px 0px rgba(183, 189, 199, 0.1), 0px 4px 4px 0px rgba(183, 189, 199, 0.25), 0px 2px 2px 0px rgba(183, 189, 199, 0.25);
        box-shadow: 0px 4px 30px 0px rgba(183, 189, 199, 0.1), 0px 4px 4px 0px rgba(183, 189, 199, 0.25), 0px 2px 2px 0px rgba(183, 189, 199, 0.25);
        height: 54px;
    }

    .header--active+.fon-dark {
        opacity: 1;
        z-index: 100;
    }

    .header .container {
        height: 100%;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
    }

    @media (max-width: 1200px) {
          .header .container {
               gap: 20px;
          }
    }

    .header__logo {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1;
        flex: 1 1 1;
    }

    .header__open-btn {
        display: none;
        position: absolute;
        right: 20px;
    }

    .header__content {
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .header--active .header__content {
        -webkit-transform: translate(15px, 0);
        -ms-transform: translate(15px, 0);
        transform: translate(15px, 0);
        z-index: 101;
    }

    .header__close-btn {
        display: none;
        margin-bottom: 30px;
        margin-right: 5px;
    }

    .header__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
    }

    @media (max-width: 1200px) {
          .header__nav {
               gap: 10px;
          }
    }

    .header__nav-item {
        color: var(--primary-black, #333);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        cursor: pointer;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .header__nav-item:hover {
        color: #02b9f7;
    }

    .header__btns-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
    }

    .header__btns-wrapper .green-btn {
        height: 40px;
    }

    .fon-dark {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.4s;
        transition: 0.4s;
        opacity: 0;
    }

    .green-btn {
        height: 50px;
        border-radius: 4px;
        background: var(--primary-green, #02C166);
        color: var(--primary-white, #FFF);
        text-align: center;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        padding: 12px 16px;
        cursor: pointer;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .green-btn:hover {
        -webkit-box-shadow: 0px 3px 12px rgba(47, 211, 108, 0.5);
        box-shadow: 0px 3px 12px rgba(47, 211, 108, 0.5);
    }

    .green-btn--revers {
        color: var(--primary-green, #02C166);
        background: #fff;
        padding: 10px 14px;
        border: 2px solid var(--primary-green, #02C166);
    }

    .green-btn--revers:hover {
        background: #02C166;
        color: #fff;
        -webkit-box-shadow: 0px 3px 12px rgba(47, 211, 108, 0.5);
        box-shadow: 0px 3px 12px rgba(47, 211, 108, 0.5);
    }

    .content {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        gap: 30px !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        margin-top: 10px !important;
    }

    .content__title {
        font-style: normal;
        font-weight: 700;
        font-size: 44px;
        line-height: 100%;
        color: #333333;
    }

    .content__wrapper-fl {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .about-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        border-radius: 16px;
        border: 1px solid var(--gray-5, #EBEBEB);
        background: var(--primary-white, #FFF);
        padding: 24px;
        min-width: 250px;
    }

    .about-item__image {
        margin-bottom: 16px;
        width: 60px;
    }

    .about-item__title {
        color: var(--primary-black, #333);
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .about-item__text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #333333;
        display: inline;
    }

    .step {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        border-radius: 16px;
        border: 1px solid var(--gray-5, #EBEBEB);
        background: var(--primary-white, #FFF);
        padding: 24px;
        min-width: 250px;
    }

    p.step__num {
        border-radius: 80px;
        background: var(--gray-6, #F3F3F3);
        padding: 10px 16px;
        color: var(--primary-black, #333);
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 16px;
        display: inline-block;
    }

    .step__text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #333333;
        display: inline;
        display: block;
    }

    .what-to-do {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .what-to-do:first-child .what-to-do-item {
        background: var(--light-blue-5, #F2FAFF);
    }

    .what-to-do:first-child .what-to-do-item:nth-child(2) {
        background: var(--light-blue-4, #D5EEFE);
    }

    .what-to-do:last-child {
        margin-bottom: 30px;
    }

    .what-to-do:last-child .what-to-do-item {
        background: var(--green-4, #BAEFC3);
    }

    .what-to-do:last-child .what-to-do-item:nth-child(2) {
        background: var(--green-5, #DDF7E1);
    }

    .what-to-do-item {
        padding: 24px 24px 50px;
        border-radius: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: center;
        gap: 16px;
        margin-bottom: -30px;
    }

    .what-to-do-item:last-child {
        padding-bottom: 24px;
    }

    .what-to-do-item__image {
        width: 41px;
        height: 41px;
    }

    .what-to-do-item__text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #333333;
        display: inline;
    }

    .swiper {
        overflow-x: hidden;
        position: relative;
        padding-top: 3px;
    }

    .swiper__btns-wrapper {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 0px;
        right: 0px;
    }

    .swiper__btns-wrapper svg {
        cursor: pointer;
    }

    .swiper__btns-wrapper svg rect,
    .swiper__btns-wrapper svg path {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .swiper__btns-wrapper svg:hover rect,
    .swiper__btns-wrapper svg:active rect {
        fill: var(--primary-blue, #049FFF);
    }

    .swiper__btns-wrapper svg:hover path,
    .swiper__btns-wrapper svg:active path {
        fill: #fff;
    }

    .swiper-wrapper {
        width: 100%;
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .swiper-slide {
        height: auto !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px;
        padding: 24px;
        border-radius: 16px;
        background: var(--light-blue-4, #D5EEFE);
    }

    .swiper-slide:nth-child(2n + 2) {
        background: #DDF7E1;
    }

    .swiper-slide__image {
        width: 80px;
        height: 80px;
    }

    .swiper-slide__content-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        margin-bottom: 10px;
    }

    .swiper-slide__image-min {
        display: none;
        width: 60px;
        height: 60px;
    }

    .swiper-slide__name {
        color: var(--primary-black, #333);
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .swiper-slide__text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #333333;
        display: inline;
    }

    .format {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        border-radius: 16px;
        background: var(--light-blue-4, #D5EEFE);
        padding: 40px;
        max-width: 550px;
        min-width: 350px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .format:last-child {
        background: #DDF7E1;
    }

    .format__title {
        color: var(--primary-black, #333);
        font-family: Roboto;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        padding-bottom: 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1;
        flex: 1 1 1;
    }

    .format__content {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
    }

    .format__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
    }

    .format__img {
        width: 34px;
        height: 34px;
    }

    .format__text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #333333;
        display: inline;
    }

    .format__btn {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1;
        flex: 1 1 1;
        padding-left: 50px;
        padding-top: 30px;
    }

    .part-time-job {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        padding: 40px;
        border-radius: 16px;
        background: var(--light-blue-4, #D5EEFE);
        position: relative;
    }

    .part-time-job:last-child {
        background: #DDF7E1;
    }

    .part-time-job .green-btn {
        position: relative;
        z-index: 1;
        display: block;
    }

    .part-time-job__img {
        position: absolute;
        right: 40px;
        bottom: 0;
    }

    .part-time-job__img-min {
        height: 0;
        opacity: 0;
        padding: 40px 0;
        width: 140px;
    }

    .part-time-job__title {
        position: relative;
        z-index: 1;
        color: var(--primary-black, #333);
        font-family: Roboto;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        padding-bottom: 16px;
    }

    .part-time-job__list {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .part-time-job__list-item {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #333333;
        display: inline;
    }

    .part-time-job__text-points {
        position: relative;
        z-index: 1;
        margin-top: 24px;
        width: 100%;
        max-width: 365px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
    }

    .part-time-job__text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #333333;
        display: inline;
        border-radius: 30px;
        padding: 10px;
    }

    .main-footer {
        width: 100%;
        padding: 40px 0px 6px;
        border-top: 1px solid #DADADA;
        margin-top: 80px;
    }

    .main-footer__main-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px 30px;
        width: 100%;
        border-bottom: 1px solid #DADADA;
        margin-bottom: 30px;
        padding-bottom: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main-footer__main-links-item {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #333333;
        display: inline;
        cursor: pointer;
        white-space: nowrap;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .main-footer__main-links-item:hover {
        color: #47b8f0;
    }

    .main-footer__min-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px 12px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 26px;
        width: 100%;
    }

    .main-footer__min-links-item {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        cursor: pointer;
        color: #979797;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .main-footer__min-links-item:hover {
        color: #333;
    }

    .main-footer__main-content {
        padding: 30px 0;
        border-top: 1px solid #DADADA;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .main-footer__main-info-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .main-footer__main-text {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #333333;
    }

    .main-footer__media-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
    }

    .main-footer__media-link {
        width: 46px;
        height: 46px;
        background: #333333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 100px;
        cursor: pointer;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .main-footer__media-link:hover {
        background: #0CA9EF;
    }

    .main-footer__credits {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        text-align: left;
        letter-spacing: 0.02em;
        color: #979797;
    }

    .main-footer__credits .main-footer__min-links-item {
        text-decoration: underline;
    }

    @media (min-width: 460px) {
        .main-footer__credits {
            text-align: center;
        }
    }

    @media (max-width: 1170px) {
        .content {
            margin-top: 60px !important;
        }

        .content:first-child {
            margin-top: 20px !important;
        }

        .content__wrapper-fl {
            gap: 16px;
        }

        .about-item {
            min-width: 350px;
            padding: 16px;
        }

        .step {
            min-width: 350px;
            padding: 16px;
        }

        .swiper-slide__image {
            display: none;
        }

        .swiper-slide__content-header {
            margin-bottom: 16px;
        }

        .swiper-slide__image-min {
            display: block;
        }

        .format {
            padding: 24px;
        }

        .format__title {
            padding-bottom: 16px;
            font-size: 24px;
        }

        .part-time-job {
            padding: 24px;
        }

        .part-time-job__img {
            display: none;
        }

        .part-time-job__img-min {
            padding: 16px 0 0;
            height: auto;
            opacity: 1;
        }

        .part-time-job__title {
            font-size: 24px;
            padding-bottom: 10px;
        }

        .part-time-job__text {
            font-size: 14px;
        }

        .main-footer {
            padding-top: 60px;
        }
    }

    @media (max-width: 1024px) {
        .header .container {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .header__content {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }
    }

    @media screen and (max-width: 1023px) {
        .container {
            padding: 0 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .container {
            padding: 0 14px;
        }

        .content__title {
            text-align: center;
            font-size: 32px;
        }

        .about-item__text {
            font-size: 14px;
        }

        .step__text {
            font-size: 14px;
        }

        .what-to-do-item__text {
            font-size: 14px;
        }

        .swiper-slide__text {
            font-size: 14px;
        }

        .format__text {
            font-size: 14px;
        }

        .part-time-job__list-item {
            font-size: 14px;
        }

        .part-time-job__text {
            font-size: 14px;
        }

        .main-footer__main-links-item {
            font-size: 14px;
        }

        .main-footer__main-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 24px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }
    }

    @media (max-width: 767px) {
        .header .container {
            gap: 0;
        }

        .header__open-btn {
            display: block;
        }

        .header__content {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-width: 250px;
            padding: 15px 10px;
            height: 100vh;
            background: #FFF;
            -ms-flex-item-align: start;
            align-self: flex-start;
            -webkit-transform: translate(270px, 0);
            -ms-transform: translate(270px, 0);
            transform: translate(270px, 0);
        }

        .header__close-btn {
            display: block;
            -ms-flex-item-align: end;
            align-self: flex-end;
        }

        .header__nav {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 16px;
        }

        .header__nav-item {
            font-size: 16px;
        }

        .header__btns-wrapper {
            width: 100%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .header__btns-wrapper .green-btn {
            width: 100%;
        }

        .content__wrapper-fl {
            gap: 10px;
        }

        .about-item {
            min-width: 300px;
            width: 100%;
        }

        .step {
            min-width: 300px;
            width: 100%;
        }

        .what-to-do {
            min-width: 450px;
        }

        .what-to-do:last-child {
            margin-top: 32px;
        }

        .swiper__btns-wrapper {
            position: relative;
            margin-top: -20px;
            margin-bottom: -30px;
        }

        .format {
            min-width: 450px;
            max-width: none;
        }

        .part-time-job {
            padding: 20px 14px;
        }
    }

    @media (max-width: 570px) {
        .part-time-job {
            min-width: 320px;
        }
    }

    @media (max-width: 500px) {
        .what-to-do {
            min-width: 320px;
        }

        .format {
            min-width: 320px;
        }
    }

    @media screen and (max-width: 413px) {
        .container {
            padding: 0 20px;
        }
    }

    @media (max-width: 413px) {
        .header .container {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

        .header__logo {
            position: absolute;
            left: 20px;
        }

        .header--active .header__content {
            -webkit-transform: translate(20px, 0);
            -ms-transform: translate(20px, 0);
            transform: translate(20px, 0);
        }

        .about-item {
            min-width: 250px;
        }

        .step {
            min-width: 250px;
        }

        .what-to-do {
            min-width: 250px;
        }

        .format {
            min-width: 250px;
        }

        .part-time-job {
            min-width: 250px;
        }

        .part-time-job .green-btn {
            width: 100%;
        }
    }

    @media (max-width: 1024px) and (min-width: 768px) {
        .header__nav {
            display: none;
        }
    }

    @media (max-width: 1170px) and (min-width: 414px) {
        .about-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 16px;
        }
    }

    @media (max-width: 767px) and (min-width: 414px) {
        .step {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 24px;
        }
    }
    
    /* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}