.catgory-box {
    width: 53%;
}

.catgory-box:nth-child(2) {
    right: 0;
}

.catgory-container video, .catgory-container img {
    object-fit: cover;
}

.catgory-container video {
    z-index: 1;
}

.catgory-container img {
    z-index: 2;
    transition: opacity 0.3s ease;
}

.arrow-box {
    left: 50%;
}

.arrow-box .arrow-trasform {
    transform: translateX(-42%);
}

.fixed-box, .fixed-border {
    mask: url('/assets/img/layers/mask-image.webp') 0 0 / 100% 100vh no-repeat;
    -webkit-mask: url('/assets/img/layers/mask-image.webp') 0 0 / 100% 100% no-repeat;
}

.fixed-border {
    background-color: white;
    padding-right: 3px;
}

.second-section {
    position: absolute;
}

.category-title {
    bottom: 80px;
    font-size: 32px;
    font-family: 'Dorsa';
}

.fixed-box .category-title {
    right: 50%;
}

@media (max-width: 768px) {
    .home-container {
        height: 100% !important;
    }
    .catgory-box {
        width: 100%;
        max-height: 331px;
        height: 331px !important;
    }
    .fixed-box, .fixed-border {
        mask: unset;
        -webkit-mask: unset;
    }
    .fixed-border {
        padding-right: 0;
    }
    .second-section {
        position: unset;
    }
    .catgory-box img {
        object-position: center top;
    }
    .fixed-box .category-title {
        width: 100%;
        text-align: center;
        right: 0;
    }
    .category-title {
        bottom: 24px;
        font-size: 30px;
    }
}