.menu--big {margin-top: var(--gap-l);display: flex;--gap: 20px;--columns: 4;gap: var(--gap);flex-wrap: wrap}
.menu--big-item {display: flex;width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));border-radius: 10px;overflow: hidden}
.menu--big-item:hover .menu--big-back{transform: scale(1.1)}
.menu--big-back {position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 1;background-repeat: no-repeat;background-position: center center;background-size: cover;transition: .4s}
.menu--big-text{position: absolute;bottom:0;left:0;width: 100%;height: auto;z-index: 2;background-color: rgba(0,0,0,0.3);padding: 24px;}
.menu--big-box {position: relative;padding-top: 100%;width: 100%;}
.menu--big-title {color: #FFF;text-align: center;font-size: 30px;font-style: normal;font-weight: 600;line-height: 36px }
.menu--big-sub {margin-top: 20px;color:#FFF;text-align: center;font-size: 18px;font-style: normal;font-weight: 400;line-height: 21.6px;}
.menu--big-sub.collapsed {height: 0;overflow: hidden;transition: all 0.5s ease;}
.menu--big-item:hover .menu--big-sub{
    transition: all 0.5s ease;
    height: auto;}
.menu--big-sub .circle li:before{display: inline-block;width: 4px;height: 4px;border-radius: 50%;background-color: #fff;margin-right: 7px;transform: translateY(-5px);content: ''}
.menu--big-sub li {margin-bottom: 5px;}
.menu--big-sub li:last-child {margin-bottom: 0;}

@media all and (max-width: 1440px) {
    .menu--big-title{font-size: 24px;line-height: 28px;}
    .menu--big-sub{font-size: 16px;line-height: 20px;}
}

@media all and (max-width: 1152px) {
    .menu--big {--gap: 10px}
    .menu--big-title{font-size: 20px;line-height: 24px;}
    .menu--big-sub{font-size: 14px;line-height: 18px;}
    .menu--big-text {padding: 16px;}
}

@media all and (max-width: 900px) {
    .menu--big {--columns: 2}
}

@media all and (max-width: 500px) {
    .menu--big {--columns: 1}
}