.fit {
  position: relative;
  margin-block: clamp(70px, 13.28125vw, 170px) 0;
  isolation: isolate;
}

.fit__decor {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.fit__head {
  position: relative;
  z-index: 1;
  margin-bottom: clamp(25px, 7.03125vw, 90px);
  text-align: center;
}

.fit__title {
  text-align: center;
}

.fit__grid {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(5px, 2.34375vw, 30px) 9px;
}

.fit-card {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 420px;
          flex: 0 0 420px;
  min-height: clamp(135px, 22.65625vw, 290px);
  padding: 13% 37px clamp(45px, 3.90625vw, 50px) 30px;
  border-radius: clamp(30px, 3.90625vw, 50px);
  background: var(--color-fit-card-bg);
  -webkit-box-shadow: 0 15px 40px var(--color-fit-card-shadow);
          box-shadow: 0 15px 40px var(--color-fit-card-shadow);
}

.fit-card__icon {
  position: absolute;
  top: clamp(12px, 1.5625vw, 20px);
  right: clamp(33px, 2.890625vw, 37px);
}

.fit-card__icon img {
  display: block;
  width: clamp(50px, 10.46875vw, 134px);
  max-height: clamp(50px, 10.46875vw, 134px);
  -o-object-fit: contain;
     object-fit: contain;
}

.fit-card__text {
  margin: 0;
  font-weight: 700;
  font-style: Bold;
  font-size: clamp(18px, 1.875vw, 24px);
  line-height: 110%;
  letter-spacing: -0.01em;
}

.fit-card__text span {
  color: var(--color-brand);
}

.fit-card--blue,
.fit-card--mint {
  background: var(--color-feedback-bg);
}

.fit-card--sand {
  background: var(--color-fit-card-bg-sand);
}

.fit-card--light {
  background: #e5f2f4;
}

.fit-card--peach {
  background: var(--color-fit-card-bg-peach);
}

.fit-card--small {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 307px;
          flex: 0 0 307px;
}

.fit-card--big {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

@media (max-width: 1279px) {
  .fit-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    min-width: min(340px, 100%);
  }
}

@media (max-width: 575px) {
  .fit-card__text {
    max-width: 85%;
  }
}
@supports (appearance:none){

}

 @media (max-width: 1279px){

@supports (appearance:none){

}

}

 @media (max-width: 575px){

@supports (appearance:none){

}

}

/*# sourceMappingURL=fit.css.map */