.page._single-technology {
    background: url('../img/single-technology/bg.png') no-repeat left top;
    background-size: 1299px auto;
    color: #1F3238;
}

.page._single-technology .page__group-1 {
    position: relative;
    padding-bottom: 200px;
}

.page._single-technology .page__group-1:after {
    content: '';
    display: block;
    height: 631px;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), rgba(0, 255, 215, 0.12);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
}

.page._single-technology .page__group-2 {
    position: relative;
}

.page._single-technology .page__group-2:after {
    content: '';
    display: block;
    height: 406px;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), rgba(192, 183, 244, 0.32);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: -1;
}

.page._single-technology .section._entry {
    margin-bottom: 56px;
}

.page._single-technology .section._entry .container {
    position: relative;
    padding-right: 359px;
    /* padding-top: 108px; */
    padding-top: 125px;
}

.page._single-technology .section._entry .section__category-title {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 64px;
    font-weight: 600;
}

.page._single-technology .section._entry .section__title {
    font-size: 48px;
    line-height: 52px;
    font-weight: 600;
    margin-bottom: 16px;
}

.page._single-technology .section._entry .section__sub-title {
    font-size: 16px;
    line-height: 22px;
    opacity: .7;
}

.page._single-technology .section._entry .section__info {
    margin-bottom: 40px;
    max-width: 531px;
}

.page._single-technology .section._entry .section__preview {
    position: absolute;
    right: 20px;
    /* top: 109px; */
    top: 125px;
    width: 196px;
}

.page._single-technology .section._entry .section__content {
    max-width: 789px;
    font-size: 18px;
    line-height: 24px;
}

.page._single-technology .section._characteristics {
    padding-bottom: 80px;
}

.page._single-technology .section._characteristics .section__list {
    padding-right: 49px;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px 82px;
}

.page._single-technology .section._characteristics .section__list-item {
    padding: 0;
}

.page._single-technology .section._characteristics .section__list-item-icon {
    width: 132px;
    height: 144px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page._single-technology .section._characteristics .section__list-item-title {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
}

.page._single-technology .section._characteristics .section__list-item-description {
    font-size: 16px;
    line-height: 22px;
    opacity: .7;
}

.page._single-technology .section._other-technology {
    margin-bottom: 96px;
}

.page._single-technology .section._other-technology .section__header {
    margin-bottom: 40px;
}

.page._single-technology .section._other-technology .section__title {
    font-weight: 600;
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 16px;
}

.page._single-technology .section._other-technology .section__sub-title {
    font-size: 18px;
    line-height: 24px;
    opacity: .7;
}

.page._single-technology .section._other-technology .section__list {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.page._single-technology .section._other-technology .card {
    display: grid;
    grid-template-columns: minmax(200px, 379px) 1fr;
    gap: 16px 32px;
    padding: 24px 0;
    border-radius: 16px;
    align-items: flex-start;
}

@media screen and (min-width: 1023px) {
    .page._single-technology .section._other-technology .card:hover {
        background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), rgba(0, 255, 215, 0.10);;
    }
}

.page._single-technology .section._other-technology .card .card__common {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
}

.page._single-technology .section._other-technology .card .card__title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    margin-bottom: 20px;
}

.page._single-technology .section._other-technology .card .card__description {
    font-size: 18px;
    line-height: 24px;
    opacity: .7;
    margin-top: 0;
    max-width: 616px;
}

.page._single-technology .section._other-technology .card__prevu {
    height: auto;
}

.page._single-technology .section._other-technology .card__prevu img {
    height: auto;
    border-radius: 16px;
}

.page._single-technology .section._other-technology .card .button {
    margin-top: auto;
}

.page._single-technology .section._advantages .technology__icons-info {
    margin-bottom: 0;
}

.page._single-technology .section._advantages .icons-info__header {
    margin-bottom: 48px;
}

.page._single-technology .section._advantages .icons-info__header h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    margin-top: 0;
}

.page._single-technology .section._advantages .icons-info__tabs .tabs__menu {
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
}

.page._single-technology .section._advantages .icons-info__tabs .tabs__menu-link {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    padding: 7px 22px;
    border-radius: 32px;
    border: 2px solid rgba(31, 50, 56, 0.15);
    display: inline-block;
}

.page._single-technology .section._advantages .icons-info__tabs .tabs__menu-link:hover,
.page._single-technology .section._advantages .icons-info__tabs .tabs__menu-link._active {
    border-color: #00F2C2;
}

.page._single-technology .section._banner {
    margin-top: -171px;
    padding-bottom: 64px;
}

.page._single-technology .section._banner .container {
    max-width: 1240px;
}

.page._single-technology .section._banner .banner-1 {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 35px 49px 35px 513px;
    border-radius: 16px;
    background: #1F3238 url('../img/single-technology/scheme.png') no-repeat -170px -40px;
    background-size: 678px auto;
    color: #fff;
}

.page._single-technology .section._banner .banner-1__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 16px;
}

.page._single-technology .section._banner .banner-1__description {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .8;
    margin-bottom: 40px;
}

.page._single-technology .section._banner .banner-1 .button {
    color: #fff;
    width: 228px;
}

.page._single-technology .section._question-info {
    padding-top: 96px;
}

.page._single-technology .section._question-info .section__title {
    margin-top: 0;
}

.materials {
    padding: 48px 72px 67px;
}

.materials.mt-list {
    margin-top: 87px;
}

.slider._materials .swiper-pagination-bullet {
    transition: all .3s;
}

.slider._materials .swiper-pagination-bullet:hover {
    background-color: #8e9598;
}

.materials__additional .card._material .card__title {
    transition: all .3s;
}

.materials__additional .card._material:hover .card__title {
    color: #00FFD7;
}

@media screen and (max-width: 1023px) {

    .page._single-technology {
        background-size: 686px;
        background-position: -86px top;
    }

    .page._single-technology .section._entry .container {
        padding-right: 40px;
    }
    
    .page._single-technology .section._entry .section__category-title {
        font-size: 64px;
        line-height: 64px;
        padding-right: 230px;
    }

    .page._single-technology .section._entry .section__title {
        font-size: 40px;
        line-height: 48px;
        font-weight: 500;
        margin-bottom: 13px;
    }

    .page._single-technology .section._characteristics .section__list {
        gap: 32px 23px;
        padding-right: 0;
    }

    .page._single-technology .section._characteristics .section__list-item-title {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
    }

    .page._single-technology .section._characteristics {
        padding-bottom: 72px;
    }

    .page._single-technology .section._other-technology .section__title {
        font-size: 40px;
        line-height: 48px;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .page._single-technology .section._other-technology .section__header {
        margin-bottom: 24px;
    }

    .page._single-technology .section._other-technology .section__list {
        gap: 0;
    }

    .page._single-technology .section._other-technology .card {
        grid-template-columns: minmax(200px, 273px) 1fr;
        gap: 16px 24px;
    }

    .page._single-technology .section._other-technology .card .card__title {
        font-size: 28px;
        line-height: 32px;
        font-weight: 500;
        margin-bottom: 16px;
    }

    .page._single-technology .section._other-technology .card .card__description {
        font-size: 16px;
        line-height: 22px;
    }

    .page._single-technology .section._other-technology {
        margin-bottom: 56px;
    }

    .page._single-technology .section._advantages .icons-info__header {
        max-width: 507px;
        margin-bottom: 40px;
    }

    .page._single-technology .section._advantages .icons-info__header h2 {
        font-size: 40px;
        line-height: 48px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .page._single-technology .section._advantages .icons-info__list {
        display: grid;
        gap: 50px 27px;
        grid-template-columns: 1fr 1fr;
        margin: 0;
    }

    .page._single-technology .section._advantages .icons-info__list .item {
        width: 100%;
        padding: 0;
    }

    .page._single-technology .section._advantages .icons-info__list .item p._medium {
        margin-bottom: 0;
    }

    .page._single-technology .page__group-1 {
        padding-bottom: 149px;
    }

    .page._single-technology .section._banner .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .page._single-technology .section._banner {
        margin-top: -92px;
    }

    .page._single-technology .section._banner .banner-1 {
        padding: 32px 32px 40px 358px;
        min-height: 302px;
        background-size: 512px auto;
        background-position: -140px -15px;
    }

    .page._single-technology .section._banner .banner-1__title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 12px;
    }

    .page._single-technology .section._banner .banner-1__description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 32px;
    }

    .page._single-technology .page__group-1:after {
        height: 650px;
        background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), rgba(0, 255, 215, 0.12);
    }

    .page._single-technology .page__group-2:after {
        height: 418px;
        background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), #F1F1FF;
    }

    .page._single-technology .section._entry .container {
        padding-top: 102px;
    }

    .page._single-technology .section._entry .section__preview {
        right: 40px;
        top: 104px;
        width: 163px;
    }

    .page._single-technology .section._entry {
        margin-bottom: 48px;
    }

    .page._single-technology .section._other-technology .section__sub-title {
        font-size: 16px;
        line-height: 22px;
    }

    .page._single-technology .section._banner .banner-1__button {
        width: 100%;
    }

    .page._single-technology .section._banner .banner-1 .button {
        width: 100%;
    }

}

@media screen and (max-width: 735px) {

    .page._single-technology {
        background-size: 466px;
        background-position: -86px top;
    }

    .page._single-technology .section._entry .container {
        padding-top: 86px;
        padding-right: 16px;
    }

    .page._single-technology .section._entry .section__category-title {
        padding-right: 0;
        font-size: 48px;
        line-height: 52px;
        margin-bottom: 40px;
    }

    .page._single-technology .section._entry .section__preview {
        position: static;
        min-width: 106px;
    }

    .page._single-technology .section._entry .section__info {
        display: flex;
        gap: 53px;
        margin-bottom: 32px;
    }

    .page._single-technology .section._entry .section__title {
        font-size: 28px;
        line-height: 32px;
    }

    .page._single-technology .section._entry .section__sub-title {
        font-size: 12px;
        line-height: 16px;
    }

    .page._single-technology .section._entry .section__content {
        font-size: 16px;
        line-height: 22px;
    }

    .page._single-technology .section._entry .section__content p {
        margin-bottom: 22px;
    }

    .page._single-technology .section._characteristics .section__list {
        grid-template-columns: 1fr;
    }

    .page._single-technology .section._characteristics .section__list-item {
        position: relative;
        min-height: 105px;
        padding-left: 116px;
    }

    .page._single-technology .section._characteristics .section__list-item-icon {
        width: 96px;
        height: 105px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .page._single-technology .section._characteristics .section__list-item-title {
        margin-bottom: 11px;
    }

    .page._single-technology .section._characteristics .section__list-item-description {
        font-size: 14px;
        line-height: 18px;
    }

    .page._single-technology .section._characteristics {
        padding-bottom: 64px;
    }

    .page._single-technology .section._other-technology .section__title {
        font-size: 28px;
        line-height: 32px;
    }

    .page._single-technology .section._other-technology .section__header {
        margin-bottom: 12px;
    }

    .page._single-technology .section._other-technology .section__sub-title {
        font-size: 12px;
        line-height: 16px;
        max-width: 250px;
    }

    .page._single-technology .section._other-technology .card {
        padding-top: 20px;
        padding-bottom: 20px;
        grid-template-columns: 1fr;
    }

    .page._single-technology .section._other-technology .card .card__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .page._single-technology .section._other-technology .card .card__description {
        font-size: 14px;
        line-height: 18px;
    }

    .page._single-technology .section._other-technology {
        margin-bottom: 60px;
    }

    .page._single-technology .section._advantages .icons-info__header h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .page._single-technology .section._advantages .icons-info__header {
        margin-bottom: 33px;
    }

    .page._single-technology .section._advantages .icons-info__list {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .page._single-technology .section._advantages .icons-info__tabs .tabs__menu {
        flex-direction: column;
    }

    .page._single-technology .section._advantages .icons-info__list .item {
        padding-left: 80px;
        margin-bottom: 0;
    }

    .page._single-technology .section._advantages .icons-info__tabs .tabs__menu-link {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
    }

    .page._single-technology .section._banner .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .page._single-technology .section._banner .banner-1 {
        padding: 24px 24px 26px;
        background: #1F3238;
        min-height: 10px;
    }

    .page._single-technology .section._banner .banner-1__title {
        margin-bottom: 16px;
    }

    .page._single-technology .page__group-1:after {
        height: 600px;
        background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), rgba(0, 255, 215, 0.12);
    }

    .page._single-technology .section._other-technology .card__prevu {
        height: 55vw;
    }

    .page._single-technology .section._other-technology .card {
        gap: 14px 24px;
    }

    .page._single-technology .section._advantages .icons-info__tabs .tabs__menu-link {
        padding: 6px 18px;
    }

    .page._single-technology .section._advantages .icons-info__tabs .tabs__menu {
        margin-bottom: 33px;
    }

    .page._single-technology .section._advantages .icons-info__list .item {
        padding-left: 76px;
    }

    .page._single-technology .section._advantages .icons-info__tabs .tabs__menu {
        gap: 8px;
    }

    .page._single-technology .page__group-1 {
        padding-bottom: 139px;
    }

    .page._single-technology .section._banner {
        padding-bottom: 40px;
    }

}