.reviews {
  padding-top: 44px;
  padding-bottom: 44px
}

@media(min-width:1024px) {
  .reviews {
    padding-top: 48px;
    padding-bottom: 48px
  }
}

.reviews_has-background {
  background-color: #f5f6fe
}

.reviews__header {
  margin-bottom: 8px
}

.reviews__title {
  font-size: 23px;
  line-height: 1.3913043478;
  font-weight: 700;
  text-align: center
}

@media(min-width:1202px) {
  .reviews__title {
    font-size: 25px;
    line-height: 1.44
  }
}

.reviews__subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center
}

.reviews__title+.reviews__subtitle {
  margin-top: 8px
}

.reviews__slider {
  max-width: 1202px;
  margin-right: auto;
  margin-left: auto
}

@media(min-width:1024px) {
  .reviews__slider {
    padding: 0 16px
  }
}

.reviews__arrows {
  display: none
}

@media(min-width:1440px) {
  .reviews__arrows {
    display: block
  }
}

.reviews__arrow {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 47%;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transform: translateY(-50%);
  border: none;
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
  cursor: pointer
}

.reviews__arrow:hover {
  opacity: .7
}

.reviews__arrow_prev {
  left: -33px
}

.reviews__arrow_next {
  right: -33px
}

.reviews__arrow-icon {
  width: 100%;
  height: 100%
}

.reviews__arrow-icon_prev {
  transform: scaleX(-1)
}

.reviews__track {
  position: relative;
  max-width: 540px;
  margin-right: auto;
  margin-left: auto
}

@media(min-width:768px) {
  .reviews__track {
    max-width: 720px
  }
}

@media(min-width:1024px) {
  .reviews__track {
    max-width: 960px;
    border-radius: 16px
  }
}

@media(min-width:1202px) {
  .reviews__track {
    max-width: 1140px
  }
}

.reviews__slide {
  display: flex;
  flex-direction: column;
  padding: 16px
}

@media(min-width:1024px) {
  .reviews__slide {
    padding: 16px 25px
  }
}

.reviews__card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  width: 100%;
  padding: 32px 24px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 4px 15px #2f54eb26;
  gap: 16px
}

@media(min-width:1202px) {
  .reviews__card {
    padding: 32px 40px
  }
}

.reviews__name {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center
}

.reviews__card-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center
}

.reviews__card-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 500;
  text-align: center
}

.reviews__card-text p:not(:last-child) {
  margin-bottom: 8px
}

.reviews__card-text-has-margin {
  margin-bottom: 16px
}

.reviews__card-link {
  margin-top: auto
}

.reviews__pagination.splide__pagination {
  margin-top: 8px;
  padding-top: 4px;
  padding-bottom: 4px
}

.reviews__pagination-page {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0 1px;
  border: none;
  opacity: 1;
  background-color: transparent;
  cursor: pointer
}

.reviews__pagination-page:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%);
  border-radius: 99px;
  background-color: #000
}

.reviews__pagination-page.is-active {
  transform: scale(1)
}

.reviews__pagination-page.is-active:before {
  background-color: #fa8c16
}

.reviews__pagination-page.is-active:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%);
  border: 1px solid #222222;
  border-radius: 100%
}

.how-it-works[data-astro-cid-oileql6k] {
  padding-top: 44px;
  padding-bottom: 44px
}

@media(min-width:1024px) {
  .how-it-works[data-astro-cid-oileql6k] {
    padding-top: 48px;
    padding-bottom: 48px
  }
}

.how-it-works_has-background[data-astro-cid-oileql6k] {
  background-color: #f5f6fe
}

.how-it-works__header[data-astro-cid-oileql6k] {
  margin-bottom: 24px
}

.how-it-works__title[data-astro-cid-oileql6k] {
  font-size: 23px;
  line-height: 1.3913043478;
  font-weight: 700;
  text-align: center
}

@media(min-width:1202px) {
  .how-it-works__title[data-astro-cid-oileql6k] {
    font-size: 25px;
    line-height: 1.44
  }
}

.how-it-works__subtitle[data-astro-cid-oileql6k] {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center
}

.how-it-works__title[data-astro-cid-oileql6k]+.how-it-works__subtitle[data-astro-cid-oileql6k] {
  margin-top: 8px
}

.how-it-works__list[data-astro-cid-oileql6k] {
  display: grid;
  grid-gap: 114px;
  margin: 0 auto;
  counter-reset: section
}

@media(min-width:768px) {
  .how-it-works__list[data-astro-cid-oileql6k] {
    grid-gap: 48px;
    grid-template-columns: repeat(3, 1fr);
    max-width: none
  }
}

@media(min-width:1202px) {
  .how-it-works__list[data-astro-cid-oileql6k] {
    grid-gap: 50px
  }
}

.how-it-works__item[data-astro-cid-oileql6k] {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 16px
}

.how-it-works__item[data-astro-cid-oileql6k]:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: -74px;
  left: 50%;
  width: 67px;
  height: 18px;
  transform: translate(-50%);
  background-image: url(../icons/arrow-down_gray_67x18.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%
}

@media(min-width:768px) {
  .how-it-works__item[data-astro-cid-oileql6k]:not(:last-child):after {
    inset: 50% -58px auto auto;
    transform: translate(0) translateY(-50%) rotate(-90deg)
  }
}

.how-it-works__item-title[data-astro-cid-oileql6k] {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px
}

@media(min-width:1202px) {
  .how-it-works__item-title[data-astro-cid-oileql6k] {
    flex-direction: row
  }
}

.how-it-works__item-title[data-astro-cid-oileql6k]:before {
  content: counter(section);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #fa8c16;
  color: #fff;
  font-weight: 600;
  text-align: center;
  counter-increment: section
}

.how-it-works__item-text[data-astro-cid-oileql6k] {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 500;
  text-align: center
}