:root {
    --sectionIndent: 100px
}

@media screen and (max-width: 480px) {
    :root {
        --sectionIndent: 50px
    }
}

.flex-col-centered, .flex-row-centered {
    display: flex;
    justify-content: center
}

.flex-col-centered {
    flex-direction: column
}

.shadow {
    box-shadow: 0 12px 21px 0 rgba(46, 228, 255, .5)
}

.shadow-svg {
    -webkit-filter: drop-shadow(0 12px 21px rgba(46, 228, 255, .4));
    filter: drop-shadow(0 12px 21px rgba(46, 228, 255, .4))
}

.shadow-svg-pink {
    -webkit-filter: drop-shadow(0 10px 4px rgba(232, 62, 140, .6));
    filter: drop-shadow(0 10px 4px rgba(232, 62, 140, .6))
}

.navigation-arrow, .shadow-svg-arrow {
    -webkit-filter: drop-shadow(0 0 4px #2ee4ff);
    filter: drop-shadow(0 0 4px rgb(46, 228, 255))
}

.play-arrow, .shadow-svg-play {
    -webkit-filter: drop-shadow(0 0 12px #2ee4ff);
    filter: drop-shadow(0 0 12px rgb(46, 228, 255))
}

.trapezoid-out {
    perspective: 1000px;
    width: 40px;
    height: 32px
}

.trapezoid-in {
    width: inherit;
    height: inherit;
    transform: rotateX(65deg) scaleY(3);
    top: -2px
}

.trapezoid-in-invert {
    width: inherit;
    height: inherit;
    transform: rotateX(-65deg) scaleY(3)
}

.banner {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.navigation-arrow {
    background-image: url(/dist/images/src/images/navigation/navigation_arrow.svg)
}

.navigation-arrow, .play-arrow {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.play-arrow {
    background-image: url(/dist/images/src/images/navigation/video_play.svg)
}

.play-arrow-background {
    background-image: url(/dist/images/src/images/navigation/video_play_bg.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.direction-new-learn {
    overflow: hidden
}

.direction-new-learn-title, .direction-new-learn .title-black-new {
    margin: 0 auto 120px
}

@media screen and (max-width: 1024px) {
    .direction-new-learn-title, .direction-new-learn .title-black-new {
        margin-bottom: 40px
    }
}

.direction-new-learn__container {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%
}

.direction-new-learn__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__block {
        flex-direction: column-reverse;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 680px) {
    .direction-new-learn__block {
        margin-bottom: 0
    }
}

.direction-new-learn__block:last-child {
    margin-bottom: 0
}

.direction-new-learn__block .direction-new-learn__img {
    width: 620px;
    height: 620px;
    background-size: contain
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__block .direction-new-learn__img {
        width: 80%;
        height: 450px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 680px) {
    .direction-new-learn__block .direction-new-learn__img {
        width: 100%;
        height: 85vw
    }
}

@media screen and (max-width: 480px) {
    .direction-new-learn__block:first-of-type .direction-new-learn__content {
        padding-right: 0
    }
}

.direction-new-learn__block:first-of-type .direction-new-learn__content-title {
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 24px
}

@media screen and (max-width: 680px) {
    .direction-new-learn__block:first-of-type .direction-new-learn__content-title {
        font-size: 36px;
        line-height: 44px
    }
}

.direction-new-learn__block:first-of-type .direction-new-learn__img {
    right: 0;
    background-image: url(/static/img/01.png)
}

@media screen and (max-width: 1440px) {
    .direction-new-learn__block:first-of-type .direction-new-learn__img {
        background-position: 50%
    }
}

@media screen and (max-width: 1285px) {
    .direction-new-learn__block:first-of-type .direction-new-learn__img {
        background-position: 50%;
        right: -75px
    }
}

@media screen and (max-width: 1280px) {
    .direction-new-learn__block:first-of-type .direction-new-learn__img {
        background-size: contain
    }
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__block:first-of-type .direction-new-learn__img {
        margin-right: 0;
        right: 0
    }
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__block:nth-of-type(2) {
        flex-direction: column
    }
}

.direction-new-learn__block:nth-of-type(2) .direction-new-learn__content {
    margin-left: 73px;
    padding-top: 30px
}

@media screen and (max-width: 1440px) {
    .direction-new-learn__block:nth-of-type(2) .direction-new-learn__content {
        margin-left: 99px
    }
}

@media screen and (max-width: 1280px) {
    .direction-new-learn__block:nth-of-type(2) .direction-new-learn__content {
        margin-left: 80px
    }
}

@media screen and (max-width: 1279px) {
    .direction-new-learn__block:nth-of-type(2) .direction-new-learn__content {
        padding-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__block:nth-of-type(2) .direction-new-learn__content {
        margin-left: 0
    }
}

.direction-new-learn__block:nth-of-type(2) .direction-new-learn__img {
    left: 0;
    background-image: url(/static/img/02.png)
}


@media screen and (max-width: 1440px) {
    .direction-new-learn__block:nth-of-type(2) .direction-new-learn__img {
        margin-left: 51px;
        background-size: 550px;
        background-position: 50%
    }
}

@media screen and (max-width: 1285px) {
    .direction-new-learn__block:nth-of-type(2) .direction-new-learn__img {
        margin-left: 0
    }
}

@media screen and (max-width: 1280px) {
    .direction-new-learn__block:nth-of-type(2) .direction-new-learn__img {
        background-size: contain;
        left: 0
    }
}

.direction-new-learn__block:nth-of-type(3) .direction-new-learn__content {
    max-width: 545px
}

@media screen and (max-width: 1280px) {
    .direction-new-learn__block:nth-of-type(3) .direction-new-learn__content {
        max-width: 510px
    }
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__block:nth-of-type(3) .direction-new-learn__content {
        width: 100%;
        max-width: 100%
    }
}

.direction-new-learn__block:nth-of-type(3) .direction-new-learn__img {
    right: 0;
    background-image: url(/static/img/03.png)
}

@media screen and (max-width: 1440px) {
    .direction-new-learn__block:nth-of-type(3) .direction-new-learn__img {
        background-position: 50%
    }
}

@media screen and (max-width: 1285px) {
    .direction-new-learn__block:nth-of-type(3) .direction-new-learn__img {
        right: 0;
        background-size: contain
    }
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__block:nth-of-type(3) .direction-new-learn__img {
        background-position: 50%
    }
}

.direction-new-learn__img {
    width: 54%;
    height: 650px;
    background-size: auto;
    background-position: 0;
    background-repeat: no-repeat;
    position: relative
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__img {
        width: 80%
    }
}

@media screen and (max-width: 992px) {
    .direction-new-learn__img {
        width: 100%
    }
}

@media screen and (max-width: 680px) {
    .direction-new-learn__img {
        height: 300px;
        background-size: contain
    }
}

.direction-new-learn__content {
    max-width: 525px;
    width: 100%;
    padding-right: 20px
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__content {
        max-width: 100%
    }
}

.direction-new-learn__content .direction-new-learn__item {
    max-width: 525px
}

@media screen and (max-width: 1440px) {
    .direction-new-learn__content .direction-new-learn__item {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__content .direction-new-learn__item {
        max-width: 600px;
        margin: 0 auto
    }
}

@media screen and (max-width: 680px) {
    .direction-new-learn__content .direction-new-learn__item {
        margin-bottom: 28px
    }
}

@media screen and (max-width: 480px) {
    .direction-new-learn__content .direction-new-learn__item {
        margin-bottom: 34px
    }
}

.direction-new-learn__content .direction-new-learn__item:last-child {
    margin-bottom: 0
}

.direction-new-learn__content .direction-new-learn__item .direction-new-item-title {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: .01em;
    margin-bottom: 12px
}

@media screen and (max-width: 680px) {
    .direction-new-learn__content .direction-new-learn__item .direction-new-item-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
        font-weight: 500
    }
}

.direction-new-learn__content .direction-new-learn__item .direction-new-text {
    display: block !important;
    color: #76767d;
    margin-top: 10px;
    margin-bottom: 20px;
}

.direction-new-learn__content .direction-new-learn__item .direction-new-li {
    display: block !important;
    color: #76767d;
    margin-bottom: 5px
}

@media screen and (max-width: 1024px) {
    .direction-new-learn__content .direction-new-learn__item .direction-new-text {
        margin-bottom: 45px
    }
}

.direction-new-learn .mb-0 {
    margin-bottom: 0 !important
}

.direction-design-new .new-advantages, .direction-rpo-new .new-advantages, .direction-school-student .new-advantages, .networks-new .new-advantages {
    background: linear-gradient(180deg, #f5f5f7, rgba(245, 245, 247, 0)), #fff
}

.direction-design-new .new-advantages .direction-new-for-whom__content, .direction-rpo-new .new-advantages .direction-new-for-whom__content, .direction-school-student .new-advantages .direction-new-for-whom__content, .networks-new .new-advantages .direction-new-for-whom__content {
    position: relative;
    justify-content: space-between
}

@media screen and (max-width: 680px) {
    .direction-design-new .new-advantages .direction-new-for-whom__content, .direction-rpo-new .new-advantages .direction-new-for-whom__content, .direction-school-student .new-advantages .direction-new-for-whom__content, .networks-new .new-advantages .direction-new-for-whom__content {
        display: none
    }
}

.direction-design-new .new-advantages .direction-new-for-whom__content-item, .direction-rpo-new .new-advantages .direction-new-for-whom__content-item, .direction-school-student .new-advantages .direction-new-for-whom__content-item, .networks-new .new-advantages .direction-new-for-whom__content-item {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 1289px) {
    .direction-design-new .new-advantages .direction-new-for-whom__content-item, .direction-rpo-new .new-advantages .direction-new-for-whom__content-item, .direction-school-student .new-advantages .direction-new-for-whom__content-item, .networks-new .new-advantages .direction-new-for-whom__content-item {
        width: 48% !important
    }
}

@media screen and (max-width: 680px) {
    .direction-design-new .new-advantages .direction-new-for-whom__content-item, .direction-rpo-new .new-advantages .direction-new-for-whom__content-item, .direction-school-student .new-advantages .direction-new-for-whom__content-item, .networks-new .new-advantages .direction-new-for-whom__content-item {
        width: fit-content !important
    }
}

.direction-design-new .new-advantages .direction-new-for-whom__content-text, .direction-rpo-new .new-advantages .direction-new-for-whom__content-text, .direction-school-student .new-advantages .direction-new-for-whom__content-text, .networks-new .new-advantages .direction-new-for-whom__content-text {
    color: #747478;
    font-weight: 400
}

.direction-design-new .new-advantages .direction-new-for-whom__content_mob, .direction-rpo-new .new-advantages .direction-new-for-whom__content_mob, .direction-school-student .new-advantages .direction-new-for-whom__content_mob, .networks-new .new-advantages .direction-new-for-whom__content_mob {
    display: none
}

@media screen and (max-width: 680px) {
    .direction-design-new .new-advantages .direction-new-for-whom__content_mob, .direction-rpo-new .new-advantages .direction-new-for-whom__content_mob, .direction-school-student .new-advantages .direction-new-for-whom__content_mob, .networks-new .new-advantages .direction-new-for-whom__content_mob {
        display: block;
        margin-bottom: 36px
    }
}

.direction-design-new .new-advantages .direction-new-for-whom__content_mob .swiper-pagination-bullets, .direction-rpo-new .new-advantages .direction-new-for-whom__content_mob .swiper-pagination-bullets, .direction-school-student .new-advantages .direction-new-for-whom__content_mob .swiper-pagination-bullets, .networks-new .new-advantages .direction-new-for-whom__content_mob .swiper-pagination-bullets {
    bottom: -30px
}

.direction-design-new .new-advantages .direction-new-for-whom__content_mob .direction-new-for-whom__content-item, .direction-rpo-new .new-advantages .direction-new-for-whom__content_mob .direction-new-for-whom__content-item, .direction-school-student .new-advantages .direction-new-for-whom__content_mob .direction-new-for-whom__content-item, .networks-new .new-advantages .direction-new-for-whom__content_mob .direction-new-for-whom__content-item {
    width: fit-content;
    padding: 32px 16px;
    margin: 0
}

.direction-design-new .new-advantages .direction-new-for-whom__content_mob .slide, .direction-rpo-new .new-advantages .direction-new-for-whom__content_mob .slide, .direction-school-student .new-advantages .direction-new-for-whom__content_mob .slide, .networks-new .new-advantages .direction-new-for-whom__content_mob .slide {
    background: #ddd;
    border-radius: 24px
}

.student-stories {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%
}

@media screen and (max-width: 992px) {
    .student-stories {
        flex-direction: column;
        align-items: center
    }
}

.student-stories__wrapper {
    max-width: 1296px;
    margin: 0 auto
}

.student-stories__header {
    font-weight: 700;
    color: #000;
    margin-bottom: 64px;
    text-align: left !important
}

.student-stories__story {
    display: none;
    width: 48%;
    margin-bottom: 64px
}

@media screen and (max-width: 992px) {
    .student-stories__story {
        width: 100%;
        max-width: 100%
    }
}

.student-stories__story:last-child {
    margin-bottom: 0
}

.student-stories__innerWrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 24px;
    background: #fff;
    border: 1px solid #dde0eb;
    border-radius: 16px
}

.student-stories__img {
    width: 64px;
    height: 64px;
    margin-right: 32px;
    flex: 0 0 64px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .student-stories__img {
        margin-right: 12px
    }
}

.student-stories__img .social-links {
    position: absolute;
    right: -2px;
    bottom: -2px;
    display: flex;
    gap: 8px
}

.student-stories__img .social-links .review-main-link {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover
}

.student-stories__img .social-links .fb {
    background-image: url(/dist/images/src/images/common/facebook.svg)
}

.student-stories__img .social-links .google {
    background-image: url(/dist/images/src/images/common/google.svg)
}

.student-stories__img img {
    object-fit: cover;
    height: 100%;
    border-radius: 50%;
    width: 100%
}

.student-stories__head {
    display: inline-block
}

.student-stories__head-wrap {
    display: flex;
    width: 100%;
    padding-right: 48px
}

.student-stories__name {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 24px;
    color: #161736;
    margin-bottom: 8px
}

.student-stories__workplace {
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #666;
    text-align: left
}

.student-stories__companyLogo {
    position: absolute;
    right: 24px;
    width: 48px;
    height: 48px
}

.student-stories__yellowStar {
    background-image: url(/dist/images/src/images/common/yellowStar.svg)
}

.student-stories__greyStar, .student-stories__yellowStar {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain
}

.student-stories__greyStar {
    background-image: url(/dist/images/src/images/common/greyStar.svg)
}

.student-stories__description {
    margin-top: 24px;
    border-radius: 0 32px 32px 32px
}

.student-stories__description p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(22, 23, 54, .8)
}

.student-stories__description_link {
    margin-top: 24px;
    color: #76767d;
    text-decoration: underline
}

.student-stories_re {
    margin-bottom: 73px !important
}

@media screen and (min-width: 1024px) {
    .student-stories_re {
        margin-bottom: 119px !important
    }
}

.student-stories_re .student-stories__wrapper {
    max-width: 1330px;
    margin: auto;
    padding: 21px 16px 0
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__wrapper {
        padding: 21px 24px 0
    }
}

.student-stories_re .student-stories__header {
    color: #000;
    margin-bottom: 48px
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__header {
        text-align: center;
        margin-bottom: 71px
    }
}

.student-stories_re .student-stories__head-wrap {
    flex-direction: column
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__head-wrap {
        flex-direction: row
    }
}

.student-stories_re .student-stories__innerWrapper {
    padding: 32px 24px;
    background: #fff;
    box-shadow: 0 1px 25px rgba(0, 0, 0, .16);
    border-radius: 18px;
    border: none
}

@media screen and (min-width: 1024px) {
    .student-stories_re .student-stories__innerWrapper {
        box-shadow: 0 2px 40px rgba(0, 0, 0, .24);
        border-radius: 24px;
        padding: 24px
    }
}

.student-stories_re .student-stories__img {
    margin-bottom: 16px
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__img {
        margin-bottom: 0
    }
}

.student-stories_re .student-stories__name {
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    color: #000;
    margin-bottom: 6px
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__name {
        margin-bottom: 4px
    }
}

.student-stories_re .student-stories__workplace {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #000
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__workplace {
        font-size: 16px
    }
}

.student-stories_re .student-stories__description p {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    color: #747478
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__description p {
        font-size: 16px
    }
}

.student-stories_re .student-stories__description_link {
    color: #3963ff;
    text-decoration: none;
    position: relative;
    margin-top: 25px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__description_link {
        font-size: 18px;
        line-height: 28px
    }
}

.student-stories_re .student-stories__description_link:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 3.5px;
    background: url(/dist/images/src/images/about-academy/success/arrow.svg) 50% no-repeat;
    padding: 8px 4px
}

@media screen and (min-width: 578px) {
    .student-stories_re .student-stories__description_link:before {
        right: -15px;
        top: 7.5px
    }
}

.student-stories_re .student-stories__story {
    margin-bottom: 48px
}

@media screen and (min-width: 992px) {
    .student-stories_re .student-stories__story {
        margin-bottom: 72px
    }
}

.student-stories_re .student-stories__btn_border {
    font-family: Inter, sans-serif;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, .3);
    box-sizing: border-box;
    border-radius: 6px;
    transition: all .8s ease 0s;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    padding: 11px 26px
}

@media screen and (min-width: 1024px) {
    .student-stories_re .student-stories__btn_border {
        font-size: 18px;
        line-height: 27px;
        padding: 13px 26px
    }

    .student-stories_re .student-stories__btn_border:hover {
        transform: scale(1.1)
    }
}

.new-certificate--default .new-certificate__wrap {
    background: linear-gradient(0deg, #3b404e, #3b404e), linear-gradient(0deg, #27399a, #27399a), #f5f5f7
}

.new-certificate--network .new-certificate__wrap {
    background: linear-gradient(0deg, #14834a, #14834a), #f5f5f7
}

.new-certificate__wrap {
    max-width: 1296px;
    padding: 99px 48px 94px 72px;
    margin: 0 auto;
    border-radius: 48px;
    display: flex;
    justify-content: space-between;
    gap: 64px;
    position: relative
}

@media screen and (max-width: 1280px) {
    .new-certificate__wrap {
        padding: 99px 0 94px 72px
    }
}

@media screen and (max-width: 1200px) {
    .new-certificate__wrap {
        padding: 99px 0 94px 32px
    }
}

@media screen and (max-width: 860px) {
    .new-certificate__wrap {
        padding: 99px 32px 113px;
        flex-direction: column;
        align-items: center;
        gap: 100px
    }
}

@media screen and (max-width: 680px) {
    .new-certificate__wrap {
        border-radius: 16px;
        padding: 72px 18px 113px;
        overflow: hidden
    }
}

@media screen and (max-width: 578px) {
    .new-certificate__wrap {
        padding: 72px 18px 55px
    }
}

@media screen and (max-width: 480px) {
    .new-certificate__wrap {
        padding: 72px 18px 33px
    }
}

.new-certificate__wrap:before {
    position: absolute;
    content: "";
    z-index: 0;
    width: 93px;
    height: 45px;
    background-image: url(/dist/images/src/images/common/diplom/elem.png);
    background-image: -webkit-image-set(url(/dist/images/src/images/common/diplom/elem.webp) 1x, url(/dist/images/src/images/common/diplom/elem@2x.webp) 2x);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 11.9%
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .new-certificate__wrap:before {
        background-image: url(/dist/images/src/images/common/diplom/elem@2x.png);
        background-image: -webkit-image-set(url(/dist/images/src/images/common/diplom/elem@2x.webp) 2x)
    }
}

.new-certificate__content {
    max-width: 43.368%
}

@media screen and (max-width: 860px) {
    .new-certificate__content {
        max-width: 100%
    }
}

.new-certificate__subtitle {
    color: hsla(0, 0%, 100%, .7);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 24px 0 47px
}

@media screen and (max-width: 680px) {
    .new-certificate__subtitle {
        font-size: 16px;
        line-height: 26px;
        margin: 12px 0 24px
    }
}

.new-certificate__row {
    display: flex;
    gap: 21px;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .new-certificate__row {
        flex-wrap: wrap
    }
}

.new-certificate__images {
    position: relative;
    height: 317.263px
}

@media screen and (max-width: 1150px) {
    .new-certificate__images {
        scale: .9;
        bottom: -28px
    }
}

@media screen and (max-width: 1100px) {
    .new-certificate__images {
        scale: .8;
        bottom: 0;
        right: -55px
    }
}

@media screen and (max-width: 1024px) {
    .new-certificate__images {
        bottom: -62px;
        right: 0
    }
}

@media screen and (max-width: 992px) {
    .new-certificate__images {
        bottom: -21px;
        right: -55px
    }
}

@media screen and (max-width: 680px) {
    .new-certificate__images {
        scale: 1;
        bottom: -33px;
        width: 100%;
        right: auto;
        height: auto
    }
}

.new-certificate__images:before {
    position: absolute;
    content: "";
    z-index: 0;
    width: 714px;
    height: 603px;
    background-image: url(/dist/images/src/images/common/diplom/certificates.png);
    background-image: -webkit-image-set(url(/dist/images/src/images/common/diplom/certificates.webp) 1x, url(/dist/images/src/images/common/diplom/certificates@2x.webp) 2x);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    top: -132px;
    left: -194px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .new-certificate__images:before {
        background-image: url(/dist/images/src/images/common/diplom/certificates@2x.png);
        background-image: -webkit-image-set(url(/dist/images/src/images/common/diplom/certificates@2x.webp) 2x)
    }
}

@media screen and (max-width: 680px) {
    .new-certificate__images:before {
        width: 130%;
        top: -132px;
        left: 50%;
        transform: translate(-52%)
    }
}

.new-certificate__images:after {
    position: absolute;
    content: "";
    z-index: 2;
    width: 528px;
    height: 142px;
    background-image: url(/dist/images/src/images/common/diplom/folder.png);
    background-image: -webkit-image-set(url(/dist/images/src/images/common/diplom/folder.webp) 1x, url(/dist/images/src/images/common/diplom/folder@2x.webp) 2x);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    bottom: -153.5px;
    left: -96px
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .new-certificate__images:after {
        background-image: url(/dist/images/src/images/common/diplom/folder@2x.png);
        background-image: -webkit-image-set(url(/dist/images/src/images/common/diplom/folder@2x.webp) 2x)
    }
}

@media screen and (max-width: 680px) {
    .new-certificate__images:after {
        width: 106.2%;
        height: 210px;
        bottom: -80px;
        left: 50%;
        transform: translate(-50.2%)
    }
}

@media screen and (max-width: 480px) {
    .new-certificate__images:after {
        width: 106%;
        height: 97px;
        bottom: 0
    }
}

@media screen and (max-width: 360px) {
    .new-certificate__images:after {
        height: 75px
    }
}

.new-certificate__img {
    width: 471px;
    transform: rotate(-.675deg);
    object-fit: cover;
    position: relative;
    z-index: 1;
    bottom: -105px;
    left: -67.6px
}

@media screen and (max-width: 680px) {
    .new-certificate__img {
        width: 95%;
        height: auto;
        left: auto;
        display: block;
        margin: 0 auto;
        bottom: 0
    }
}

@media screen and (max-width: 360px) {
    .new-certificate__img {
        width: 95.5%
    }
}

.direction-rpo-new .chose-us.dark-theme {
    background: transparent
}

.direction-rpo-new .chose-us__subtitle_blue {
    color: #a7a7ac !important
}

.direction-rpo-new .direction-new-for-whom .direction-new-for-whom__title {
    position: relative
}

@media screen and (max-width: 500px) {
    .direction-rpo-new .direction-new-for-whom .direction-new-for-whom__title {
        max-width: 320px
    }
}

.direction-rpo-new .direction-new-for-whom .direction-new-for-whom__content-item .direction-new-for-whom__content-icon {
    position: relative;
    z-index: 5;
    left: 10px;
    width: 90px;
    height: 90px;
    border-radius: 9px;
    left: 5px;
    margin-bottom: 30px;
    background: linear-gradient(225deg, rgba(57, 99, 255, .25), rgba(57, 99, 255, .25))
}

.direction-rpo-new .direction-new-for-whom .direction-new-for-whom__content-item .direction-new-for-whom__content-icon:after {
    content: "";
    position: absolute;
    top: 10px;
    left: -10px;
    border-radius: 9px;
    width: 90px;
    height: 90px;
    z-index: -1
}

@media screen and (max-width: 768px) {
    .direction-rpo-new .direction-new-for-whom .direction-new-for-whom__content-item .direction-new-for-whom__content-icon {
        width: 90px !important;
        height: 90px !important
    }
}

.direction-rpo-new .direction-new-for-whom .icon-item-1:after {
    background: url(/static/icons/01.svg), linear-gradient(225deg, #0b96da, #3963ff);
    background-repeat: no-repeat;
    background-position: 50%
}

.direction-rpo-new .direction-new-for-whom .icon-item-2:after {
    background: url(/static/icons/02.svg), linear-gradient(225deg, #0b96da, #3963ff);
    background-repeat: no-repeat;
    background-position: 50%
}

.direction-rpo-new .direction-new-for-whom .icon-item-3:after {
    background: url(/static/icons/03.svg), linear-gradient(225deg, #0b96da, #3963ff);
    background-repeat: no-repeat;
    background-position: 50%
}

.direction-rpo-new .direction-new-learn__block:nth-of-type(2) {
    flex-direction: row-reverse
}

@media screen and (max-width: 1024px) {
    .direction-rpo-new .direction-new-learn__block:nth-of-type(2) {
        flex-direction: column-reverse
    }
}

.direction-rpo-new .new-advantages .direction-new-for-whom__content-icon {
    background: linear-gradient(225deg, rgba(57, 99, 255, .25), rgba(57, 99, 255, .25))
}

.direction-rpo-new .new-advantages .direction-new-for-whom__content .icon-item-1:after {
    background: no-repeat 50% url(/dist/images/src/images/courses-adult/rpo-new-2/being-trained/01.svg), linear-gradient(225deg, #3963ff, #3963ff)
}

.direction-rpo-new .new-advantages .direction-new-for-whom__content .icon-item-2:after {
    background: no-repeat 50% url(/dist/images/src/images/courses-adult/rpo-new-2/being-trained/02.svg), linear-gradient(225deg, #3963ff, #3963ff)
}

.direction-rpo-new .new-advantages .direction-new-for-whom__content .icon-item-3:after {
    background: no-repeat 50% url(/dist/images/src/images/courses-adult/rpo-new-2/being-trained/03.svg), linear-gradient(225deg, #3963ff, #3963ff)
}

.direction-rpo-new .new-advantages .direction-new-for-whom__content .icon-item-4:after {
    background: no-repeat 50% url(/dist/images/src/images/courses-adult/rpo-new-2/being-trained/04.svg), linear-gradient(225deg, #3963ff, #3963ff)
}

.direction-rpo-new .new-advantages .direction-new-for-whom__content .icon-item-5:after {
    background: no-repeat 50% url(/dist/images/src/images/courses-adult/rpo-new-2/being-trained/05.svg), linear-gradient(225deg, #3963ff, #3963ff)
}

.direction-rpo-new .new-advantages .direction-new-for-whom__content .icon-item-6:after {
    background: no-repeat 50% url(/dist/images/src/images/courses-adult/rpo-new-2/being-trained/06.svg), linear-gradient(225deg, #3963ff, #3963ff)
}

.direction-rpo-new .studyFormsNew-three__card_hidden {
    display: none
}

.direction-rpo-new .studyFormsNew-three {
    background-color: #f9fafe
}

.direction-rpo-new .studyFormsNew-three__form {
    background-color: #33334f
}

.direction-rpo-new .studyFormsNew-three__card {
    background: #2d2d42
}

.direction-rpo-new .studyFormsNew-three__card_active {
    background: #33334f;
    display: block !important
}

.direction-rpo-new .studyFormsNew-three__card_popular {
    display: none
}

.direction-rpo-new .studyFormsNew-three .direction-rpo__btn-new_transparent {
    background: #55556d;
    color: #fff;
}

.direction-rpo-new .new-advantages #advantages_swiper .swiper-slide {
    background: #030327
}

.direction-rpo-new .new-advantages #advantages_swiper .direction-new-for-whom__content-title {
    color: #fff
}

.direction-rpo-new .new-advantages #advantages_swiper .direction-new-for-whom__content-text {
    color: #aaa
}

.direction-rpo-new .swiper-pagination .swiper-pagination-bullet-active {
    background: #167bfc !important
}

.direction-rpo-new .direction-new-program {
    background: #030327
}

.direction-rpo-new .students-in-companies_big-span, .direction-rpo-new .students-in-companies_small-span {
    color: #3963ff !important
}

.direction-rpo-new .foundation-form .call-popup__wrap, .direction-rpo-new .pko-consult__wrap {
    background: #030327
}