/* Swiper */
:root {
  --number-of-certificates: 5;
}

#certificates .swiper {
  padding: 25px !important;
  width: 100%;
}

#certificates .swiper .swiper-wrapper {
  margin-bottom: 20px;
}

#certificates .swiper .swiper-slide {
  max-width: 100px;
  /* height: auto; */
}

#certificates .swiper-pagination .swiper-pagination-bullet {
  background: #F0A928;
}

#certificates .swiper-button-prev,
#certificates .swiper-button-next {
  --swiper-navigation-top-offset: calc(100% - 20px);
  --swiper-navigation-size: 20px;
  --swiper-navigation-sides-offset: calc(50% - 10px - (var(--number-of-certificates) * 12px));
  --swiper-navigation-color: #F0A928;
}
/* /Swiper */

#certificates .title {
  margin-top: 20px;
  margin-bottom: 30px;
}

#certificates {
  color: #fff;
  background: linear-gradient(#000000ba, #ffffff00, #000000),
    url(/img/home/certificates_background.png);
  background-size: cover;
  border-top: 10px solid #F0A928;
  border-bottom: 10px solid #F0A928;
  border-radius: 2px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#certificates #certificates-container .certificate-picture {
  width: 100px;
}

#certificates #certificates-container .certificate-wrapper {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  max-width: 100px;
}