@charset "UTF-8";
:root {
  /* colors */
  --bg-color: #FAFAFA;
  --text-main_color: #1A1A1A;
  --color1: #00BE97;
  --color2: #4B4B4B;
  --color3: #838383;
  --color-secondary:#00BE97 !important;
  /* gap */
  --g1: 4px;
  --g2: 8px;
  --g3: 16px;
  --g4: 24px;
  --g5: 32px;
  --g6: 48px;
  --g7: 60px;
  --g8: 80px;
  --g9: 100px;
  --g10: 120px;
  /* bootstrap */
  --bs-gutter-x: 12px;
  --bs-gutter-y: 12px;
  --shadow-block: 0px 5px 20px rgba(0, 0, 0, 0.14);
  --shadow-hover: 0px 1px 10px rgba(0, 0, 0, 0.14);
  --shadow-none: 0px 1px 5px rgba(0, 0, 0, 0.14);
  --shadow-button: 0px 5px 10px rgba(0, 0, 0, 0.14);
  --tr1: all 0.3s ease 0s;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-pagination-color: #ffffff;
  --swiper-theme-color: #00BE97;
  --swiper-preloader-color: #00BE97;
  --star-size: 1.2rem;
  --star-color: #838383;
  --star-background: #00BE97; }

/* colors */
.color1 {
  background-color: var(--color1); }

.color2 {
  background-color: var(--color2); }

.color3 {
  background-color: var(--color3); }

.text-main_color {
  background-color: var(--text-main_color); }

/* gap */
.g1 {
  height: var(--g1); }

.g2 {
  height: var(--g2); }

.g3 {
  height: var(--g3); }

.g4 {
  height: var(--g4); }

.g5 {
  height: var(--g5); }

.g6 {
  height: var(--g6); }

.g7 {
  height: var(--g7); }

.g8 {
  height: var(--g8); }

.g9 {
  height: var(--g9); }

.g10 {
  height: var(--g10); }

.btn_sm {
  padding: var(--g2) var(--g3);
  background-color: var(--color1);
  color: var(--text-main_color);
  border: 1px solid transparent;
  font-size: var(--g3); }

.btn_sm:hover {
  background-color: var(--color2); }

.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.ml_a {
  display: block;
  margin-left: auto; }

.ml_с {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.shd1 {
  box-shadow: var(--shadow-block); }

.video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: var(--color3); }

.video__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: none;
  padding: 0;
  width: 68px;
  height: 48px;
  border: none;
  background-color: transparent;
  transform: translate(-50%, -50%);
  cursor: pointer; }

.video__button-shape {
  fill: var(--color1);
  fill-opacity: 0.8; }

.video__button-icon {
  fill: #ffffff; }

.video__button:focus {
  outline: none; }

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
  fill: #ff0000;
  fill-opacity: 1; }

/* Enabled */
.video--enabled {
  cursor: pointer; }

.video--enabled .video__button {
  display: block; }

.stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: 'Montserrat', sans-serif;
  line-height: 1; }

.stars::before {
  content: '★★★★★';
  letter-spacing: 0,8px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.swiper-wrapper {
  width: auto; }

@media (min-width: 576px) {
  .swiper-wrapper {
    margin-left: 0;
    margin-right: 0; } }

.swiper-button-prev {
  box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-image: none;
  user-select: none;
  content: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.5' cy='18.5' r='18.5' fill='white'/%3E%3Cpath d='M12.785 17.41L20.4934 9.70173C20.794 9.40111 21.1886 9.25 21.5834 9.25C21.978 9.25 22.3727 9.40111 22.6733 9.70173C23.2761 10.3045 23.2761 11.2789 22.6733 11.8816L16.0549 18.5L22.6733 25.1184C23.276 25.7211 23.276 26.6955 22.6733 27.2983C22.0705 27.901 21.0961 27.901 20.4934 27.2983L12.785 19.5899C12.1822 18.9871 12.1822 18.0129 12.785 17.41Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A"); }

.swiper-button-next {
  box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-image: none;
  user-select: none;
  content: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.5' cy='18.5' r='18.5' fill='white'/%3E%3Cpath d='M24.215 19.59L16.5066 27.2983C16.206 27.5989 15.8114 27.75 15.4166 27.75C15.022 27.75 14.6273 27.5989 14.3267 27.2983C13.7239 26.6955 13.7239 25.7211 14.3267 25.1184L20.9451 18.5L14.3267 11.8816C13.724 11.2789 13.724 10.3045 14.3267 9.70173C14.9295 9.09897 15.9039 9.09897 16.5066 9.70173L24.215 17.4101C24.8178 18.0129 24.8178 18.9871 24.215 19.59Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A"); }