/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xxls: 1600px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-ssm: 650px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.certificates-block {
  position: relative;
  overflow: hidden;
  margin-top: clamp(30px, -10px + 0.0520833333 * 100vw, 65px);
  margin-bottom: clamp(20px, -14.2857142857px + 0.0446428571 * 100vw, 50px);
  padding-bottom: clamp(20px, -25.7142857143px + 0.0595238095 * 100vw, 60px);
}
.certificates-block .title {
  margin: 0;
  font-size: clamp(20px, -2.8571428571px + 0.0297619048 * 100vw, 40px);
  font-weight: 500;
  letter-spacing: normal;
  margin-bottom: clamp(10px, -12.8571428571px + 0.0297619048 * 100vw, 30px);
}
.certificates-block .swiper-wrapper {
  height: -moz-fit-content;
  height: fit-content;
}
.certificates-block .swiper-wrapper .swiper-slide {
  height: auto;
}
.certificates-block .swiper-wrapper .swiper-slide img {
  height: 100%;
  display: block;
}
.certificates-block .swiper-pagination {
  margin: 0 auto;
  height: 13px;
  display: flex;
  justify-content: center;
  margin-top: clamp(15px, 3.5714285714px + 0.0148809524 * 100vw, 25px);
  gap: clamp(5px, -0.7142857143px + 0.0074404762 * 100vw, 10px);
  overflow: hidden;
  max-width: 100%;
}
.certificates-block .swiper-pagination-bullet {
  height: 100%;
  width: clamp(20px, -25.7142857143px + 0.0595238095 * 100vw, 60px);
  background: var(--color-grey-600);
  cursor: pointer;
}
.certificates-block .swiper-pagination-bullet-active {
  background: var(--color-green);
}
.certificates-block::after {
  content: "";
  height: 1px;
  background: var(--color-green);
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: clamp(300px, -8.5714285714px + 0.4017857143 * 100vw, 570px);
}