/* Why Choose Us */
.bel-why { position: relative; overflow: hidden; }
.bel-why__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 8fr); gap: 70px; align-items: stretch; }
.bel-why__media { position: relative; align-self: end; min-height: 520px; margin-top: 70px; overflow: hidden; clip-path: polygon(0 12%, 70% 0, 100% 8%, 100% 100%, 0 100%); }
.bel-why__media img, .bel-why__media .bel-ph { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.bel-why__media::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(transparent, rgba(30, 30, 30, .6)); }
.bel-why__body { padding: 100px 0; }
.bel-why__body .bel-heading { margin-bottom: 44px; }
.bel-why__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 46px; margin: 0; padding: 0; list-style: none; }
.bel-why__item { display: flex; align-items: center; gap: 22px; }
.bel-why__icon { display: grid; place-items: center; flex: none; width: 72px; height: 72px; background: #fff; color: var(--bel-dark); transition: background-color .3s, color .3s; }
.bel-why__icon .bel-icon { width: 34px; height: 34px; stroke-width: 1.2; }
.bel-why__item:hover .bel-why__icon { background: var(--bel-accent); color: var(--bel-on-accent); }
.bel-why__title { color: #fff; font: 500 clamp(1.05rem, 1.5vw, 1.3rem)/1.4 var(--bel-font-h); }
@media (max-width: 1024px) { .bel-why__inner { gap: 40px; } .bel-why__grid { gap: 30px; } }
@media (max-width: 900px) {
	.bel-why__inner { grid-template-columns: 1fr; }
	.bel-why__media { order: 2; min-height: 380px; margin: 0 auto; width: 100%; max-width: 480px; }
	.bel-why__body { padding: 80px 0 30px; }
}
@media (max-width: 560px) { .bel-why__grid { grid-template-columns: 1fr; } .bel-why__icon { width: 62px; height: 62px; } }