.com--box {margin-top: var(--marg)}
.com--title {max-width: 800px;font-weight: 500;font-size: 36px;color: #222222;}
.com--list {display: flex;column-gap:24px;row-gap:40px;flex-wrap: wrap}
.com--item {width: calc(25% - 18px)}
.com--image {border-radius: 8px;overflow: hidden;position: relative;padding-top: 100%;margin-bottom: 12px;}
.com--image img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.com--name {font-size: 16px;font-weight: 500;line-height: 20px;margin-bottom: 12px}
.com--dolgnost {font-size: 14px;font-weight: 400;line-height: 20px;}

@media (max-width: 1158px) {
    .com--item {width: calc(33.33333% - 16px)}
}

@media (max-width: 767px) {
    .com--item {width: calc(50% - 12px)}
}

@media (max-width: 400px) {
    .com--item {width: 100%}
}