.ti_wrap {
    padding-bottom: 122px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.ti_container {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.animate-on-scroll {
    opacity: 0;
    transform: translateX(-120px);
    transition: opacity 2s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.animate-on-scroll.revealed {
    opacity: 1;
    transform: translateX(0);
}

.advent_block {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
    opacity: 0;
    transform: translateY(95px);
    transition: opacity 1.5s cubic-bezier(0.2, 0.8, 0.4, 1), 
                transform 1.5s cubic-bezier(0.2, 0.8, 0.4, 1),
                background 0.3s ease;
    cursor: pointer;
}

.advent_block.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Плавный hover - отдельно для transform при наведении */
.advent_block:hover {
    background: #FFF;
    transform: translateY(-4px); /* Добавьте легкий подъем при наведении, если нужно */
}

.advent_block:hover p {
    color: #676767;
    transition: color 0.3s ease;
}

.advent_block:hover h3 {
    color: #1A1A1A;
    transition: color 0.3s ease;
}

.advent_block .advent_icon {
    transition: background 0.3s ease, transform 0.3s ease;
    border-radius: 50%;
    padding: 12px;
}

.advent_block:hover .advent_icon {
    background: rgba(241, 56, 64, 0.20);
    transform: scale(1.05);
}

/* Уберите или оставьте только нужные transition для дочерних элементов */
.advent_block * {
    transition: color 0.3s ease;
}

.advent_block:hover .advent_icon path{
    stroke: #F23840;
}

.ti_container h2 {
    color: var(--White, #FFF);

    /* h2 */
    font-family: Inter;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px; /* 110% */
    letter-spacing: 1px;
}

.ti_container span {
    color: #F20D0D;
}

.ti_container p {
    color: var(--Light-grey, #C3C3C3);
    /* p */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

.advent_container {
    display: flex;
    gap: 20px;
}

.advent_block {
    display: flex;
    gap: 16px;
}

.advent_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
    width: 40px;
    height: 40px;
}

.advent_text h3 {
    color: #F1F5F9;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.advent_text p {
    color: var(--Light-grey, #C3C3C3);

    /* p */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

@media (max-width: 1170px) {
    .ti_container{
        gap: 22px;
    }
    .ti_container h2{
        font-size: 40px;
    }
    .ti_container p{
        font-size: 16px;
    }
}

@media (max-width: 1030px) {
    .ti_wrap{
        flex-direction: column;
    }
    .ti_container{
        max-width: 100%;
    }
    .ti_wrap{
        padding-bottom: 70px;
    }
}

.top_info{
    position: relative;
}

.top_info_image {
    width: 100%;
    height: 690px;
    border-radius: 24px;
    border: 1px solid #323232;
    background: #999;
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 1.2s cubic-bezier(0.2, 0.8, 0.4, 1), transform 1.2s cubic-bezier(0.2, 0.8, 0.4, 1);
    overflow: hidden;
}

.top_info_image.revealed {
    opacity: 1;
    transform: translateY(0);
}

.top_info_image video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Стили для Plyr видео */
.top_info_image .plyr {
    width: 100%;
    height: 100%;
}

.top_info_image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Кастомизация плеера (опционально) */
.plyr--video .plyr__controls {
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover {
    background: #F20D0D;
}

.plyr--video .plyr__progress__buffer {
    color: #F20D0D;
}

/* Постер */
.plyr__poster {
    background-size: cover;
    background-position: center;
}

.plyr__tooltip {
    display: none !important;
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"]{
    background: #F23840 !important;
}

.plyr--full-ui input[type="range"]{
    color: #F23840 !important;
}


.svg_bg_top_info.right{
  right: 0;
  top: -110px;  
}

.svg_bg_top_info.right::after{
    content: "";
    position: absolute;
    top: 27%;
    width: 844.664px;
    height: 944.406px;
    transform: rotate(-26deg);
    border-radius: 50%;
    opacity: 0.6;
    background: rgba(255, 43, 64, 0.05);
    filter: blur(200px);
    left: -394px;
}

.svg_bg_top_info{
    position: absolute;
    top: 200px;
}

.svg_bg_top_info.left::after{
    content: "";
    position: absolute;
    top: 27%;
    width: 844.664px;
    height: 944.406px;
    transform: rotate(-26deg);
    border-radius: 50%;
    opacity: 0.6;
    background: rgba(255, 43, 64, 0.05);
    filter: blur(200px);
    left: -394px;
}


@media (max-width: 990px) {
    .advent_container{
        flex-direction: column;
    }
    .top_info_image{
        aspect-ratio: 16/9;
        height: auto;
    }
}