.cat-list {
    .cat-item {
        position: relative;
        display: block;
        width: 100%;
        border-radius: 0.8rem;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .title-box {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;



            .title {
                position: relative;
                width: 100%;
                min-height: 7.92rem;
                font-size: 2.24rem;
                font-weight: bold;
                color: var(--White);

                &:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    bottom: 0;
                    background: #BCA43E;
                    mix-blend-mode: multiply;
                }

                span {
                    display: block;
                    position: relative;
                    z-index: 1;
                }
            }
        }
    }
}