.cases__arrows {
  display: flex;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-sm);
}

.cases__arrow-wrapper {
  width: 40px;
  height: 40px;
  background-color: var(--bg-light-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.cases__arrow-wrapper:hover {
  background-color: var(--bg-light-active);
	
}

.cases__arrow-wrapper--left {
  margin-right: 8px;
}

.cases__arrow-wrapper--right {
  margin-left: 8px;
}

.cases__arrow {
  width: 24px;
  height: 24px;
}

.cases__container {
  position: relative;
  overflow: hidden;
}

.cases__list {
  display: flex;
  flex-wrap: nowrap;
}

.cases__list .swiper-slide {
  height: auto;
}

.cases__img-wrapper {
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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