.categories__wrapper {
   overflow: hidden;
}
.categories__top {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   margin-bottom: 30px;
}
.categories__top-block {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 50px;
}
.categories__link {
   color: var(--white50);
   transition: all 0.3s ease 0s;
}
.categories__link:hover {
   color: var(--white100);
}
.categories__slide-item {
   height: 200px;
   width: 220px;
   border-radius: 30px;
}
.categories__slide-link {
   display: block;
   width: 100%;
   height: 100%;
   background: var(--black3);
   position: relative;
}
.categories__slide-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: relative;
   z-index: 1;
}
.categories__slide-title {
   position: absolute;
   z-index: 2;
   top: 15px;
   left: 15px;
   font-size: 14px;
   display: none;
}
/* 1 */ /* 4-6 */ /* 9-11 */
.categories__slide-item:nth-child(1),
.categories__slide-item:nth-child(4),
.categories__slide-item:nth-child(5),
.categories__slide-item:nth-child(6),
.categories__slide-item:nth-child(9),
.categories__slide-item:nth-child(10),
.categories__slide-item:nth-child(11) {
   width: 220px;
}
/* 2-3 */ /* 7-8 */
.categories__slide-item:nth-child(2),
.categories__slide-item:nth-child(3),
.categories__slide-item:nth-child(7),
.categories__slide-item:nth-child(8) {
   width: 260px;
}
@media (max-width: 768px) {
   .categories__wrapper {
      padding: 0 18px;
   }
   .categories__top {
      margin-bottom: 20px;
   }
   .categories__slide-item {
    height: 180px;
            width: 230px;
}
   /* 1 */ /* 4-6 */ /* 9-11 */
   .categories__slide-item:nth-child(1),
   .categories__slide-item:nth-child(4),
   .categories__slide-item:nth-child(5),
   .categories__slide-item:nth-child(6),
   .categories__slide-item:nth-child(9),
   .categories__slide-item:nth-child(10),
   .categories__slide-item:nth-child(11) {
              width: 230px;
   }
   /* 2-3 */ /* 7-8 */
   .categories__slide-item:nth-child(2),
   .categories__slide-item:nth-child(3),
   .categories__slide-item:nth-child(7),
   .categories__slide-item:nth-child(8) {
      width: 260px;
   }
}