@import url("https://fonts.cdnfonts.com/css/poppins");
@import url("https://fonts.cdnfonts.com/css/inter");

.ein-2 .project-visynth {
    font-family: "Inter", sans-serif;
    color: #454545;
    background: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;

    .title-font {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
    }

    section {
        margin: 80px 0;
        background-color: transparent;
        overflow: hidden;
    }

    picture {
        width: 100%;
        height: 100%;

        img {
            width: 100%;
            -o-object-position: center;
            object-position: center;
        }
    }

    .icon img {
        -o-object-fit: contain;
        object-fit: contain;
        height: auto;
    }

    img {
        display: block;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }

    .image-wrap {
        width: 100%;
    }

    .container {
        max-width: 1440px;
        padding: 0 16px;
        position: relative;
    }

    h1 {
        font-size: 48px;
        line-height: 60px;
    }

    h2 {
        font-size: 44px;
        margin: 0;
        color: #000;
        line-height: 66px;
    }

    p {
        color: #454545;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        margin: 0;
    }

    srtong {
        font-weight: 700;
    }

    .shine {
        position: relative;
    }

    .shine::after {
        content: "";
        position: absolute;
        -webkit-filter: blur(200px);
        filter: blur(200px);
        pointer-events: none;
    }

    .tags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .tag {
        color: #000;
        padding: 13px 23px;
        border: 1px solid #939393;
        border-radius: 32px;
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .tag.bg-green {
        background: #d7ffac;
        color: #121212;
        border: 1px solid #d7ffac;
    }

    .tag.bg-dark {
        background: #121212;
        color: #fff;
        border: 1px solid #121212;
    }

    .tag.bg-blue {
        background: #1977c6;
        color: #fff;
        border: 1px solid #1977c6;
    }

    .bg-dark {
        background: #121212;
    }

    .bg-dark,
    .bg-dark .title-font,
    .bg-dark .tag:not(.bg-green) {
        color: #ffffff;
    }

    .bg-dark p {
        color: #bfbfbf;
    }

    .bg-blue {
        background: #1a7bcd;
    }

    .bg-dark .title,
    .bg-blue .title {
        color: #fff;
    }

    .bg-blue p {
        color: rgba(255, 255, 255, 0.9);
    }

    .bg-light {
        background: #f5f6fa;
    }

    .bg-black {
        background: #111;
    }

    .bg-black .title {
        color: #fff;
    }

    .bg-black p {
        color: #bfbfbf;
    }

    .splide__arrows {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        width: 206px;
    }

    .splide__arrow svg {
        display: none;
    }

    .splide__arrow--prev::before,
    .splide__arrow--next::before {
        position: absolute;
        content: "";
        width: 43px;
        height: 22px;
    }

    .splide__arrow--prev::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .splide__arrow:disabled {
        opacity: 1;
    }

    .splide__arrow.splide__arrow--prev:disabled::before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .splide__arrow.splide__arrow--next:disabled::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .splide__arrow {
        width: 91px;
        height: 54px;
        border-radius: 40px;
        position: relative;
        opacity: 1;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
    }

    .splide__arrow:not(:disabled) {
        cursor:
            url("/wp-content/themes/ein-des-ein-new/assets/img/cursors/cursor-hover.svg") 6 6,
            auto;
    }

    .splide__arrow:hover:not(:disabled) {
        opacity: 0.7;
    }

    /* SECTIONS */

    section.first-block {
        margin-top: 16px;

        .first-block__wrap {
            border-radius: 28px;
            overflow: hidden;
        }

        .first-block__logo {
            width: 226px;
            height: 69px;
            margin-bottom: 60px;
        }

        .tags {
            margin-bottom: 60px;
        }

        .tag:not(.bg-green) {
            border: 1px solid #fff;
            color: #fff;
        }

        .first-block__title {
            color: #fff;
            margin-bottom: 24px;
        }

        .first-block__content {
            max-width: 611px;
            padding: 80px 60px 212px 60px;
            position: relative;
            z-index: 2;
        }

        .first-block__content p {
            color: #b5b5b5;
        }

        .image-wrap {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            max-width: 884px;
            z-index: 2;
        }

        .image-wrap img {
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: right;
            object-position: right;
        }

        .shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-1.svg") no-repeat
                center / contain;
            width: 427px;
            height: 474px;
            left: 428px;
            bottom: 0;
        }
    }

    section.about {
        .tag {
            margin-bottom: 48px;
        }

        .about__text {
            font-size: 44px;
            line-height: 60px;
        }

        .about__text span {
            color: #1c84dd;
        }

        .about__wrap {
            max-width: 1240px;
            margin: 0 auto;
        }
    }

    section.main-goals {
        .main-goals__bg {
            background: #f5f6fa;
            border-radius: 28px;
            overflow: hidden;
        }

        .main-goals__bg.shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-2.svg") no-repeat
                center / contain;
            width: 468px;
            height: 411px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            top: 25px;
        }

        .main-goals__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 40px;
            padding: 60px;
            position: relative;
            z-index: 2;
        }

        .main-goals__content {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .main-goals__title,
        .main-goals__content p {
            width: calc(50% - 12px);
        }

        .main-goals__content p {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            max-width: 549px;
        }

        .main-goals__item {
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
            grid-template-columns: repeat(3, 1fr);
        }

        .main-goals__inner {
            border-radius: 24px;
            padding: 28px;
        }

        .main-goals__inner:not(.bg-black) {
            background: #fff;
        }

        .main-goals__inner:not(.bg-black) .title {
            color: #121212;
        }

        .title {
            -webkit-column-gap: 12px;
            -moz-column-gap: 12px;
            column-gap: 12px;
            font-size: 22px;
            margin-bottom: 16px;
        }

        .title-num {
            max-width: 28px;
        }

        .title-text {
            width: calc(100% - 40px);
        }
    }

    section.challenge {
        overflow: unset;

        .challenge__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 40px;
            max-width: 1240px;
            margin: 0 auto;
            position: relative;
        }

        .challenge__wrap::after {
            content: "";
            position: absolute;
            pointer-events: none;
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/star.svg") no-repeat
                center / contain;
            width: 429px;
            height: 429px;
            left: 559px;
            top: 25px;
        }

        .challenge__item {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            z-index: 2;
        }

        .icon-wrap {
            width: calc(10.33% - 16px);
            height: 40px;
        }

        .icon-wrap img {
            -o-object-fit: contain;
            object-fit: contain;
        }

        .challenge__inner {
            width: calc(44.83% - 16px);
            padding: 28px;
            border-radius: 24px;
            background: #f5f6fa;
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
        }

        .inner-num {
            width: 16px;
            font-size: 44px;
            color: #000;
        }

        .inner-content {
            width: calc(100% - 36px);
        }

        .inner-title {
            margin-bottom: 10px;
        }

        .inner-num {
            line-height: 66px;
        }

        .bg-blue {
            background: #1b7fd5;
        }

        .bg-blue .inner-title,
        .bg-blue .inner-num {
            color: #fff;
        }

        .bg-blue .inner-num {
            width: 26px;
        }

        .bg-blue .inner-content {
            width: calc(100% - 46px);
        }

        .bg-blue p {
            color: rgba(255, 255, 255, 0.9);
        }
    }

    section.let-see {
        .let-see__wrap {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 49px;
            -moz-column-gap: 49px;
            column-gap: 49px;
            padding: 20px;
            position: relative;
            z-index: 2;
        }

        .let-see__bg {
            background: #101010;
            border-radius: 28px;
            overflow: hidden;
        }

        .let-see__bg.shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-3.svg") no-repeat
                center / contain;
            width: 365px;
            height: 246px;
            left: 410px;
            top: 0;
        }

        .image-wrap {
            width: calc(37.45% - 32.67px);
        }

        .image-wrap img {
            border-radius: 16px;
        }

        .let-see__content {
            width: calc(25.1% - 32.67px);
        }

        .let-see__title {
            font-weight: 700;
            line-height: 52px;
            margin-bottom: 23px;
            color: #fff;
        }

        .let-see__title span {
            color: #cdf3a5;
        }

        .let-see__content p {
            color: #bfbfbf;
        }
    }

    section.features {
        .features__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 40px;
            max-width: 1240px;
            margin: 0 auto;
        }

        .features__top {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .features__title,
        .tags {
            width: calc(50% - 12px);
        }

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

        .features__content {
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
        }

        .features__left {
            width: calc(38.8% - 10px);
            row-gap: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .features__right {
            width: calc(61.2% - 10px);
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
        }

        .features__inner {
            padding: 28px;
            border-radius: 24px;
        }

        .features__inner:not(.bg-dark, .bg-blue) {
            background: #f5f6fa;
        }

        .features__content .title {
            font-size: 24px;
            line-height: 36px;
            margin-bottom: 10px;
        }

        .features__left .title {
            -webkit-column-gap: 16px;
            -moz-column-gap: 16px;
            column-gap: 16px;
        }

        .features__left .title-num {
            max-width: 30px;
        }

        .features__left .title-text {
            width: calc(100% - 46px);
        }

        .features__right .image-wrap {
            width: calc(58.8% - 10px);
        }

        .features__right .image-wrap img {
            border-radius: 24px;
        }

        .features__right .features__inner {
            width: calc(41.2% - 10px);
            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-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .features__right .title {
            font-size: 24px;
            color: #000;
        }

        .features__right .title-num {
            margin-bottom: 8px;
        }
    }

    section.quote {
        .quote__wrap {
            border-radius: 28px;
            background: #f5f6fa;
            padding: 60px 84px;
            position: relative;
        }

        .quote__wrap::before {
            content: "";
            position: absolute;
            pointer-events: none;
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/quote.png") no-repeat
                center / contain;
            width: 257px;
            height: 248px;
            top: 0;
            right: 50px;
        }

        .quote__content {
            position: relative;
            z-index: 2;
        }

        .quote__title {
            font-size: 44px;
            line-height: 52px;
            margin-bottom: 32px;
            color: #101010;
        }

        .quote__title span {
            color: #1a7bcd;
        }

        .quote__name {
            color: #000;
            font-size: 24px;
            margin-bottom: 8px;
        }

        .quote__position {
            color: #454545;
            font-family: "Poppins", sans-serif;
            font-size: 18px;
            font-weight: 400;
        }
    }

    section.industries {
        .industries__wrap {
            max-width: 1240px;
            margin: 0 auto;
        }

        .industries__top {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
            column-gap: 40px;
            row-gap: 16px;
            margin-bottom: 40px;
        }

        .slide__wrap {
            -webkit-column-gap: 28px;
            -moz-column-gap: 28px;
            column-gap: 28px;
        }

        .slide__wrap .image-wrap,
        .slide__content {
            width: calc(50% - 14px);
        }

        .slide__wrap .image-wrap img {
            border-radius: 24px;
        }

        .slide__content {
            padding: 28px;
            border-radius: 20px;
            background: #f5f6fa;
            height: 194px;
        }

        .title {
            color: #101010;
            font-size: 24px;
            margin-bottom: 10px;
        }

        .slider-wrap {
            position: relative;
        }

        .slider-control {
            position: absolute;
            max-width: 606px;
            width: calc(50% - 14px);
            bottom: 0;
            right: 0;
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .splide-nums {
            width: calc(100% - 230px);
            color: #101010;
            font-family: "Poppins", sans-serif;
            font-size: 24px;
            font-weight: 400;
            text-align: right;
        }

        .splide__arrow--prev::before,
        .splide__arrow--next::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-green.svg") center
                center / contain no-repeat;
        }

        .splide__arrow:disabled {
            border: 1px solid #000;
            background: transparent;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .splide__arrow.splide__arrow--prev:disabled::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-black.svg") center
                center / contain no-repeat;
        }

        .splide__arrow.splide__arrow--next:disabled::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-black.svg") center
                center / contain no-repeat;
        }

        .splide__arrow {
            background: #000;
        }
    }

    section.from-initial {
        .text {
            overflow: hidden;
            max-height: 0;
            -webkit-transition: max-height 0.3s ease;
            -o-transition: max-height 0.3s ease;
            transition: max-height 0.3s ease;
        }

        .from-initial__top {
            gap: 24px;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 48px;
        }

        .tags {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            width: calc(40% - 12px);
        }

        .from-initial__title {
            width: calc(60% - 12px);
        }

        .from-initial__title span {
            color: #c7ec9f;
        }

        .from-initial__bg {
            border-radius: 28px;
            overflow: hidden;
        }

        .from-initial__bg.shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-4.svg") no-repeat
                center / contain;
            width: 475px;
            height: 417px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            top: 17px;
        }

        .from-initial__wrap {
            position: relative;
            z-index: 2;
            padding: 60px;
        }

        .from-initial__items {
            -webkit-column-gap: 67px;
            -moz-column-gap: 67px;
            column-gap: 67px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 67px 1fr 67px 1fr 67px 1fr 67px 1fr;
            grid-template-columns: repeat(5, 1fr);
            margin-bottom: 48px;
        }

        .from-initial__item {
            padding: 28px;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.08);
            position: relative;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .from-initial__item .icon-wrap {
            width: 44px;
            height: 44px;
            margin-bottom: 20px;
        }

        .from-initial__item .title {
            color: #fff;
            font-size: 24px;
            font-weight: 400;
        }

        .from-initial__item.active {
            background: #1973bf;
        }

        .from-initial__item:not(.active) {
            cursor:
                url("/wp-content/themes/ein-des-ein-new/assets/img/cursors/cursor-hover.svg") 6 6,
                auto;
        }

        .from-initial__item:not(.active):hover {
            background: #1973bf;
        }

        .from-initial__item:not(:last-child)::after {
            content: "";
            position: absolute;
            width: 43px;
            height: 22px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            right: -55px;
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-green.svg") no-repeat
                center / contain;
        }

        .from-initial__click {
            display: none;
            padding: 16px 20px;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.08);
            -webkit-column-gap: 16px;
            -moz-column-gap: 16px;
            column-gap: 16px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            cursor:
                url("/wp-content/themes/ein-des-ein-new/assets/img/cursors/cursor-hover.svg") 6 6,
                auto;
        }

        .from-initial__click .icon-wrap {
            width: 36px;
            height: 36px;
        }

        .from-initial__click .title {
            width: calc(100% - 52px);
        }

        .from-initial__text-inner {
            padding: 40px 60px;
            -webkit-column-gap: 32px;
            -moz-column-gap: 32px;
            column-gap: 32px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.08);
        }

        .from-initial__left {
            width: calc(43.9% - 16px);
        }

        .image-wrap {
            width: calc(56.1% - 16px);
        }

        .from-initial__content .title {
            color: #fff;
            font-size: 32px;
            margin-bottom: 20px;
        }

        .title-num {
            margin-bottom: 20px;
        }
    }

    section.projects {
        .projects__wrap {
            max-width: 1240px;
            margin: 0 auto;
            text-align: center;
        }

        .projects__content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 20px;
            max-width: 612px;
            margin: 0 auto 48px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .projects__title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .image-wrap img {
            border-radius: 24px;
            border: 1px solid #eee;
        }

        .icon-wrap {
            width: 80px;
            height: 30px;
        }
    }

    section.turn {
        .turn__wrap {
            position: relative;
        }

        .turn__content {
            position: absolute;
            max-width: 341px;
            right: 17px;
            top: 80px;
            font-size: 40px;
            line-height: 52px;
            color: #fff;
        }

        .turn__content span {
            color: #cff6a6;
        }

        .image-wrap {
            height: 575px;
        }

        .image-wrap img {
            border-radius: 28px;
            -o-object-position: right;
            object-position: right;
        }
    }

    section.import {
        .import__bg {
            border-radius: 28px;
        }

        .image-wrap img {
            border-radius: 24px;
        }

        .import__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 40px;
            padding: 60px;
            position: relative;
            z-index: 2;
        }

        .import__content {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .import__title {
            width: calc(50.7% - 12px);
        }

        .import__content p {
            width: calc(49.3% - 12px);
        }
    }

    section.import.shine::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-5.svg") no-repeat center /
            contain;
        width: 425px;
        height: 373px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 60px;
    }

    section.how-add {
        .how-add__bg {
            border-radius: 28px;
            overflow: hidden;
        }

        .how-add__bg.shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-4.svg") no-repeat
                center / contain;
            width: 475px;
            height: 417px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            top: 114px;
        }

        .how-add__wrap {
            padding: 60px;
            position: relative;
            z-index: 2;
        }

        .how-add__top {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 40px;
        }

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

        .how-add__title,
        .tags {
            width: calc(50% - 12px);
        }

        .how-add__item {
            -webkit-column-gap: 16px;
            -moz-column-gap: 16px;
            column-gap: 16px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
            grid-template-columns: repeat(3, 1fr);
            margin-bottom: 28px;
        }

        .how-add__inner {
            padding: 24px;
            border-radius: 24px;
        }

        .how-add__inner:not(.bg-black) {
            background: #fff;
        }

        .how-add__inner:not(.bg-black) .title {
            color: #121212;
        }

        .image-wrap img {
            border-radius: 24px;
        }

        .title {
            -webkit-column-gap: 12px;
            -moz-column-gap: 12px;
            column-gap: 12px;
            font-size: 22px;
            margin-bottom: 16px;
        }

        .title-num {
            max-width: 28px;
        }

        .title-text {
            width: calc(100% - 40px);
        }
    }

    section.concepts {
        .concepts__wrap {
            max-width: 1240px;
            margin: 0 auto;
        }

        .tag {
            margin: 0 auto 20px;
        }

        .concepts__title {
            text-align: center;
            margin-bottom: 48px;
        }

        .concepts__item {
            gap: 62px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 62px 1fr 62px 1fr 62px 1fr;
            grid-template-columns: repeat(4, 1fr);
            margin-bottom: 48px;
        }

        .concepts__inner {
            padding: 24px;
            border-radius: 24px;
            position: relative;
        }

        .concepts__inner:not(:last-child)::after {
            content: "";
            position: absolute;
            width: 38px;
            height: 22px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            right: -50px;
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-concepts.svg")
                no-repeat center / contain;
        }

        .concepts__inner:not(.bg-black) {
            background: #f5f6fa;
        }

        .concepts__inner:not(.bg-black) .title {
            color: #121212;
        }

        .image-wrap img {
            border-radius: 24px;
            border: 1px solid #eee;
        }

        .title {
            font-size: 22px;
            margin-bottom: 16px;
        }

        .title-num {
            margin-bottom: 12px;
        }

        .title-text {
            max-width: 175px;
        }
    }

    section.refinement {
        .refinement__bg {
            border-radius: 28px;
            overflow: hidden;
        }
        .refinement__bg.shine::before,
        .refinement__bg.shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-2.svg") no-repeat
                center / contain;
            width: 468px;
            height: 411px;
        }

        .refinement__bg.shine::after {
            right: 230px;
            top: 0;
        }

        .refinement__bg.shine::before {
            content: "";
            position: absolute;
            -webkit-filter: blur(200px);
            filter: blur(200px);
            pointer-events: none;
            left: 309px;
            bottom: 198px;
        }

        .refinement__wrap {
            position: relative;
            z-index: 2;
            padding: 60px;
        }

        .refinement__content {
            margin-bottom: 40px;
        }

        .refinement__top {
            margin-bottom: 24px;
            gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

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

        .refinement__title,
        .tags {
            width: calc(50% - 12px);
        }

        p {
            max-width: 795px;
        }

        .image-wrap img {
            border-radius: 24px;
        }

        .slider-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 40px;
        }

        .slider-control {
            margin: 0 auto;
        }

        .splide__arrow--prev::before,
        .splide__arrow--next::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-black.svg") center
                center / contain no-repeat;
        }

        .splide__arrow:disabled {
            border: 1px solid rgba(255, 255, 255, 0.6);
            background: transparent;
        }

        .splide__arrow.splide__arrow--prev:disabled::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-gray.svg") center
                center / contain no-repeat;
        }

        .splide__arrow.splide__arrow--next:disabled::before {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-gray.svg") center
                center / contain no-repeat;
        }

        .splide__arrow {
            background: #d7ffac;
        }
    }

    section.generate {
        overflow: unset;

        .generate__wrap {
            max-width: 1240px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .generate__top {
            gap: 24px;
            margin-bottom: 40px;
        }

        .generate__title {
            width: calc(48.8% - 12px);
        }

        p {
            width: calc(51.2% - 12px);
        }

        .image-wrap img {
            border-radius: 24px;
            border: 1px solid #eee;
        }
    }

    section.generate.shine::before,
    section.generate.shine::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-6.svg") no-repeat center /
            contain;
        width: 468px;
        height: 411px;
    }

    section.generate.shine::before {
        content: "";
        position: absolute;
        -webkit-filter: blur(200px);
        filter: blur(200px);
        pointer-events: none;
        left: 75px;
        top: 0;
    }

    section.generate.shine::after {
        right: 68px;
        bottom: -51px;
    }

    section.model {
        .model__title {
            color: #fff;
            font-size: 48px;
            font-weight: 700;
            line-height: 60px;
            max-width: 287px;
            position: absolute;
            left: 40px;
            top: 120px;
        }

        .model__content {
            max-width: 222px;
            position: absolute;
            right: 30px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        .model__content p {
            color: #e3e3e3;
        }

        .model__wrap {
            position: relative;
        }

        .image-wrap img {
            border-radius: 28px;
        }
    }

    section.how-train {
        .how-train__bg {
            border-radius: 28px;
            overflow: hidden;
        }

        .how-train__bg.shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-2.svg") no-repeat
                center / contain;
            width: 468px;
            height: 411px;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            top: 181px;
        }

        .how-train__wrap {
            padding: 60px;
            position: relative;
            z-index: 2;
        }

        .how-train__top {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 40px;
        }

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

        .how-train__title,
        .tags {
            width: calc(50% - 12px);
        }

        .how-train__item {
            gap: 62px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 62px 1fr 62px 1fr 62px 1fr;
            grid-template-columns: repeat(4, 1fr);
        }

        .how-train__inner {
            padding: 24px;
            border-radius: 24px;
            position: relative;
        }

        .how-train__inner:not(:last-child)::after {
            content: "";
            position: absolute;
            width: 38px;
            height: 22px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            right: -50px;
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-concepts.svg")
                no-repeat center / contain;
        }

        .how-train__inner:not(.bg-black) {
            background: #fff;
        }

        .how-train__inner:not(.bg-black) .title {
            color: #121212;
        }

        .image-wrap {
            margin-bottom: 28px;
        }

        .image-wrap img {
            border-radius: 24px;
        }

        .title {
            font-size: 22px;
            margin-bottom: 16px;
            -webkit-column-gap: 12px;
            -moz-column-gap: 12px;
            column-gap: 12px;
        }

        .title-num {
            max-width: 29px;
        }

        .title-text {
            width: calc(100% - 41px);
        }
    }

    section.final-results {
        .final-results__bg {
            border-radius: 28px;
            overflow: hidden;
        }

        .final-results__bg.shine::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-4.svg") no-repeat
                center / contain;
            width: 475px;
            height: 417px;
            left: 167px;
            top: 33px;
        }

        .final-results__wrap {
            position: relative;
            z-index: 2;
            padding: 60px 60px 80px;
        }

        .final-results__top {
            gap: 24px;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 52px;
        }

        .final-results__title,
        .tags {
            width: calc(50% - 12px);
        }

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

        .final-results__top-content {
            display: -ms-grid;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            margin-bottom: 24px;
        }

        .final-results__top-content .image-wrap {
            margin-bottom: 24px;
        }

        .final-results__content {
            -webkit-column-gap: 32px;
            -moz-column-gap: 32px;
            column-gap: 32px;
        }

        .final-results__content .icon-wrap {
            width: 153px;
            height: 102px;
        }

        .final-results__content-right {
            width: calc(100% - 185px);
        }

        .title {
            color: #fff;
            font-size: 22px;
            margin-bottom: 16px;
        }

        .image-wrap {
            height: auto;
        }

        .image-wrap img {
            border-radius: 20px;
        }

        .final-results__top-content,
        .final-results__bottom-content {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
        }

        .final-results__item,
        .final-results__bottom-content {
            padding: 24px;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.04);
        }

        .final-results__bottom-content {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .final-results__bottom-content .final-results__content {
            width: calc(51.9% - 12px);
        }

        .final-results__bottom-content .image-wrap {
            width: calc(48.1% - 12px);
        }
    }

    section.technologies {
        overflow: unset;

        .technologies__wrap {
            max-width: 1120px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .technologies__title {
            text-align: center;
            margin-bottom: 40px;
        }

        .title {
            color: #131413;
            font-size: 22px;
            line-height: 26px;
            margin-bottom: 20px;
        }

        .icons-item {
            gap: 16px;
        }

        .icon-wrap {
            padding: 24px;
            border-radius: 16px;
            background: #222;
            width: 87px;
            height: 87px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 8px;
        }

        .icon-wrap img {
            width: 40px;
            height: 40px;
        }

        .inner-title {
            color: #161715;
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            text-align: center;
        }

        .icon-inner {
            width: 87px;
        }

        .technologies__content {
            -webkit-column-gap: 114px;
            -moz-column-gap: 114px;
            column-gap: 114px;
            row-gap: 44px;
        }

        .technologies__left {
            width: calc(59.2% - 57px);
        }

        .technologies__right {
            width: calc(40.8% - 57px);
        }
    }

    section.technologies.shine::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/shine-6.svg") no-repeat center /
            contain;
        width: 468px;
        height: 411px;
        right: 68px;
        bottom: -50px;
        -webkit-filter: blur(150px);
        filter: blur(150px);
    }

    /*  MEDIA  */

    @media screen and (max-width: 1380px) {
        section.first-block {
            .image-wrap {
                max-width: 760px;
                right: -60px;
            }
        }
    }
    /* < 1380 */

    @media screen and (max-width: 1280px) {
        h1 {
            font-size: 40px;
            line-height: 52px;
        }

        section.first-block {
            .image-wrap {
                max-width: 660px;
            }

            .first-block__content {
                max-width: 585px;
            }
        }
    }
    /* < 1280 */

    @media screen and (max-width: 1220px) {
        section.industries {
            .slider-control {
                max-width: 100%;
                width: 100%;
                margin: 24px auto 0;
                position: relative;
            }

            .slide__content {
                height: auto;
                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-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }
        }
    }
    /* < 1220 */

    @media screen and (max-width: 1160px) {
        section.first-block {
            .first-block__content {
                max-width: 100%;
                padding-bottom: 80px;
            }

            .image-wrap {
                position: relative;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                top: auto;
                right: 0;
                margin: 0 auto 80px;
                max-width: 100%;
            }
        }

        section.let-see {
            .let-see__wrap {
                gap: 20px;
            }

            .image-wrap {
                width: calc(37.45% - 13.33px);
            }

            .let-see__content {
                width: calc(25.1% - 13.33px);
            }

            .let-see__title {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 16px;
            }
        }

        section.how-add {
            .how-add__top {
                row-gap: 24px;
            }

            .how-add__title,
            .tags {
                width: 100%;
            }

            .tags {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }
        }

        section.concepts {
            .concepts__inner {
                padding: 20px;
            }
        }

        section.refinement {
            .refinement__title,
            .tags {
                width: 100%;
            }

            .refinement__title {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .tags {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }
        }

        section.model {
            .model__content,
            .model__title {
                max-width: 180px;
            }

            .model__title {
                font-size: 38px;
                line-height: 50px;
            }
        }

        section.how-train {
            .how-train__top {
                row-gap: 20px;
            }

            .how-train__title,
            .tags {
                width: 100%;
            }

            .how-train__title {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .tags {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

            .how-train__wrap {
                padding: 40px;
            }

            .how-train__inner {
                padding: 20px;
            }
        }

        section.final-results {
            .final-results__title,
            .tags {
                width: 100%;
            }

            .final-results__title {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .tags {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

            .final-results__content .icon-wrap {
                width: 67px;
                height: 45px;
            }

            .final-results__content-right {
                width: calc(100% - 99px);
            }
        }

        section.from-initial {
            .from-initial__title,
            .tags {
                width: 100%;
            }

            .from-initial__title {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .tags {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }
        }

        section.from-initial {
            .from-initial__items {
                display: none;
            }

            .from-initial__click {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .from-initial__text {
                max-height: 0;
                overflow: hidden;
                -webkit-transition: max-height 0.3s ease;
                -o-transition: max-height 0.3s ease;
                transition: max-height 0.3s ease;
            }

            .from-initial__content {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                row-gap: 67px;
            }

            .from-initial__inner {
                position: relative;
            }

            .from-initial__inner:not(:last-child)::after {
                content: "";
                position: absolute;
                width: 43px;
                height: 22px;
                left: 50%;
                -webkit-transform: translate(-50%, 0) rotate(90deg);
                -ms-transform: translate(-50%, 0) rotate(90deg);
                transform: translate(-50%, 0) rotate(90deg);
                bottom: -43px;
                background: url("/wp-content/themes/ein-des-ein-new/projects-assets/visynth/img/arrow-green.svg")
                    no-repeat center / contain;
            }

            .from-initial__inner.open-content .from-initial__click {
                background: #1973bf;
            }

            .from-initial__click .title {
                font-size: 22px;
                font-weight: 400;
                margin-bottom: 0;
            }

            .from-initial__text-wrap {
                margin-top: 0;
                -webkit-transition: margin-top 0.3s ease;
                -o-transition: margin-top 0.3s ease;
                transition: margin-top 0.3s ease;
            }

            .from-initial__inner.open-content .from-initial__text-wrap {
                margin-top: 12px;
            }
        }
    }
    /* < 1160 */

    @media screen and (max-width: 1070px) {
        section.how-train {
            .how-train__item {
                grid-template-columns: repeat(1, 1fr);
                max-width: 660px;
                margin: 0 auto;
            }

            .how-train__inner:not(:last-child)::after {
                left: 50%;
                right: auto;
                top: auto;
                -webkit-transform: translate(-50%, 0) rotate(90deg);
                -ms-transform: translate(-50%, 0) rotate(90deg);
                transform: translate(-50%, 0) rotate(90deg);
                bottom: -40px;
            }
        }

        section.final-results {
            .final-results__top-content {
                grid-template-columns: repeat(1, 1fr);
                row-gap: 24px;
            }

            .final-results__top-content .image-wrap {
                margin-bottom: 0;
                width: calc(48.1% - 12px);
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .final-results__top-content .image-wrap img {
                -o-object-fit: contain;
                object-fit: contain;
            }

            .final-results__top-content .final-results__item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-column-gap: 24px;
                -moz-column-gap: 24px;
                column-gap: 24px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .final-results__top-content .final-results__content {
                width: calc(51.9% - 12px);
            }
        }
    }

    /* < 1070 */

    @media screen and (max-width: 992px) {
        section.main-goals {
            .main-goals__inner {
                padding: 20px;
            }

            .main-goals__wrap {
                padding: 40px;
            }

            .title {
                row-gap: 4px;
            }

            .title-num,
            .title-text {
                width: 100%;
            }
        }

        section.let-see {
            .image-wrap,
            .let-see__content {
                width: 100%;
            }

            .let-see__content {
                max-width: 560px;
                margin: 0 auto;
            }

            .image-wrap {
                max-width: 610px;
                margin: 0 auto;
            }
        }

        section.features {
            .features__content {
                row-gap: 20px;
            }

            .features__right,
            .features__left {
                width: 100%;
            }

            .features__right .image-wrap,
            .features__right .features__inner {
                width: calc(50% - 10px);
            }

            .features__right .image-wrap {
                height: 360px;
            }
        }

        section.how-add {
            .how-add__wrap {
                padding: 40px;
            }
        }

        section.concepts {
            .concepts__item {
                grid-template-columns: repeat(1, 1fr);
                max-width: 660px;
                margin: 0 auto 48px;
            }

            .title-num {
                max-width: 29px;
                margin-bottom: 0;
            }

            .title {
                -webkit-column-gap: 12px;
                -moz-column-gap: 12px;
                column-gap: 12px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .title-text {
                max-width: 100%;
                width: calc(100% - 41px);
            }

            .concepts__inner:not(:last-child)::after {
                left: 50%;
                right: auto;
                top: auto;
                -webkit-transform: translate(-50%, 0) rotate(90deg);
                -ms-transform: translate(-50%, 0) rotate(90deg);
                transform: translate(-50%, 0) rotate(90deg);
                bottom: -40px;
            }
        }

        section.refinement {
            .refinement__wrap {
                padding: 40px;
            }
        }

        section.model {
            .model__title {
                left: 24px;
            }

            .model__content {
                right: 24px;
            }
        }

        section.final-results {
            .final-results__wrap {
                padding: 40px;
            }
        }

        section.from-initial {
            .from-initial__text-inner {
                padding: 32px;
            }
        }
    }
    /* < 992 */

    @media screen and (max-width: 920px) {
        section.model {
            .model__wrap {
                max-width: 660px;
                margin: 0 auto;
            }

            .model__title,
            .model__content {
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
            }

            .model__title {
                top: 50px;
                padding: 0 24px;
                width: 100%;
                text-align: center;
                max-width: 100%;
            }

            .model__content {
                top: auto;
                bottom: 50px;
                max-width: 100%;
                width: 100%;
                padding: 0 24px;
                right: auto;
            }
        }
    }
    /* < 920 */

    @media screen and (max-width: 860px) {
        section.challenge {
            .challenge__inner {
                width: 100%;
            }

            .challenge__item {
                row-gap: 20px;
            }

            .icon-wrap {
                width: 60px;
                height: 60px;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                margin: 0 auto;
            }

            .challenge__wrap::after {
                right: -133px;
                bottom: -123px;
                top: auto;
                left: auto;
            }
        }

        section.import {
            .import__wrap {
                padding: 40px;
            }
        }

        section.how-add {
            .how-add__item {
                grid-template-columns: repeat(1, 1fr);
                row-gap: 16px;
            }
        }

        section.generate {
            .generate__title,
            p {
                width: 100%;
            }
        }

        section.final-results {
            .final-results__content-right {
                width: 100%;
            }

            .final-results__content {
                row-gap: 16px;
            }
        }

        section.from-initial {
            .from-initial__left,
            .image-wrap {
                width: 100%;
            }

            .from-initial__text-inner {
                row-gap: 24px;
            }
        }
    }
    /* < 860 */

    @media screen and (max-width: 768px) {
        .tag {
            font-size: 16px;
            padding: 7px 15px;
        }

        h1 {
            font-size: 32px;
            line-height: 40px;
        }

        h2 {
            font-size: 32px;
            line-height: 48px;
        }

        section {
            margin: 44px 0;
        }

        section.first-block {
            .first-block__content {
                padding: 20px 20px 25px;
            }

            .first-block__logo {
                width: 175px;
                height: 53px;
                margin-bottom: 40px;
            }

            .tags {
                margin-bottom: 28px;
            }

            .first-block__title {
                margin-bottom: 16px;
            }

            .image-wrap {
                margin: 0 auto 45px;
            }
        }

        section.about {
            .tag {
                margin-bottom: 28px;
            }

            .about__text {
                font-size: 28px;
                line-height: 40px;
            }
        }

        section.main-goals {
            .main-goals__item {
                grid-template-columns: repeat(1, 1fr);
                row-gap: 16px;
            }

            .title {
                font-size: 20px;
                margin-bottom: 12px;
            }

            .main-goals__wrap {
                padding: 32px 16px;
                row-gap: 24px;
            }
        }

        section.challenge {
            .inner-num {
                font-size: 32px;
                line-height: 48px;
            }

            .challenge__wrap {
                row-gap: 24px;
            }

            .challenge__inner {
                -webkit-column-gap: 16px;
                -moz-column-gap: 16px;
                column-gap: 16px;
            }

            .inner-num {
                width: 12px;
            }

            .inner-content {
                width: calc(100% - 28px);
            }

            .bg-blue .inner-num {
                width: 19px;
            }

            .bg-blue .inner-content {
                width: calc(100% - 35px);
            }
        }

        section.features {
            .features__wrap {
                row-gap: 24px;
            }

            .features__right,
            .features__left,
            .features__content {
                row-gap: 16px;
            }
        }

        section.quote {
            .quote__title {
                font-size: 28px;
                line-height: 40px;
            }

            .quote__wrap {
                padding: 40px;
            }

            .quote__name {
                font-size: 20px;
            }

            .quote__position {
                font-size: 16px;
            }
        }

        section.industries {
            .slide__wrap .image-wrap,
            .slide__content {
                width: 100%;
            }

            .slide__wrap {
                row-gap: 16px;
            }

            .slide__wrap .image-wrap img {
                width: 100%;
            }

            .slide__wrap .image-wrap {
                height: 270px;
            }

            .industries__top {
                margin-bottom: 24px;
            }
        }

        section.projects {
            .projects__content {
                margin: 0 auto 28px;
            }
        }

        section.concepts {
            .concepts__title,
            .concepts__item {
                margin-bottom: 24px;
            }
        }

        section.generate {
            .generate__top {
                margin-bottom: 28px;
            }
        }

        section.how-train {
            .how-train__top,
            .image-wrap {
                margin-bottom: 24px;
            }
        }

        section.final-results {
            .final-results__top-content .final-results__content,
            .final-results__top-content .image-wrap,
            .final-results__bottom-content .final-results__content,
            .final-results__bottom-content .image-wrap {
                width: 100%;
            }

            .final-results__top-content .image-wrap {
                -webkit-box-ordinal-group: unset;
                -ms-flex-order: unset;
                order: unset;
            }

            .final-results__top-content .final-results__item,
            .final-results__bottom-content {
                row-gap: 20px;
            }

            .final-results__bottom-content .final-results__content {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }
        }

        section.technologies {
            .technologies__left,
            .technologies__right {
                width: 100%;
            }
        }

        section.from-initial {
            .from-initial__wrap {
                padding: 40px;
            }
        }
    }
    /* < 768 */

    @media screen and (max-width: 660px) {
        section.main-goals {
            .main-goals__content {
                row-gap: 16px;
            }

            .main-goals__title,
            .main-goals__content p {
                width: 100%;
            }
        }

        section.features {
            .features__right .image-wrap,
            .features__right .features__inner {
                width: 100%;
            }

            .features__right .title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .features__right .title,
            .features__content .title {
                font-size: 20px;
                line-height: 30px;
            }

            .features__left .title,
            .features__right .title {
                -webkit-column-gap: 12px;
                -moz-column-gap: 12px;
                column-gap: 12px;
            }

            .features__right .title-num,
            .features__left .title-num {
                max-width: 25px;
            }

            .features__right .title-text,
            .features__left .title-text {
                width: calc(100% - 37px);
            }

            .features__inner {
                padding: 20px;
            }

            .features__title,
            .tags {
                width: 100%;
            }

            .tags {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }

            .features__top {
                row-gap: 16px;
            }

            .features__title {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }
        }

        section.industries {
            .slide__content {
                padding: 20px;
            }

            .title {
                font-size: 20px;
            }
        }

        section.turn {
            .turn__content {
                font-size: 24px;
                line-height: 28px;
                right: 16px;
                bottom: 40px;
                top: auto;
            }
        }

        section.import {
            .import__content {
                row-gap: 16px;
            }

            .import__title,
            .import__content p {
                width: 100%;
            }

            .import__wrap {
                row-gap: 24px;
                padding: 32px 16px;
            }
        }

        section.how-add {
            .how-add__top,
            .how-add__item {
                margin-bottom: 24px;
            }

            .how-add__wrap {
                padding: 32px 16px;
            }
        }

        section.refinement {
            .refinement__wrap {
                padding: 32px 16px;
            }
        }

        section.how-train {
            .how-train__wrap {
                padding: 32px 16px;
            }
        }

        section.final-results {
            .final-results__wrap {
                padding: 32px 16px;
            }

            .final-results__top {
                margin-bottom: 20px;
            }
        }

        section.from-initial {
            .from-initial__content .title {
                font-size: 20px;
            }

            .title-num,
            .from-initial__text-inner .title {
                margin-bottom: 12px;
            }

            .from-initial__text-inner,
            .from-initial__wrap {
                padding: 32px 16px;
            }
        }
    }
    /* < 660 */

    @media screen and (max-width: 567px) {
        section.first-block {
            .shine::after {
                bottom: -30px;
                left: -104px;
            }

            .first-block__wrap {
                border-radius: 20px;
            }
        }

        section.main-goals {
            .main-goals__bg.shine::after {
                width: 334px;
                height: 293px;
                left: -62px;
                top: 84px;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

            .main-goals__bg,
            .main-goals__inner {
                border-radius: 20px;
            }
        }

        section.challenge {
            .challenge__inner {
                padding: 20px;
            }

            .challenge__inner {
                border-radius: 20px;
            }
        }

        section.let-see {
            .let-see__bg.shine::after {
                left: -138px;
                top: 0;
            }

            .let-see__bg {
                border-radius: 20px;
            }
        }

        section.features {
            .features__right .image-wrap {
                height: 260px;
            }

            .features__inner,
            .features__right .image-wrap img {
                border-radius: 20px;
            }
        }

        section.quote {
            .quote__wrap::before {
                width: 189px;
                height: 182px;
                right: 30px;
            }

            .quote__wrap {
                padding: 32px 16px;
            }
        }

        section.industries {
            .slide__wrap .image-wrap img {
                border-radius: 20px;
            }

            .slide__wrap .image-wrap {
                height: 229px;
            }
        }

        section.projects {
            .icon-wrap {
                width: 34px;
                height: 13px;
            }

            .projects__title {
                -webkit-column-gap: 12px;
                -moz-column-gap: 12px;
                column-gap: 12px;
            }

            .image-wrap img {
                border-radius: 12px;
            }
        }

        section.turn {
            .image-wrap {
                height: 100%;
            }

            .image-wrap img {
                border-radius: 20px;
            }
        }

        section.import.shine::after {
            top: 103px;
            width: 326px;
            height: 287px;
        }

        section.import {
            .image-wrap img {
                border-radius: 12px;
            }

            .import__bg {
                border-radius: 20px;
            }
        }

        section.how-add {
            .how-add__inner {
                padding: 20px;
            }

            .title {
                margin-bottom: 12px;
                font-size: 20px;
            }

            .how-add__inner,
            .how-add__bg {
                border-radius: 20px;
            }

            .image-wrap img {
                border-radius: 12px;
            }

            .how-add__bg.shine::after {
                width: 468px;
                height: 411px;
                top: 119px;
            }
        }

        section.concepts {
            .title {
                margin-bottom: 12px;
                font-size: 20px;
            }

            .title-num {
                max-width: 26px;
            }

            .title-text {
                width: calc(100% - 38px);
            }
        }

        section.refinement {
            .refinement__content {
                margin-bottom: 32px;
            }

            .slider-wrap {
                row-gap: 32px;
            }

            .image-wrap img {
                border-radius: 12px;
            }

            .refinement__bg {
                border-radius: 20px;
            }

            .splide__arrow {
                width: 83px;
                height: 46px;
            }

            .splide__arrows {
                width: 190px;
            }

            .refinement__bg.shine::before {
                right: -319px;
                left: auto;
                bottom: auto;
                top: 0;
            }

            .refinement__bg.shine::after {
                left: -223px;
                bottom: -62px;
                top: auto;
                right: auto;
            }
        }

        section.generate {
            .image-wrap img {
                border-radius: 12px;
            }
        }

        section.generate.shine::after {
            display: none;
        }

        section.generate.shine::before {
            left: -41px;
            bottom: 61px;
            top: auto;
        }

        section.model {
            .model__title {
                text-align: left;
                font-size: 28px;
                line-height: 42px;
            }

            .image-wrap img {
                border-radius: 20px;
            }
        }

        section.how-train {
            .title {
                margin-bottom: 12px;
                font-size: 20px;
            }

            .title-num {
                max-width: 26px;
            }

            .title-text {
                width: calc(100% - 38px);
            }

            .how-train__bg,
            .how-train__inner {
                border-radius: 20px;
            }

            .image-wrap img {
                border-radius: 12px;
            }
        }

        section.final-results {
            .final-results__item,
            .final-results__bottom-content {
                padding: 20px;
            }

            .title {
                font-size: 20px;
                margin-bottom: 12px;
            }

            .final-results__bg,
            .final-results__item,
            .final-results__bottom-content {
                border-radius: 20px;
            }

            .image-wrap img {
                border-radius: 12px;
            }

            .final-results__bg.shine::after {
                width: 343px;
                height: 301px;
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                top: 0;
            }
        }

        section.technologies {
            .title {
                font-size: 20px;
            }
        }

        section.technologies.shine::after {
            right: auto;
            left: -93px;
        }

        section.from-initial {
            .from-initial__text-inner,
            .from-initial__wrap {
                border-radius: 20px;
            }
        }
    }
    /* < 567 */

    @media screen and (max-width: 460px) {
        section.turn {
            .turn__content {
                max-width: 231px;
                bottom: 16px;
            }
        }

        section.generate.shine::before {
            width: 318px;
            height: 279px;
            -webkit-filter: blur(150px);
            filter: blur(150px);
        }

        section.model {
            .model__title {
                top: 25px;
            }

            .model__content {
                bottom: 25px;
            }
        }

        section.technologies {
            .icon-wrap {
                width: 72px;
                height: 72px;
                padding: 16px;
            }

            .icon-inner {
                width: 72px;
            }

            .inner-title {
                font-size: 11px;
                line-height: 14px;
            }
        }
    }
    /* < 460 */

    @media screen and (max-width: 374px) {
        section.model {
            .model__content p {
                font-size: 14px;
                line-height: 15px;
            }
        }
    }
    /* < 374 */

    @media screen and (max-width: 360px) {
        section.projects {
            h2 {
                font-size: 27px;
                line-height: 43px;
            }
        }
    }
    /* < 360 */
}
