.achivements {
  width: 100%;
  position: relative;
  margin-bottom: var(--section-margin);
}

.achivements-slider {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
  margin-right: -10px;
}

.achivement,
.more-achivement {
  flex: 0 0 auto;
  width: 210px;
  height: 300px;
  background: var(--yellow);
  display: flex;
  align-items: center;
  justify-content: center;
}