.clients-projects {
  padding-block: 20px;
}
.clients-projects__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.clients-projects__title {
  color: #262627;
}
.clients-projects__navigate {
  display: none;
  align-items: center;
  gap: 40px;
}
@media (min-width: 768px) {
  .clients-projects__navigate {
    display: flex;
  }
}
.clients-projects--about .clients-projects__navigate {
  margin-top: 30px;
}
.clients-projects__arrows .round-arrow-button svg {
  width: 13px;
  height: 13px;
}
.clients-projects__swiper-arrows {
  display: flex;
  align-items: center;
}
.clients-projects__swiper-arrows .swiper-button-prev:after,
.clients-projects__swiper-arrows .swiper-button-next:after {
  display: none;
}
.clients-projects__swiper-arrow {
  position: relative;
  left: auto;
  right: auto;
  width: auto;
  height: auto;
  margin-top: 0;
}
.clients-projects__swiper-arrow.swiper-button-prev .round-arrow-button svg {
  transform: rotate(225deg);
}
.clients-projects__swiper-arrow.swiper-button-next .round-arrow-button svg {
  transform: rotate(45deg);
}
.clients-projects__content {
  margin-top: 32px;
}
.clients-projects__swiper {
  overflow: unset;
}
.clients-projects__swiper .swiper-wrapper {
  align-items: stretch;
}
.clients-projects__swiper .swiper-wrapper .swiper-slide {
  width: auto;
  height: auto;
}
.clients-projects__swiper .swiper-wrapper .swiper-slide .clients-projects-card {
  width: 306px;
  height: 233px;
}
@media (min-width: 768px) {
  .clients-projects__swiper .swiper-wrapper .swiper-slide .clients-projects-card {
    width: 450px;
    height: 340px;
  }
}