/* Start:/introduction/style.css?177211516927140*/

.page_introduction__title {
    padding-top: 20px;
}

.page_introduction__banner {
    background-image: url("/introduction/../local/templates/movement-first/images/page_introduction-background-banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 850px;
    max-width: 93.5%;
    width: 100%;
    margin: 20px auto 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1366px) {
    .page_introduction__banner {
        padding: 100px 0 0;
    }
}

.page_introduction__banner-content {
    max-width: 522px;
    position: absolute;
    bottom: 133px;
    right: 100px;
}

@media (max-width: 768px) {
    .page_introduction__banner-content {
        right: 20px;
        left: 20px;
    }
}

 .page_introduction__banner-content .UI_button-main {
     width: fit-content;
     margin: 0 auto;
     padding: 15px 27px;
 }

 .page_introduction__banner-img-container {
     padding-left: 90px;
     padding-top: 40px;
 }

@media (max-width: 1366px) {
    .page_introduction__banner-img-container {
        display: flex;
        padding: 0;
        width: 65%;
        margin: 0 auto;
    }
}

@media (max-width: 1279px) {
    .page_introduction__banner-img-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        width: 90%;
        transform: translateY(-180%);
    }
}

@media (max-width: 420px) {
    .page_introduction__banner-img-container {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        width: 90%;
        transform: translateY(-320%);
    }
}

.page_introduction__banner-img {
    width: 34%;
}

.page_introduction__banner-inner {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 5px 6px 8px rgba(0, 0, 0, 0.25);
    position: relative;
}

.page_introduction__banner-img:nth-of-type(1) .page_introduction__banner-inner {
    transform: rotate(-12deg);
}

.page_introduction__banner-img:nth-of-type(2) .page_introduction__banner-inner {
    transform: rotate(20deg) translate(70px, -80px);
    z-index: 3;
}

@media (max-width: 1366px) {
    .page_introduction__banner-img:nth-of-type(2) .page_introduction__banner-inner {
        transform: rotate(20deg) translate(0, 0);
    }
}

.page_introduction__banner-img:nth-of-type(3) .page_introduction__banner-inner {
    transform: translate(-50px, -90px);
}

@media (max-width: 1366px) {
    .page_introduction__banner-img:nth-of-type(3) .page_introduction__banner-inner {
        transform: rotate(-10deg) translate(0, 0);
    }
}

.page_introduction__banner-img img {
    width: 100%;
    height: auto;
}

.page_introduction__banner-title {
    font-weight: 700;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 120%;
    color: white;
}

.page_introduction__banner-text {
    font-size: clamp(16px, 2vw, 22px);
    line-height: 133%;
    color: white;
}

.page_introduction__banner-text--bold {
    font-weight: 700;
    margin: 20px 0 40px;
    padding-left: 20px;
}

.page_introduction__tabs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
}

.page_introduction__banner-tab {
    font-family: Pragmatica Extended, arial, sans-serif;
    width: calc(50% - 8px);
    padding: 40px 30px;
    background-color: white;
    color: red;
    background-image: url("/local/templates/movement-first/images/page_introduction-background-tab-2.png");
    background-size: cover;
    background-position: center;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 700;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #FFB1B1;
    cursor: pointer;
}

@media (max-width: 768px) {
    .page_introduction__banner-tab {
        width: 100%;
        padding: 20px 10px;
    }
}

.page_introduction__banner-tab.active {
    color: white;
    background-image: url("/local/templates/movement-first/images/page_introduction-background-tab-1.png"), linear-gradient(
            97.59deg,
            rgba(255, 79, 79, 0.85) 11.15%,
            rgba(225, 11, 23, 0.85) 93.66%
    );
}

.page_introduction__tabs-docs-card {
    cursor: pointer;
}

.page_introduction__tabs-docs, .page_introduction__tabs-img, .page_introduction__tabs-docs-card {
    width: calc(50% - 8px);
}

.page_introduction__tabs-docs {
    display: flex;
    gap: 16px;
    order: 1;
}

@media (max-width: 768px) {
    .page_introduction__tabs-docs {
        flex-direction: column;
    }

    .page_introduction__tabs-docs-card {
        width: 100%;
    }
}

.page_introduction__tabs-img {
    display: flex;
    justify-content: center;
    align-items: center;
    order: 2;
}

@media (max-width: 1366px) {
    .page_introduction__tabs-docs, .page_introduction__tabs-img {
        width: 100%;
    }
}

/*положение элементов табов*/
@media (min-width: 1366px) {
    .page_introduction__banner-tab--participants.active ~ .page_introduction__tabs-docs {
        order: 1;
    }

    .page_introduction__banner-tab--participants.active ~ .page_introduction__tabs-img {
        order: 2;
    }

    .page_introduction__banner-tab--mentors.active ~ .page_introduction__tabs-docs {
        order: 2;
    }

    .page_introduction__banner-tab--mentors.active ~ .page_introduction__tabs-img {
        order: 1;
        transform: rotate(180deg);
    }

    [data-role="mentor"].active ~ .page_introduction__tabs-img {
        order: 1;
        transform: rotate(180deg);
    }

    [data-role="mentor"].active ~ .page_introduction__tabs-docs {
        order: 2;
    }
}

.js-screen {
    display: none;
}

.js-screen.active {
    display: block;
}



.page_introduction__tabs-docs-card {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 25px 28px;
    border-radius: 20px;
    background: #214FE20D;
}

.page_introduction__tabs-docs-card p {
    font-family: Pragmatica Extended, arial, sans-serif;
    font-weight: 700;
    font-size: clamp(10px, 2vw, 16px);
    line-height: 120%;
    color: #214FE2;
}

.page_introduction__tabs-docs-card.active {
    background-color: #214FE2;
}

.page_introduction__tabs-docs-card.active p {
    color: white;
}


.page_introduction__steps {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
}

.page_introduction__steps--registration .step-zero {
    width: calc(73.955% - 10px);
}

.page_introduction__steps--registration .page_introduction__step-image {
    width: calc(26.045% - 10px);
}

.page_introduction__steps--registration .step-first {
    width: calc(32.836% - 10px);
}

.page_introduction__steps--registration .step-second {
    width: calc(67.164% - 10px);
}

.page_introduction__steps--registration .step-third {
    width: calc(25.522% - 10px);
}

.page_introduction__steps--registration .step-fourth {
    width: calc(44.403% - 20px);
}

.page_introduction__steps--registration .step-fifth {
    width: calc(30.075% - 10px);
}

.page_introduction__steps--application .step-first {
    background-position-x: right;
}

.page_introduction__steps--application .step-second {
    width: calc(32.836% - 10px);
}

.page_introduction__steps--application .step-third {
    width: calc(39.776% - 20px);
}

.page_introduction__steps--application .step-fourth {
    width: calc(27.388% - 10px);
}

.page_introduction__steps--verification .step-second {
    width: calc(54.478% - 20px);
}

.page_introduction__steps--verification .step-third {
    width: calc(26.418% - 10px);
}

.page_introduction__steps--mentors-registration .step-first {
    width: calc(28.433% - 10px);
}

.page_introduction__steps--mentors-registration .page_introduction__step.step-second {
    width: calc(45.821% - 20px);
    background-image: url('/introduction/../local/templates/movement-first/images/steps/page_introduction_men_reg__step-2.png');
    background-position-y: 11px;
    background-size: auto;
}

.page_introduction__steps--mentors-registration .page_introduction__step.step-third {
    width: calc(25.522% - 10px);
    background-image: url('/introduction/../local/templates/movement-first/images/steps/page_introduction_men_reg__step-3.png');
    background-size: auto 100%;
}


/*.page_introduction__steps {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    counter-reset: step;
}

.page_introduction__steps--registration {
    grid-template-areas:
        "step-zero step-zero step-zero step-zero step-zero step-zero step-zero step-zero step-zero intro-image intro-image intro-image"
        "step-first step-first step-first step-first step-second step-second step-second step-second step-second step-second step-second step-second"
        "step-third step-third step-third step-fourth step-fourth step-fourth step-fourth step-fourth step-fifth step-fifth step-fifth step-fifth"
        "step-sixth step-sixth step-sixth step-sixth step-sixth step-sixth step-sixth step-sixth step-sixth step-sixth step-sixth step-sixth";
    counter-reset: step -1;
}

.page_introduction__steps--application {
    grid-template-areas:
        "step-first step-first step-first step-first step-first step-first step-first step-first step-first step-first step-first step-first"
        "step-second step-second step-second step-third step-third step-third step-third step-third step-fourth step-fourth step-fourth step-fourth";
}

.page_introduction__steps--verification {
    grid-template-areas:
        "step-first step-first step-first step-first step-first step-first step-first step-first step-first step-first step-first step-first"
        "intro-image intro-image intro-image step-second step-second step-second step-second step-second step-second step-third step-third step-third";
}

.page_introduction__steps--mentors-registration {
    grid-template-areas:
        "step-first step-first step-first step-first step-second step-second step-second step-second step-second step-third step-third step-third"
        "step-fourth step-fourth step-fourth step-fourth step-fourth step-fourth step-fourth step-fourth step-fourth step-fourth step-fourth step-fourth";
}*/

.page_introduction__title {
    margin-bottom: 40px;
}

.page_introduction__steps-subtitle {
    font-family: Pragmatica Extended, arial, sans-serif;
    font-weight: 700;
    font-size: clamp(18px, 2vw, 24px);
    margin-bottom: 40px;
}

.page_introduction__steps-subtitle p:not(:last-child) {
    margin-bottom: 40px;
}

.page_introduction__steps-subtitle-span,
.page_introduction__steps-subtitle i {
    color: red;
    font-style: normal;
}

.page_introduction__title--mrg-top {
    margin-top: 60px;
}

.page_introduction__btn {
    width: fit-content;
    margin: 20px auto 0;
}

.page_introduction__step {
    counter-increment: step;
    display: grid;
    grid-template-rows: auto 1fr;
    row-gap: 15px;
    padding: 24px 24px 20px;
    border-radius: 20px;
    border: 1px solid #FFB2B2;
    background-color: #FFF4F4;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: right;
    width: 100%;
}

.page_introduction__step-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #E10B17;
    pointer-events: none;
    font-family: Pragmatica Extended, arial, sans-serif;
}

.page_introduction__step-text {
    font-size: clamp(10px, 2vw, 16px);
    line-height: 140%;
    display: inline;
    position: relative;
}

.page_introduction__step-span,
.page_introduction__step-text i {
    color: #E10B17;
    font-style: normal;
}

.page_introduction__step-link,
.page_introduction__step-text a {
    color: #E10B17;
    text-decoration: underline;
}

.page_introduction__step-text .UI_button-main {
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    width: fit-content;
}

.page_introduction__step-bolt {
    font-weight: 700;
}

.page_introduction__step-window {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px;
    border: 1px solid #E10B17;
    border-radius: 20px;
    background-color: white;
}

.page_introduction__step-window--inner {
    background-color: #FFF7F7;
}

.page_introduction__step-text ul {
    list-style: disc;
    padding-left: 1.1em;
}


.page_introduction__step-text ul li,
.page_introduction__step-text ol li {
    margin-bottom: 10px;
}

.page_introduction__step-text ul li:first-child,
.page_introduction__step-text ol li:first-child {
    margin-top: 10px;
}

.page_introduction__step-text ul li:last-child,
.page_introduction__step-text ol li:last-child {
    margin-bottom: 0;
}


.step-content {
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.page_introduction__step-list .UI_button-main,
.page_introduction__step-text ul .UI_button-main {
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 10px;
    line-height: 1.1;
    font-weight: 700;
}

.page_introduction__step-text ol {
    padding-left: 1em;
}

.page_introduction__step-text ol li::marker {
    color: #E10B17;
}

.page_introduction__step-wrapper {
    display: flex;
    gap: 15px;
}

.page_introduction__step.step-zero {
    grid-area: step-zero;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-0.png");
}

.page_introduction__step.step-first {
    grid-area: step-first;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-1.png");
}

.page_introduction__steps--registration .page_introduction__step.step-first .page_introduction__step-list li p::before {
    top: 50%;
    transform: translateY(-50%);
}

.page_introduction__step.step-second {
    grid-area: step-second;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-2.png");
}

.page_introduction__steps--registration .page_introduction__step.step-second {
    padding: 24px 23px 86px;
}

.page_introduction__steps--registration .page_introduction__step.step-second .step-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
}

 .page_introduction__step.step-zero {
    grid-area: step-zero;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-0.png");
    padding: 17px 24px;
}

.page_introduction__step.step-first,
.page_introduction__steps--application .page_introduction__step.step-second {
    grid-area: step-first;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-1.png");
    background-size: auto;
    background-position-y: top;
}

.page_introduction__step.step-second {
    grid-area: step-second;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-2.png");
    background-position-y: 11px;
}

.page_introduction__steps--registration .step-second {
    background-size: 675px 350px;
}

.page_introduction__steps--application .page_introduction__step.step-third {
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction_app__step-3.png");
    background-position-y: top;
    background-position-x: right;
}

.page_introduction__step.step-third {
    grid-area: step-third;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-3.png");
}

 .page_introduction__steps--application .page_introduction__step.step-fourth {
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction_app__step-4.png");
    background-position-y: 13px
}

.page_introduction__step.step-fifth {
    grid-area: step-fifth;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-5.png");
}

.page_introduction__step.step-fourth {
    grid-area: step-fourth;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-4.png");
}

.page_introduction__step.step-sixth,
.page_introduction__steps--mentors-registration .page_introduction__step.step-fourth {
    grid-area: step-sixth;
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-6.png");
    background-position-x: 16%;
    background-size: 46%;
}

.page_introduction__steps--mentors-application .page_introduction__step.step-sixth {
    background-size: auto;
}


.page_introduction__steps--verification .page_introduction__step.step-first,
.page_introduction__steps--application .page_introduction__step.step-first {
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-6.png");
}

.page_introduction__steps--verification .page_introduction__step.step-second {
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction_ver__step-2.png");
    background-position-x: right;
    background-position-y: top;
    background-size: auto;
}


.page_introduction__steps--verification .page_introduction__step-image {
    grid-area: intro-image;
    background: url("/introduction/../local/templates/movement-first/images/steps/page_introduction-dog-2.png") center / contain no-repeat;
    width: calc(19.03% - 10px);
    height: auto;
    aspect-ratio: 245 / 389;
    margin-top: -30px;
}


.page_introduction__steps--registration .page_introduction__step.step-sixth .step-content,
.page_introduction__steps--mentors-registration .page_introduction__step.step-fourth .step-content {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 24px;
    background-position-x: 15%;
}

.page_introduction__steps--registration .page_introduction__step.step-sixth .step-content {
    grid-column: 1;
    grid-row: 2;
}

.page_introduction__steps--registration .page_introduction__step.step-sixth .page_introduction__step-window,
.page_introduction__steps--mentors-registration .page_introduction__step.step-fourth .page_introduction__step-window {
    grid-column: 2;
    grid-row: 1 / -1;
    margin-top: -80px;
}


.page_introduction__steps--registration .page_introduction__step-image {
    grid-area: intro-image;
    background: url("/introduction/../local/templates/movement-first/images/page_introduction-dog.png") center / 209px no-repeat;
}


.page_introduction__step-image {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.page_introduction__steps--mentors-application {
    display: grid;
    grid-template-columns: 32.089% 17.164% 25.298% 23.880%;
    grid-template-areas:
        "step-zero step-zero step-zero step-zero"
        "step-first step-first step-second step-second"
        "step-third step-fourth step-fourth step-fifth"
        "step-sixth step-eight step-eight step-eight"
        "step-sixth step-ninth step-ninth step-ninth";
}

.page_introduction__steps--mentors-application .step-eight {
    grid-row: 4;
    grid-column: span 3;
}

.page_introduction__steps--mentors-application .step-ninth {
    grid-row: 5;
    grid-column: span 3;
}

.page_introduction__steps--mentors-application .step-sixth {
    grid-row: 4 / span 2;
}


.page_introduction__steps--application .page_introduction__step.step-first .step-content,
.page_introduction__steps--verification .page_introduction__step.step-first .step-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
}

@media screen and (min-width: 1619px) {
    .page_introduction__step.step-sixth {
        background-position-x: 16%
    }
}

@media screen and (max-width: 1440px) {
    .page_introduction__steps--mentors-application {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1365px) {
    .page_introduction__steps--verification .page_introduction__step-image {
        background-position-y: bottom;
    }
}

@media (max-width: 1279px) {
    .page_introduction__step.step-second {
        background-position-y: bottom;
    }
}

@media (max-width: 1024px) {

    .page_introduction__steps .page_introduction__step {
        width: 100% !important;
    }

    .page_introduction__steps .page_introduction__step {
        padding: 20px;
    }

    .page_introduction__steps--application .page_introduction__step.step-first .step-content,
    .page_introduction__steps--verification .page_introduction__step.step-first .step-content,
    .page_introduction__steps--mentors-registration .page_introduction__step.step-fourth .step-content,
    .page_introduction__steps--registration .page_introduction__step.step-sixth .step-content {
        grid-template-columns: 1fr;
    }

    .page_introduction__step-image {
        grid-area: auto;
        display: none;
    }

    .page_introduction__step {
        padding: 20px;
    }

    .page_introduction__step-title {
        font-size: 48px;
    }

    .page_introduction__steps--registration .page_introduction__step.step-second .step-content {
        grid-template-columns: 1fr;
        row-gap: 15px;
    }

    .page_introduction__steps--registration .page_introduction__step.step-sixth,
    .page_introduction__steps--mentors-registration .page_introduction__step.step-fourth {
        grid-template-columns: 1fr;
        background-position-x: right;
    }

    .page_introduction__steps--registration .page_introduction__step.step-sixth .page_introduction__step-window,
    .page_introduction__steps--mentors-registration .page_introduction__step.step-fourth .page_introduction__step-window {
        grid-column: 1;
        grid-row: auto;
        margin-top: 0;
    }

    .page_introduction__step.step-sixth {
        background-size: auto;
    }
}

@media (max-width: 768px) {
    .page_introduction__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "step-zero step-zero"
            "step-first step-first"
            "step-second step-second"
            "step-third step-third"
            "step-fourth step-fourth"
            "step-fifth step-fifth"
            "step-sixth step-sixth";
    }
}


.page_introduction__steps--application .page_introduction__step.step-first .step-content,
.page_introduction__steps--verification .page_introduction__step.step-first .step-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
}

.page_introduction__steps--verification .page_introduction__step.step-first,
.page_introduction__steps--application .page_introduction__step.step-first {
    background-image: url("/introduction/../local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-1.png");
    background-position: 95% top;
}

.page_introduction__steps--verification .page_introduction__step.step-second,
.page_introduction__steps--application .page_introduction__step.step-second {
    background-image: url("/introduction/../local/templates/movement-first/images/steps/page_introduction__step-1.png");
}

.page_introduction__steps--verification .page_introduction__step.step-third {
    background-position-x: right;
    background-position-y: bottom;
    background-image: url("/introduction/../local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-10.png");
    background-size: contain;
}

.page_introduction__steps--verification .page_introduction__step-image {
    grid-area: intro-image;

}

@media (max-width: 1024px) {
    .page_introduction__steps--verification.page_introduction__steps {
        grid-template-areas:
            "step-first step-first"
            "step-second step-second"
            "step-third step-third";
    }

    .page_introduction__steps--application .page_introduction__step.step-first .step-content,
    .page_introduction__steps--verification .page_introduction__step.step-first .step-content {
        grid-template-columns: 1fr;
    }
}


.page_introduction__video-block {
    padding: 60px 40px 40px;
    background-color: #F9F9FB;
    background-image: url("/introduction/../local/templates/movement-first/images/page_introduction-background-video.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
}


.page_introduction__video-block-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page_introduction__video-block-wrapper {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

@media (max-width: 1366px) {
    .page_introduction__video-block-wrapper {
        flex-direction: column;
    }

    .page_introduction__steps--verification .page_introduction__step.step-first,
    .page_introduction__steps--application .page_introduction__step.step-first {
        background-position: right top;
    }
}

.page_introduction__video-block-wrapper .complex_video {
    min-width: 950px;
}

@media (max-width: 1366px) {
    .page_introduction__video-block-wrapper .complex_video {
        min-width: unset;
    }
}

@media (max-width: 768px) {
    .page_introduction__video-block-wrapper .complex_video {
        height: 300px;
    }
}

.page_introduction__video-block-content {
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.page_introduction__video-block-subtitle {
    font-weight: 700;
    font-size: clamp(18px, 2vw, 22px);
}


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

.video-list-item {
    position: relative;
    padding-left: calc(24px + 8px);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.video-list-item::before {
    content: '';
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("/introduction/../local/templates/movement-first/icons/icon-double-arrow.svg") center / contain no-repeat;
}

.video-list-item__title {
    margin: 0 0 4px;
    color: #E53935;
    font-size: 16px;
    font-weight: 700;
}

.video-list-item__text {
    color: #252525;
    font-size: 16px;
}


.page_introduction__download-block {
    background-color: #214FE2;
    border-radius: 20px;
    padding: 40px;
    width: 100%;
}

.page_introduction__download-block-inner {
    background: linear-gradient(90deg, #7495FF 0%, #527BFF 100%);
    border-radius: 20px;
    padding: 5px 22px;
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 1279px) {
    .page_introduction__download-block-inner {
        flex-wrap: wrap;
        padding: 20px;
        gap: 15px;
    }
}

.page_introduction__download-text {
    font-family: Pragmatica Extended, arial, sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 2vw, 20px);
    color: white;
}

@media (max-width: 1279px) {
    .page_introduction__download-text {
        flex: 1 1 0;
        width: auto;
    }
}

.page_introduction__download-block-wrapper {
    display: flex;
    gap: 15px;
}

@media (max-width: 1279px) {
    .page_introduction__download-block-wrapper {
        flex: 0 0 100%;
        flex-direction: column;
    }
}

.page_introduction__download-block .UI_button-main {
    white-space: nowrap;
}

.page_introduction__download-img {
    min-width: 100px;
}

.page_introduction__download-img img {
    width: 100%;
}

@media (max-width: 1279px) {
    .page_introduction__download-img {
        flex: 0 0 auto;
        min-width: unset;
    }

    .page_introduction__download-img img {
        width: 80%;
    }
}


/* End */


/* Start:/local/components/pervye/introduction.block/templates/.default/style.css?17712459472390*/
.page_introduction__steps--mentors-application .page_introduction__step.step-zero {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-1.png");
}

@media screen and (min-width: 1440px) {
    .page_introduction__steps--mentors-application .page_introduction__step.step-zero .step-content {
        flex-direction: row;
    }

    .page_introduction__steps--mentors-application .page_introduction__step.step-zero .page_introduction__step-window {
        min-width: 570px;
        max-width: 570px;
    }
}

.page_introduction__steps--mentors-application .page_introduction__step.step-first {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-2.png");
}

.page_introduction__steps--mentors-application .page_introduction__step.step-second {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-3.png");
}

.page_introduction__steps--mentors-application .page_introduction__step.step-third {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-4.png");
}

.page_introduction__steps--mentors-application .page_introduction__step.step-fourth {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-5.png");
}

.page_introduction__steps--mentors-application .page_introduction__step.step-fifth {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-6.png");
}

.page_introduction__steps--mentors-application .page_introduction__step.step-sixth {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-7.png");
}

.page_introduction__steps--mentors-application .page_introduction__step.step-eight {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-8.png");
}

.page_introduction__steps--mentors-application .page_introduction__step.step-ninth {
    background-image: url("/local/components/pervye/introduction.block/templates/.default/image/mentors-application/frame-9.png");
}

@media screen and (min-width: 1440px) {
    .page_introduction__steps--mentors-application .page_introduction__step.step-ninth .step-content {
        flex-direction: row;
    }

    .page_introduction__steps--mentors-application .page_introduction__step.step-ninth .page_introduction__step-window {
        max-width: 382px;
        min-width: 382px;
    }
}

.block-verification {
    position: relative;
}

.block-verification .page_introduction__btn {
    position: absolute;
    left: 10px;
    bottom: 0;
}

@media (max-width: 1365px) {
    .block-verification .page_introduction__btn {
        position: static;
    }
}
/* End */


/* Start:/local/components/pervye/introduction.video/templates/.default/style.css?177124594757*/
.page_introduction__video-block {
    margin-bottom: 0;
}
/* End */
/* /introduction/style.css?177211516927140 */
/* /local/components/pervye/introduction.block/templates/.default/style.css?17712459472390 */
/* /local/components/pervye/introduction.video/templates/.default/style.css?177124594757 */