@keyframes fillLists {
    from {
        opacity: .4;
    }
    to {
        opacity: 1;
    }
}
html {
    font-size: 62.5%;
}
body, html {
    overflow-x: hidden;
}
:root {
    --theme-color-1: #3F3F67;
    --theme-color-2: #525F7F;
    --theme-color-3: #58E7E7;
    --theme-color-4: #A34BE8;
    --theme-color-5: #BDC4D4;
    --theme-bg-1: #393968;
    --theme-bg-2: #4B4B82;
    --border-color: #D9DEEB;
    --card-bg: #F0F3FF; 
    --table-color: #F3F6FF;

    --gradient-1: linear-gradient(90.29deg, #9F4AE3 23.19%, #5EE6E8 94.64%);
}
* {
    color: var(--theme-color-1);
}
.dark-bg {
    background-color: var(--theme-bg-1);
}
section {
    position: relative;
}
.intro {
    z-index: 1;
    padding-bottom: 400px;
    overflow-x: hidden;
}
.intro__bg {
    background-image: url("../images/tv-sync/intro_bg.svg");
    background-repeat: no-repeat;
}
.intro__wrap {
    position: relative;
    padding-right: 54%;
}
.intro__container {
    position: relative;
    padding-top: 215px;
    z-index: 1;
}
.intro__title {
    margin-bottom: 24px;
}
.intro__text {
    margin-bottom: 40px;
    /* font-size: 2.6rem;
    line-height: 1.6; */
}
.intro_main-btn-registr {
    display: flex;  
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    padding: 12px 8px;
    min-width: 150px;
    width: fit-content;
    font-size: 1.3rem;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--btn-color-1);
    transition: .3s background-color linear;
}
.intro_main-btn-registr:hover {
    background-color: var(--btn-color-1-hover);
}
.intro__video {
    position: absolute;
    top: 85%;
    left: 44%;
    width: clamp(50%, 50vw, 930px);
    transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
    .intro__video:where(.intro__video-img.visible) {
        top: 108%;
        left: 49%;
        width: clamp(50%, 50vw, 800px);
    }
    .intro__video.hidden {
        display: none;
    }
    .intro__video-img.visible {
        display: block;
    }
}

.intro__video-img {
    display: none;
}
.intro__video-img :is(img) {
    width: 100%;
}
.application {
    margin-top: -41px;
    padding-bottom: 160px;
    content-visibility: auto;
}
.application__head-icon {
    margin-bottom: 40px;
    fill: #fff;
}
.application__title {
    margin-bottom: 40px;
    text-align: center;
    /* color: var(--theme-color-1); */
}
.application__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.application__item {
    position: relative;
    padding: 0 45px;
}
.application__item:first-child {
    padding-left: 0;
}
.application__item:last-child {
    padding-right: 0;
}
.application__item:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 270px;
    background-color: #C2CBEF;
    opacity: .4;
}
.application__icon {
    margin-bottom: 24px;
    max-width: 100px;
    height: 100px;
}
/* .application__description {
    line-height: 1.5;
    color: var(--theme-color-2);
} */
/* .application__description :is(span) {
    font-weight: 500;
} */

.technology__bg {
    height: calc(100% - 215px);
    transform: skewY(-12deg);
}
.technology__bg::before, .technology__bg::after {
    content: '';
    position: absolute;
    display: block;
}
.technology__bg::before {
    top: -70px;
    left: 0;
    width: 825px;
    height: 70px;
    background: var(--gradient-1);
}
.technology__bg::after {
    top: -70px;
    right: 0;
    width: 483px;
    height: 70px;
    background-color: #E4E8F9;
}
.technology__bg-line {
    position: absolute;
    bottom: -380px;
    width: 100vw;
    height: 595px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2MTIiIHZpZXdCb3g9IjAgMCAxOTIwIDYxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0wLjQyNDkzNCA0MDcuNDcxTDE5MjAuMDggMTYuNDU3M0wxOTIwLjA4IDE4Ni40N0wtMC40MjQ3MDIgNTc3LjQ4NEwtMC40MjQ5MzQgNDA3LjQ3MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl83MjU4XzM1MjYpIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfNzI1OF8zNTI2KSI+CjxlbGxpcHNlIGN4PSIxNzIxLjA3IiBjeT0iMTQ5LjE2MyIgcng9IjI0Mi4yNDUiIHJ5PSI0MC4yMDEzIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTcuNDAzOCAxNzIxLjA3IDE0OS4xNjMpIiBmaWxsPSIjMDNERkUzIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L2c+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2ZfNzI1OF8zNTI2KSI+CjxlbGxpcHNlIGN4PSIzNDYuMDMzIiBjeT0iNDI3LjExOCIgcng9IjQxNy4xMDMiIHJ5PSI0MC4yMDEzIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTcuNDAzOCAzNDYuMDMzIDQyNy4xMTgpIiBmaWxsPSIjMDVEREUzIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl83MjU4XzM1MjYiIHg9IjE0MzUuNiIgeT0iMTMuMTYyMiIgd2lkdGg9IjU3MC45NDciIGhlaWdodD0iMjcyLjAwMiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyNyIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzcyNThfMzUyNiIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMV9mXzcyNThfMzUyNiIgeD0iLTEwNi4xNjEiIHk9IjI0Mi41NjIiIHdpZHRoPSI5MDQuMzg3IiBoZWlnaHQ9IjM2OS4xMTIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMjciIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl83MjU4XzM1MjYiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl83MjU4XzM1MjYiIHgxPSIxMjExLjA5IiB5MT0iMTc5LjE4MSIgeDI9IjEyNTIuMzQiIHkyPSIzMDUuMzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0M2NzdGOSIvPgo8c3RvcCBvZmZzZXQ9IjAuMzE1MzY2IiBzdG9wLWNvbG9yPSIjNjA2M0Y5Ii8+CjxzdG9wIG9mZnNldD0iMC40NjQ1MDciIHN0b3AtY29sb3I9IiMwMEU0RTEiLz4KPHN0b3Agb2Zmc2V0PSIwLjgzODE1OSIgc3RvcC1jb2xvcj0iIzBFQUFFQyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzODRFRjUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: rotate(12deg);
}
.technology__container {
   padding-top: 160px;
}
.technology__head-icon {
    margin-bottom: 40px;
}
.technology__head-icon :is(svg) {
    fill: var(--theme-bg-1);
}
.technology__title {
    margin-bottom: 24px;
    text-align: center;
    /* color: var(--white); */
}
.technology__description {
    margin-bottom: 40px;
    text-align: center;
    /* color: var(--theme-color-5); */
}

.technology-slider {
    display: flex;
    align-items: center;
    margin-bottom: 160px;
}
.technology-slider__links {
    margin-right: 60px;
    width: 100%;
}
.technology-slider__link {
    display: flex;
}
.technology-slider__link:not(:last-child) {
    margin-bottom: 40px;
}
.technology-slider__icon {
    margin-right: 36px;
    max-width: 49px;
    width: 100%;
    height: 49px;
}
.technology-slider__subtitle {
    padding-top: 8px;
    margin-bottom: 24px;
    /* color: var(--white);
    text-transform: uppercase; */
}
/* .technology-slider__text {
    line-height: 1.5;
    color: var(--theme-color-5);
} */
.technology-slider__gallery {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    padding: 38px 22px 34px 33px;
    max-width: 445px;
    width: 100%;
    height: 532px;
    box-shadow: 0px 8px 24px rgba(44, 43, 81, 0.15);
    background-color: var(--theme-bg-2);
}
.technology-slider__img {
    position: absolute;
    width: calc(100% - 55px);
}
.technology-slider__img :is(img) {
    width: 100%;
    height: auto;
}

.technology-info {
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 40px 0 40px 65px;
    background-color: var(--card-bg);
    box-shadow: var(--shadow-5);
    /* box-shadow: 0px 8px 24px rgba(44, 43, 81, 0.15); */
}
.technology-info__content {
    margin-right: 76px;
    max-width: 323px;
}
.technology-info__title {
    margin-bottom: 24px;
}
/* .technology-info__text {
    font-size: 1.8rem;
    line-height: 1.5;
} */
.technology-info__text :is(a)::before {
    content: none;
}
.technology-info__image {
    position: relative;
}
.techology-info__reports-main {
    border-radius: 10px;
    width: 100%;
    filter: drop-shadow(0px 8px 24px rgba(44, 43, 81, 0.15));
}
.techology-info__reports-small {
    position: absolute;
    left: -60px;
    top: -12px;
}
.advantages {
    content-visibility: auto;
}
.advantages__container {
    border-bottom: 1px solid #D6DAE9;
    padding-top: 160px;
    padding-bottom: 160px;
}
.advantages__title {
    margin-bottom: 64px;
    text-align: center;
}
.advantages__content {
    display: flex;
    align-items: center;
}
.advantages__animation {
    max-width: 380px;
    width: 100%;
    height: auto;
    margin-right: 134px;
}
.advantages__animation-img {
    display: none;
}
@media screen and (min-width: 1024px) {
    .advantages__animation.hidden {
        display: none;
    }
    .advantages__animation-img.visible {
        display: block;
    }
}
.advantages__item {
    display: flex;
    align-items: center;
}
.advantages__item:not(:last-child) {
    margin-bottom: 40px;
}
.advantages__icon {
    margin-right: 25px;
    max-width: 45px;
    width: 100%;
    height: 45px;
    fill: #E4E8F9;
    transition: .3s fill ease;
}
.advantages__head-icon {
    margin-bottom: 40px;
}
.advantages__item:hover :is(.advantages__icon) {
    fill: var(--theme-color-3);
}
/* .advantages__text {
    font-size: 1.8rem;
    line-height: 1.5;
} */

.scenarios {
    padding: 160px 0;
    content-visibility: auto;
}
.scenarios__head-icon {
    margin-bottom: 40px;
}
.scenarios__title {
    margin-bottom: 64px;
    text-align: center;
}
.scenarios__list {
    position: relative;
    list-style-type: none;
    counter-reset: list;
}
.scenarios__list::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -450px;
    display: block;
    width: 916px;
    height: 790px;
    background-image: url('../images/tv-sync/scenarios-bg.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: -1;
}
.scenarios-card {
    border-radius: 30px;
    padding: 64px 34px 64px 118px;
    background-color: var(--card-bg);
    transition: .3s box-shadow ease;
}
.scenarios-card:hover {
    box-shadow: 0px 8px 24px rgba(44, 43, 81, 0.15);
}
.scenarios-card:is(.violet) {
    --card-color: var(--theme-color-4);
    --card-description-color: var(--white);
}
.scenarios-card:is(.blue) {
    --card-color: var(--theme-color-3);
    --card-description-color: var(--theme-color-2);
}
.scenarios-card:not(:last-child) {
    margin-bottom: 40px;
}
.scenarios-card__title {
    position: relative;
    margin-bottom: 24px;
    max-width: 710px;
    text-transform: uppercase;
}
.scenarios-card__title::before {
    content: counter(list);
    counter-increment: list;
    position: absolute;
    top: 50%;
    left: -86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    font-size: 2.4rem;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--card-description-color);
    background-color: var(--card-color);
    transform: translateY(-50%);
}
.scenarios-card__content {
    display: flex;
    padding-left: 12px;
}
.scenarios-card__list {
    padding-top: 20px;
    margin-right: 100px;
}
.scenarios-card__item {
    display: flex;
    align-items: center;
    opacity: .4;
    transition: .4s opacity linear;
}
.scenarios-card__item.isLoading {
    opacity: 1;
}
.scenarios-card__item:not(:last-child) {
    margin-bottom: 24px;
}
.scenarios-card__icon {
    margin-right: 13px;
    max-width: 17px;
    width: 100%;
    fill: var(--card-color);
}
.scenarios-card__block {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding: 52px 45px;
    max-width: 455px;
    width: 100%;
    min-height: 210px;
    background-color: var(--card-color);
}
.scenarios-card__description {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--card-description-color);
}
.scenarios-card__block-icon {
    position: absolute;
    top: -30px;
    right: 16px;
}
.scenarios-card.active :is(.scenarios-card__item) {
    animation-name: fillLists;
    animation-duration: .4s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.scenarios-card.active :is([data-item="1"]) {
    animation-delay: 0s;
}
.scenarios-card.active :is([data-item="2"]) {
    animation-delay: .4s;
}
.scenarios-card.active :is([data-item="3"]) {
    animation-delay: .8s;
}
.example {
    position: relative;
    padding-bottom: 64px;
}
.example__head-icon {
    margin-bottom: 40px;
}
.example__bg {
    position: absolute;
    top: 0;
    height: 67px;
    background: var(--gradient-1);
    transform: skewY(-12deg);
    z-index: -1;
}
.example__bg_left {
    top: 95px;
    left: -100px;
    width: 414px;
}
.example__bg_left::before {
    content: '';
    position: absolute;
    top: 100%;
    right: -165px;
    display: block;
    width: 266px;
    height: 100%;
    background-color: #F4F6FF;
}
.example__bg_right {
    top: -65px;
    right: -35px;
    width: 482px;
}
.example__title {
    margin-bottom: 24px;
    text-align: center;
}
.example__description {
    margin-bottom: 64px;
    /* font-size: 2.6rem;
    line-height: 1.6;
    color: var(--theme-color-2); */
    text-align: center;
}
.example__content {
    display: flex;
}
.example__info {
    padding-left: 25px;
    margin-right: 100px;
    width: 100%;
}
.example__info-item {
    margin-bottom: 20px;
}
.example__subtitle {
    position: relative;
    margin-bottom: 24px;
}
.example__text :is(p) {
    max-width: 400px;
    /* color: var(--theme-color-2); */
}
.example__text :is(p):not(:last-child) {
    margin-bottom: 16px;
}
.example__subtitle::before {
    content: '';
    position: absolute;
    top: 3px;
    left: -25px;
    display: block;
    width: 2px;
    height: 26px;
    background-color: #222EAF;
}
.example__table {
    margin-left: auto;
    max-width: 355px;
    width: 100%;
    border-collapse: collapse;
}
.example__table :is(td, th) {
    padding: 40px 37px;
    width: 50%;
    line-height: 1.5;
    text-align: left;
    border: 1px solid var(--border-color);
}
.example__table :is(th) {
    padding: 40px 37px;
    width: 50%;
    font-weight: 500;
}
.example__table :is(td) {
    font-weight: 400;
}
.example__table :is(tr):nth-child(even) :is(td, th), .example__table :is(thead) :is(th) {
    background-color: var(--table-color);
}
.example__result {
    display: flex;
    align-items: center;
    margin-top: 35px;
}
.example__result-count {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 9px 17px;
    margin-right: 24px;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.6;
    background-color: var(--theme-color-3);
}
.example__result-count :is(svg) {
    margin-right: 5px;
}
/* .example__result-description {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--theme-color-2);
} */
.feedback {
    padding-bottom: 160px;
    content-visibility: auto;
}
.feedback__content {
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    padding: 20px 106px 20px 117px;
    height: 190px; */
    background: linear-gradient(123.84deg, #A34BE8 -6.08%, #7455EF 53.07%, #58E7E7 82.65%);
    /* box-shadow: 0px 4px 40px #BFC7D9; */
}
.feedback__title {
    margin-right: 20px;
    max-width: 400px;
}
.feedback__link {
    margin-right: 0;
    margin-left: auto;
    /* border-radius: 3px;
    padding: 12px 8px;
    max-width: 150px;
    width: 100%;
    font-weight: 500;
    font-size: 1.3rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--theme-bg-2);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 
    transition: .3s background-color linear; */
}
/* .feedback__link:hover {
    background-color: #4a50d9;
} */
.load__circle, .load :is(circle) {
    opacity: .2;
}
.load__circle.isLoading {
    opacity: 1;
    transition: 3s stroke-dasharray linear;
}
.load.completed :is(circle) {
    opacity: 1;
}
.load.completed {
    border-radius: 50%;
    background-color: rgba(163, 75, 232, .2);
}
.load.completed :is(.load__circle) {
    opacity: .2;
}
@media screen and (max-width: 1024px) {
    .intro {
        padding-bottom: 240px;
    }
    .intro__bg {
        background-size: cover;
    }
    .intro__container {
        padding-top: 125px;
    }
    .intro__video {
        display: none;
        top: 86%;
        left: auto;
        right: -26%;
        width: clamp(74%, 50vw, 930px);
    }
    .intro__video-img {
        display: block;
    }
    .application {
        padding-bottom: 120px;
    }
    .application__title {
        margin-bottom: 64px;
    }
    .application__item {
        padding: 0 35px;
    }
    .technology__bg::before {
        width: 270px;
    }
    .technology__bg::after {
        top: -65px;
        width: 125px;
        height: 65px;
    }
    .technology__container {
        padding-top: 120px;
    }
    .technology__description {
        margin-bottom: 64px;
    }
    .technology-slider {
        display: block;
        margin-bottom: 120px;
    }
    .technology-slider__links {
        padding-left: 65px;
        margin-right: 0;
        margin-bottom: 75px;
    }
    .technology-slider__content {
        padding-top: 9px;
    }
    .technology-slider__text {
        max-width: 515px;
    }
    .technology-slider__gallery {
        max-width: none;
    }
    .technology-slider__img {
        position: static;
        height: 100%;
    }
    .technology-slider__img :is(img) {
        height: 100%;
    }
    .technology-info {
        display: block;
        padding: 40px 65px 0 65px;
    }
    .technology-info__content {
        max-width: none;
        margin-right: 0;
        margin-bottom: 65px;
    }
    .technology-info__content :is(br) {
        display: none;
    }
    .technology-info__title {
        font-size: 2.4rem;
    }
    .techology-info__reports-small {
        left: -5px;
        top: -25px;
        width: 250px;
    }
    .technology-info__image {
        display: flex;
        justify-content: center;
    }
    .techology-info__reports-main {
        max-width: 527px;
    }
    .advantages__container {
        border: none;
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .advantages__animation {
        margin-right: 40px;
        max-width: 207px;
    }
    .technology__bg-line {
        left: -15px;
        width: calc(100vw + 25px);
    }
    .scenarios {
        padding: 0;
    } 
    .scenarios__list::before {
        top: -25%;
        right: -30%;
    }
    .scenarios__title {
        margin-bottom: 40px;
    }
    .scenarios-card {
        padding: 64px 44px 64px 127px;
    }
    .scenarios-card__content {
        display: block;
    }
    .scenarios-card__title {
        margin-bottom: 40px;
        font-size: 2.4rem;
    }
    .scenarios-card__list {
        padding-top: 0;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .scenarios-card__block {
        max-width: 501px;
    }
    .example {
        padding-top: 317px;
        content-visibility: auto;
    }
    .example__bg_right {
        display: none;
    }
    .example__bg_left {
        top: 135px;
        left: 7px;
    }
    .example__info {
        margin-right: 18px;
    }
    .example__table {
        max-width: 250px;
    }
    .example__table :is(td, th) {
        padding: 40px 20px;
    }
    .example__result {
        margin-top: 20px;
    }
    .feedback {
        padding-bottom: 120px;
    }
    /* .feedback__content {
        padding: 17px 65px 17px 85px;
    } */
    .feedback__title  {
        margin-right: 70px;
    }
    /* .feedback__content {
        height: 160px;
    } */
    .data-types__container {
        padding-top: 44%;
    }
}
@media screen and (max-width: 767px) {
    .intro {
        padding-bottom: 0;
    }
    .intro__container {
        padding-top: 75px;
    }
    .intro__wrap {
        padding-right: 0;
        max-width: none;
    }
    .intro__content {
        margin-bottom: 50px;
    }
    .intro__title {
        margin-bottom: 16px;
        text-align: center;
    }
    .intro__text {
        margin-bottom: 24px;
        font-size: 2rem;
        text-align: center;
    }
    .intro_main-btn-registr {
        margin: 0 auto;
    }
    .intro__video {
        position: static;
        width: 100%;
        transform: translateY(0);
    }
    .intro__bg {
        background-image: url('../images/tv-sync/intro-bg-mobile.svg');
        background-color: #F6F8FF;
        background-size: 100%;
        background-position-y: top;
        clip-path: polygon(100% 88%,100% 0,0 0,0 100%);
    }
    .application {
        padding-top: 60px;
    }
    .application__list {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .application__item {
        padding: 0;
    }
    .application__item:not(:last-child)::before {
        content: none;
    }
    .application__icon {
        margin: 0 auto 16px auto;
    }
    .application__description {
        text-align: center;
    }
    .application__title {
        margin-bottom: 40px;
    }
    .application__head-icon {
        margin-bottom: 24px;
    }
    .application {
        padding-bottom: 80px;
    }
    .technology__bg::before {
        top: -49px;
        width: 236px;
        height: 49px;
    }
    .technology__bg::after {
        top: -49px;
        width: 113px;
        height: 49px;
    }
    .technology__container {
        padding-top: 80px;
    }
    .technology__description {
        margin-bottom: 40px;
    }
    .technology-slider__links {
        padding-left: 0;
        margin-bottom: 35px;
    }
    .technology-slider__content {
        padding-top: 0;
    }
    .technology-slider__icon {
        margin-right: 13px;
    }
    .technology-slider__gallery {
        padding: 23px 14px 23px 20px;
        height: auto;
    }
    .technology-slider {
        margin-bottom: 64px;
    }
    .technology-info {
        padding: 40px 30px 0 30px;
    }
    .technology-info__content {
        margin-bottom: 30px;
    }
    .technology__head-icon {
        margin-bottom: 24px;
    }
    .technology__title  {
        margin-bottom: 16px;
    }
    .technology-slider__subtitle {
        margin-bottom: 16px;
    }
    .technology-slider__link:not(:last-child) {
        margin-bottom: 24px;
    }
    .advantages__container {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .advantages__head-icon {
        margin-bottom: 24px;
    }
    .advantages__title {
        margin-bottom: 40px;
    }
    .advantages__content {
        flex-direction: column;
    }
    .advantages__animation {
        margin-right: 0;
        margin-bottom: 23px;
    }
    .advantages__item:not(:last-child) {
        margin-bottom: 24px;
    }   
    .scenarios-card {
        padding: 120px 16px 38px 16px;
    }
    .scenarios__head-icon {
        margin-bottom: 24px;
    }
    .scenarios-card:not(:last-child) {
        margin-bottom: 32px;
    }
    .scenarios__list::before {
        top: -10%;
        right: -80%;
    }
    .scenarios-card__title::before {
        top: -85px;
        left: 0;
        transform: translateY(0);
    }
    .scenarios-card__title {
        font-size: 1.8rem;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .scenarios-card__content {
        padding-left: 0;
    }
    .scenarios-card__item:not(:last-child) {
        margin-bottom: 20px;
    }
    .scenarios-card__description {
        font-size: 1.8rem;
    }
    .scenarios-card__block {
        padding: 70px 16px 56px 25px;
        max-width: none;
    }
    .example {
        padding-top: 235px;
        padding-bottom: 32px;
    }
    .example__head-icon {
        margin-bottom: 24px;
    }
    .example__title {
        margin-bottom: 16px;
    }
    .example__bg_left {
        top: 100px;
        left: 10px;
        width: 236px;
        height: 48px;
    }
    .example__bg_left::before {
        right: -70px;
        width: 186px;
    }
    .example__description {
        margin-bottom: 32px;
        font-size: 2rem;
    }
    .example__content {
        display: block;
    }
    .example__info-item {
        margin-bottom: 30px;
    }
    .example__info-item:last-child {
        margin-bottom: 0;
    }
    .example__result {
        display: block;
    }
    .example__result-count {
        margin-right: 0;
        margin-bottom: 25px;
        width: fit-content;
    }
    .example__info {
        margin-right: 0;
        margin-bottom: 50px;
    }
    .example__table {
        max-width: none;
    }
    .feedback {
        padding-bottom: 64px;
    }
    .feedback__content {
        padding: 24px 8px;
        flex-direction: column;
    }
    .feedback__title {
        margin-right: 0;
        margin-bottom: 8px;
        text-align: center;
    }
    .feedback__link {
        margin: 0 auto;
    }
}
@media screen and (min-width: 1921px) {
    .intro__bg {
        background-size: cover;
    }
}