.about-two-columns{display: flex; gap: 30px; align-items: flex-start}
.about-left-col{flex: 1.1}
.about-title{font-size: 32px; font-weight: 700; color: var(--primary); margin-bottom: 24px}
.about-left-col p{margin-bottom: 18px;}
.counters-row{display: flex; gap: 20px; margin-top: 35px; flex-wrap: wrap}
.counter-box{background: white; border-radius: 10px; padding: 20px 0 0; text-align: center; flex: 1; text-align: left; white-space: nowrap; flex: 1 1 auto}
.counter-num{font-size: 42px; font-weight: 700; color: var(--accent); display: block; font-family: 'Montserrat', sans-serif; line-height: 1}
.counter-desc{font-size: 14px; color: var(--text-gray); margin-top: 5px; display: block}
.about-right-col{flex: 1; background: var(--light-bg); border-radius: 10px; padding: 20px; border: 1px solid var(--border-light)}
.advantages-title{font-size: 26px; font-weight: 700; color: var(--primary); margin-bottom: 40px; text-transform:uppercase; position: relative; text-align: center}
.advantages-title:after{content: '';display: block;width: 150px;height: 3px;background: url(/templates/stek/images/line__head.svg) no-repeat center center / contain;margin-top: 8px; left: 50%;position: relative;transform: translateX(-50%)}
.advantages-list{display: flex; flex-wrap: wrap; gap: 30px 15px}
.adv-item{position: relative; width: calc((100% - 15px) / 2); text-align: center; background: #fff; color: #fff; border-radius: 10px; padding: 25px 15px 15px; border: 1px solid var(--border-light)}
.adv-item__icon{position: absolute; width: 46px; height: 46px; background: var(--light-bg); color: var(--dark-bg); border-radius: 100%; left: 50%; transform: translateY(-50%) translateX(-50%); top: 0; display:flex; align-items:center; justify-content:center; border: 2px solid var(--border-light)}
.adv-item__icon svg{max-width: 30px;max-height: 30px;}
.adv-item h4{font-size: 15px; font-weight: 700; color: var(--primary); margin-bottom: 4px}
.adv-item p{font-size: 14px; color: var(--primary); line-height: 1.4}
.quality-footnote{text-align: center; color: var(--white); padding: 50px 0; font-size: 30px; margin: 70px 0 0;background:var(--dark-bg); position: relative}
.quality-footnote__best{font-weight: 600}
@media(max-width:1339px){
	.about-two-columns {gap: 20px}
	.about-title {font-size: 28px;margin-bottom: 20px}
	.about-left-col p {margin-bottom: 15px;font-size: 15px}
	.about-right-col {padding: 15px}
	.advantages-title {font-size: 22px; margin-bottom: 30px}
	.advantages-list {/* gap: 20px 10px; */}
	.adv-item {/* width: calc((100% - 10px) / 2); *//* padding: 20px 10px 10px; */}
	.adv-item__icon {width: 40px;height: 40px;}
	.adv-item__icon svg {max-width: 22px;max-height: 22px;}
	.adv-item h4 {font-size: 14px}
	.adv-item p{font-size: 13px; line-height: 1.2}
	.quality-footnote {padding: 40px 0;font-size: 26px;margin: 60px 0 0}
}
@media(max-width:991px){
	.about-two-columns {gap: 50px;flex-direction: column;}
	.about-title {font-size: 26px;margin-bottom: 15px;}
	.about-left-col p {margin-bottom: 10px;font-size: 14px;}
	.about-right-col {padding: 0;border: none;background: none;}
	.advantages-title {font-size: 28px;margin-bottom: 45px;}
	.advantages-list {/* gap: 20px 10px; */}
	.advantages-title:after{width: 236px;height: 5px;margin-top: 16px}
	.adv-item {width: calc((100% - 30px) / 3);/* padding: 20px 10px 10px; */}
	.adv-item h4 {font-size: 15px;}
	.adv-item p{font-size: 14px;line-height: 1.5;}
	.quality-footnote {padding: 30px 0;font-size: 22px;margin: 50px 0 0}
	.counters-row{gap: 60px; margin-top: 0}
	.counter-box{text-align: center;}
	.counter-num{font-size: 36px}
}
@media(max-width:767px){
	.about-two-columns {gap: 40px}
	.about-title{font-size: 22px;margin-bottom: 10px;}
	.advantages-title {font-size: 24px;margin-bottom: 30px;}
	.advantages-title:after{width: 140px;height: 3px; margin-top: 8px}
	.adv-item {width: calc((100% - 15px) / 2)}
	.quality-footnote {padding: 20px 0;font-size: 18px;margin: 40px 0 0}
	.counters-row{gap: 40px; margin-top: 0}
	.counter-box{padding: 15px 0 0;}
	.counter-num{font-size: 32px}
}
@media(max-width:575px){
	.about-two-columns{gap: 30px}
	.about-left-col{text-align:center}
	.about-title{font-size: 20px;margin-bottom: 10px;}
	.advantages-title {font-size: 20px;margin-bottom: 40px;}
	.advantages-title:after{width: 100px;height: 2px;margin-top: 8px}
	.adv-item {width: 100%;}
	.quality-footnote {padding: 20px 15px;font-size: 16px;margin: 30px 0 0;}
	.counter-box{padding: 10px 0 0;}
	.counter-num{font-size: 26px;}
}