.thehands-abonement-grid {
  padding: 80px 0;
  background-color: var(--color-dark);
}
.thehands-abonement-grid .wrap .title {
  font-weight: 700;
  font-size: clamp(38 / 10 * 1rem, 26 * (100vw - 375px) / 905 + 38px, 64 / 10 * 1rem);
  line-height: 120%;
  margin-bottom: clamp(24 / 10 * 1rem, 11 * (100vw - 375px) / 905 + 24px, 35 / 10 * 1rem);
}
.thehands-abonement-grid .wrap .sub-title {
  font-weight: 500;
  font-size: clamp(18 / 10 * 1rem, 14 * (100vw - 375px) / 905 + 18px, 32 / 10 * 1rem);
  line-height: 170%;
  margin-bottom: 10px;
}
.thehands-abonement-grid .wrap .types .item {
  font-size: clamp(14 / 10 * 1rem, 6 * (100vw - 375px) / 905 + 14px, 20 / 10 * 1rem);
  line-height: 170%;
  margin-bottom: 6px;
  width: 36rem;
  position: relative;
  padding-left: 30px;
}
.thehands-abonement-grid .wrap .types .item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--color-orange);
}
.thehands-abonement-grid .wrap .abonements-grid {
  margin-top: clamp(35 / 10 * 1rem, 13 * (100vw - 375px) / 905 + 35px, 48 / 10 * 1rem);
  padding-top: clamp(35 / 10 * 1rem, 40 * (100vw - 375px) / 905 + 35px, 75 / 10 * 1rem);
  border-top: 1.5px solid rgb(255, 86, 0);
}
.thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .item {
  position: relative;
}
.thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .item .label {
  position: absolute;
  top: clamp(17 / 10 * 1rem, 3 * (100vw - 375px) / 905 + 17px, 20 / 10 * 1rem);
  left: 20px;
  font-family: var(--font-boldonse);
  font-size: clamp(12 / 10 * 1rem, 4 * (100vw - 375px) / 905 + 12px, 16 / 10 * 1rem);
  line-height: 120%;
  color: white;
  background-color: var(--color-orange);
  padding: 10px 22px;
  z-index: 2;
}
.thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .item .background-cover {
  border-radius: 12px 12px 0 0;
  aspect-ratio: 563/365;
}
.thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .item .background-cover img {
  border-radius: 12px 12px 0 0;
}
.thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .item .button-wrap {
  text-align: center;
  background-color: white;
  border-radius: 0 0 12px 12px;
  padding: 23px 0;
}

@media all and (max-width: 1199px) {
  .thehands-abonement-grid .wrap .types .item {
    width: auto;
  }
  .thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .swiper-slide {
    margin-bottom: 30px;
  }
  .thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .swiper-pagination {
    top: calc(100% - 10px);
  }
  .thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .swiper-pagination .swiper-pagination-bullet {
    height: 4px;
    width: 4.5rem;
    background-color: rgba(244, 244, 244, 0.2);
    margin: 0 3px;
    border-radius: 0;
    opacity: 1;
  }
  .thehands-abonement-grid .wrap .abonements-grid .abonements-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-orange);
  }
}
/*# sourceMappingURL=abonement-grid.css.map */