.real-examples {
  margin-block: clamp(60px, 9.375vw, 120px);
}

.real-examples__head {
  text-align: center;
  margin-bottom: clamp(24px, 3.125vw, 40px);
}

.real-examples__title {
  margin-bottom: clamp(30px, 3.125vw, 40px);
}

.real-examples__subtitle {
  margin: 0;
  font-size: clamp(13px, 1.25vw, 16px);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.real-examples__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.real-examples__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 419px;
          flex: 0 1 419px;
  min-width: min(260px, 100%);
}

.real-examples__swiper {
  width: 100%;
  overflow: hidden;
}

.example-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: clamp(22px, 1.953125vw, 25px) 13px clamp(22px, 5vw, 64px) 13px;
  background: var(--color-real-examples-card);
  border: 1px solid var(--color-real-examples-border);
  border-radius: clamp(30px, 3.90625vw, 50px);
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.example-card__media {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: clamp(12px, 1.5625vw, 20px);
  height: clamp(102px, 13.4375vw, 172px);
}

.example-card__media img {
  width: auto;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.example-card__title {
  margin: 0 0 10px clamp(17px, 2.890625vw, 37px);
}

.example-card__route {
  margin: 0 0 20px clamp(17px, 2.890625vw, 37px);
  color: var(--color-brand);
  font-size: clamp(14px, 1.40625vw, 18px);
  font-weight: 600;
  line-height: 1.2;
}

.example-card__total {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: clamp(17px, 2.890625vw, 37px);
}

.example-card__total-label {
  font-size: clamp(16px, 1.40625vw, 18px);
  margin-bottom: 12px;
}

.example-card__total-value {
  font-size: clamp(24px, 2.34375vw, 30px);
  font-weight: 700;
  color: var(--color-brand);
}

.example-card__total-note {
  font-size: clamp(14px, 1.25vw, 16px);
  color: var(--color-brand);
  margin-top: 5px;
}

.example-card__total-label,
.example-card__total-value,
.example-card__total-note {
  line-height: 120%;
}

.example-card__total-label,
.example-card__total-note {
  font-weight: 600;
}

.example-card__total-note:empty {
  display: none;
}

.example-card__details {
  margin-bottom: clamp(20px, 2.34375vw, 30px);
}

.card-details {
  width: 100%;
  padding: clamp(26px, 2.34375vw, 30px) clamp(15px, 2.890625vw, 37px);
  border-radius: 30px;
  background: var(--color-surface);
  font-weight: 500;
  font-size: clamp(14px, 1.25vw, 16px);
  line-height: 120%;
}

.card-details:empty {
  display: none;
}

.card-details__item {
  margin: 0;
}

.card-details__item span {
  font-weight: 700;
}

.card-details__item + .card-details__item {
  margin-top: 6px;
}

@media (max-width: 1279px) {
  .real-examples__grid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 20px;
  }

  .real-examples__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: min(360px, 85%);
  }
}
@supports (appearance:none){

}

 @media (max-width: 1279px){

@supports (appearance:none){

}

}

/*# sourceMappingURL=real-examples.css.map */