.promo{position: relative}
.promo__title{margin-bottom: 26px}
.promo__title .section-title-main{margin-bottom: 12px}
.promo__list{display: flex; justify-content: space-between}
.promo__item{display: flex; flex-direction: column; align-items: center; width: 23%; padding: 30px; border-radius: 6px; background: var(--back, #EFF2F8); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); text-align: center}
.promo__img{width: 100%; height: 169px; margin-bottom: 17px}
.promo__img img{width: 100%; height: 100%; object-fit: cover}
.promo__name{margin-bottom: 23px; font-size: 17px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: uppercase; white-space: pre-line}
.promo__period{margin-bottom: 27px; font-size: 14px; line-height: 1.2; font-weight: 500}
.promo__btn{width: 100%; height: 50px; margin-top: auto}
.promo__title .section-title-main {color:#111}
@media screen and (max-width: 1139px){
	.promo__item{width: 24%; padding: 15px 15px 20px}
}
@media screen and (max-width: 991px){
	.promo__name{margin-bottom: 15px; font-size: 15px; white-space: normal}
	.promo__period{margin-bottom: 15px}
	.promo__img{height: 140px; margin-bottom: 13px}
}
@media screen and (max-width: 850px){
	.promo__list{flex-wrap: wrap; justify-content: space-evenly}
	.promo__item{width: 38%; padding: 15px 15px 20px; margin-bottom: 25px}
	.promo__img{height: 170px; margin-bottom: 13px}
}
@media screen and (max-width: 767px){
	.promo__item{width: 44%}
	.promo{padding-bottom: 20px}
}
@media screen and (max-width: 575px){
	.promo__list{flex-wrap: wrap; justify-content: space-between}
	.promo__item{width: 49%}
}
@media screen and (max-width: 479px){
	.promo__item{width: 290px}
	.promo__list{justify-content: center}
}