.diploma {
  background: var(--bgDark);
}

.diploma__box {
}

.diploma__content {
}

.diploma__title {
}

.diploma__desc {
  margin: 20px auto 50px;
  text-align: center;
}

.diploma__list {
}

.diploma__swiper {
}

.diploma__slide {
  cursor: pointer;
}

.diploma__img {
  border: 2px solid transparent;

  aspect-ratio: 2 / 3;
  border-radius: 12px;
  overflow: hidden;
}

.diploma__img-link {
  display: block;
  width: 100%;
  height: 100%;

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

.diploma__text {
  margin-top: 20px;
  text-align: center;
}

.diploma__navigation {
  justify-content: flex-start;
}

.diploma__prevEl {
}

.diploma__nextEl {
}

.diploma__prevEl,
.diploma__nextEl {
  border-color: var(--textDark);

  &::before {
    border-color: var(--textDark);
  }
}

@media (hover: hover) {
  .diploma__slide:hover {
    .diploma__img {
      border-color: var(--btnDark);

      img {
        transform: scale(1.1);
      }
    }

    .diploma__text {
      color: var(--btnDark);
    }
  }

  .diploma__prevEl:hover,
  .diploma__nextEl:hover {
    border: 1px solid var(--btnDark);

    &::before {
      border-top: 2px solid var(--btnDark);
      border-right: 2px solid var(--btnDark);
    }
  }
}