.bel-why-stats__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) 170px minmax(0, 1fr); gap: 40px; align-items: end; }
.bel-why-stats__left .bel-heading { margin-bottom: 28px; }
.bel-why-stats__stats { display: flex; gap: 0; margin-bottom: 40px; }
.bel-why-stats__stat { display: flex; flex-direction: column; padding-right: 50px; }
.bel-why-stats__stat + .bel-why-stats__stat { padding-left: 50px; border-left: 1px solid var(--bel-line); }
.bel-why-stats__num { color: var(--bel-accent); font: 500 clamp(2.4rem, 4vw, 3.2rem)/1.1 var(--bel-font-h); }
.bel-why-stats__label { margin-top: 10px; color: var(--bel-heading); font: 500 22px/1.3 var(--bel-font-h); }
.bel-why-stats__photo { align-self: end; height: 260px; overflow: hidden; }
.bel-why-stats__photo img, .bel-why-stats__photo .bel-ph { width: 100%; height: 100% !important; object-fit: cover; -webkit-mask: linear-gradient(to bottom, #000 80%, transparent); mask: linear-gradient(to bottom, #000 80%, transparent); }
.bel-why-stats__list { align-self: center; margin: 0; padding: 0; list-style: none; }
.bel-why-stats__item { display: grid; grid-template-columns: 80px 1fr; gap: 28px; padding: 32px 0; border-bottom: 1px solid var(--bel-line); }
.bel-why-stats__item:first-child { padding-top: 0; }
.bel-why-stats__item:last-child { border-bottom: 0; padding-bottom: 0; }
.bel-why-stats__icon { display: grid; place-items: center; width: 80px; height: 80px; background: var(--bel-dark); color: #fff; transition: background-color .3s, color .3s; }
.bel-why-stats__icon .bel-icon { width: 36px; height: 36px; stroke-width: 1.3; }
.bel-why-stats__item:hover .bel-why-stats__icon { background: var(--bel-accent); color: var(--bel-on-accent); }
.bel-why-stats__title { margin: 0 0 10px; font-size: 24px; }
.bel-why-stats__item p { margin: 0; }
@media (max-width: 1100px) {
	.bel-why-stats__grid { grid-template-columns: 1fr 1fr; }
	.bel-why-stats__photo { display: none; }
}
@media (max-width: 767px) {
	.bel-why-stats__grid { grid-template-columns: 1fr; gap: 56px; }
	.bel-why-stats__stat { padding-right: 24px; }
	.bel-why-stats__stat + .bel-why-stats__stat { padding-left: 24px; }
	.bel-why-stats__item { grid-template-columns: 64px 1fr; gap: 18px; }
	.bel-why-stats__icon { width: 64px; height: 64px; }
}
