.when-fits {
  display: flex;
  flex-direction: column;
  
}

@media screen and (min-width:673px){
	.when-fits{
		gap: 40px;
	}
}

@media screen and (max-width:672px){
	.when-fits{
		gap: 30px;
	}
}

@media screen and (min-width:57.5625rem) {
	.when-fits {
		  padding-bottom: 200px;
	}
}
@media screen and (max-width:57.5rem) and (min-width:42.0625rem){
	.when-fits {
		padding-bottom:175px;
	}
}
@media screen and (max-width:42rem){
		.when-fits {
			padding-bottom:150px;
		}
}

.when-fits__title {
  background: linear-gradient(266.48deg, #000000 3.18%, #7b7b7b 98.8%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  font-family: "TT Firs Neue", sans-serif;
  font-weight: 300;
  font-size: 62px;
  line-height: 90%;
}

.when-fits__items {
  display: grid;

  gap: 20px;
}

@media screen and (min-width: 1081px) {
  .when-fits__items {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1080px) and (min-width: 700px) {
  .when-fits__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.when-fits__item {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 20px;
  border-radius: 20px;
  background: #f4f4fb;
  width: 100%;
  justify-content: space-between;
}

@media screen and (min-width: 701px) {
  .when-fits__item {
    max-width: 466px;
  }
}

@media screen and (min-width: 1081px) {
  .when-fits__item {
    min-height: 394px;
  }
}

@media screen and (max-width: 1080px) and (min-width: 641px) {
  .when-fits__item {
    min-height: 394px;
  }
}

@media screen and (max-width: 640px) {
  .when-fits__item {
    min-height: auto;
gap:43px;
  }
}
.when-fits__item__number {
  color: #ff6900;

  font-family: "TT Firs Neue", sans-serif;
  font-weight: 300;
  
  line-height: 100%;
}

@media screen and (min-width:641px) {
    .when-fits__item__number{
        font-size: 42px;
    }
}
@media screen and (max-width:640px) {
    .when-fits__item__number{
        font-size: 35px;
    }
}

/* @media screen and (min-width:1081px) {
    .when-fits__item__number {
        margin-bottom: 130px;
    }
}

@media screen and (max-width:1080px) and (min-width:641px) {
    .when-fits__item__number {
        margin-bottom: 130px;
    }
} */

.when-fits__item__title {
  font-family: "TT Firs Neue", sans-serif;
  font-weight: 300;

  line-height: 100%;

  background: linear-gradient(266.48deg, #000000 3.18%, #7b7b7b 98.8%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;

  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 340px;
}

@media screen and (min-width: 1081px) {
  .when-fits__item__title {
    font-size: 30px;
  }
}

@media screen and (max-width: 1080px) and (min-width: 641px) {
  .when-fits__item__title {
    font-size: 25px;
  }
}

@media screen and (max-width: 641px) {
  .when-fits__item__title {
    font-size: 25px;
  }
}

.when-fits__item__text {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #141517;

  margin-bottom: 30px;
}

.when-fits__item .btn.btn-white.when-fits__item__btn {
  background-color: transparent;
  max-width: 261px;
  padding: 20px 81px 20px 51px;
}

.when-fits__item .btn.btn-white.when-fits__item__btn:hover span {
  color: inherit;
}
.when-fits__item .btn.btn-white.when-fits__item__btn svg.icon-small.icon-small-orange {
  transform: translate(-25px, -50%) rotate(-45deg);
}
.when-fits__item .btn.btn-white.when-fits__item__btn:hover svg.icon-small.icon-small-orange {
  stroke: var(--oranzhevyy);
  transform: translate(-25px, -50%) rotate(0deg);
}

/*.when-fits__text-wrapper {}*/