.main-top-video {
    --gap: 10px;
}

.main-top-video__header span {
    font-size: 1.5rem;
    color: #425654;
}

.main-top-video__inner {
    display: block;
    margin-bottom: 20px;
}

.main-top-video__row {
    display: flex;
    gap: var(--gap);
    padding-bottom: 20px;
}

.main-top-video__left {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    width: calc((100% - var(--gap)) / 2);
}

.main-top-video__video-big {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
}

.main-top-video__left-row {
    display: flex;
    gap: var(--gap);
}

.main-top-video__video-small {
    position: relative;
    display: flex;
    width: calc((100% - var(--gap)) / 2);
    height: auto;
}

.main-top-video__right {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    width: calc((100% - var(--gap)) / 2);
}

.main-top-video__right-row {
    display: flex;
    gap: var(--gap);
}

.main-top-video__video-big-img {
    display: flex;
    width: 100%;
    height: auto;
}

.main-top-video__video-small-img {
    display: flex;
    width: 100%;
    height: auto;
}

.main-top-video__icon {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background-image: url('/upload/icons/video.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.main-top-video__mobile-inner {
    display: none;
}

@media (max-width: 767px) {
    .main-top-video__inner {
        display: none;
    }

    .main-top-video__mobile-inner {
        display: block;
        width: calc(100% + 20px);
        margin-right: -20px;
        margin-bottom: 20px;
        margin-bottom: 20px;
    }

    .main-top-video__carousel-item {
        position: relative;
        display: flex;
        width: 278px;
        height: auto;
    }

    .main-top-video__carousel-img {
        width: 100%;
        height: auto;
    }

    .main-top-video__mobile-icon {
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        width: 60px;
        height: 60px;
        background-image: url('/upload/icons/video.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .main-top-video__carousel {
        margin-bottom: 20px;
    }
}