.bel-hero-quote { position: relative; overflow: hidden; min-height: 860px; display: flex; align-items: flex-end; color: #fff; background: var(--bel-dark); }
.bel-hero-quote__bg, .bel-hero-quote__bg img, .bel-hero-quote__bg .bel-ph { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.bel-hero-quote__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 20, 20, .78) 0%, rgba(20, 20, 20, .42) 55%, rgba(20, 20, 20, .2) 100%); }
.bel-hero-quote__inner { position: relative; z-index: 1; padding-top: 200px; padding-bottom: 60px; }
.bel-hero-quote__title { max-width: 760px; margin: 0 0 60px; color: #fff; font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1.2; text-transform: capitalize; }
.bel-hero-quote__lead { max-width: 560px; margin: -36px 0 50px; color: rgba(255, 255, 255, .85); font-size: 18px; }
.bel-hero-quote__panel {
	padding: 44px 50px 46px;
	background: rgba(255, 255, 255, .93);
	background-image: var(--bel-tex-light);
	color: var(--bel-heading);
	clip-path: polygon(0 0, calc(100% - 64px) 0, 100% 64px, 100% 100%, 0 100%);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.bel-hero-quote__form-title { margin: 0 0 26px; font-size: clamp(1.3rem, 2.1vw, 1.75rem); }
.bel-hero-quote__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: 24px; align-items: end; }
.bel-hero-quote__field span { display: block; margin-bottom: 10px; color: var(--bel-heading); font: 500 17px/1.3 var(--bel-font-h); }
.bel-hero-quote__row .bel-btn { min-height: 58px; margin: 0 8px; }
.bel-hero-quote .bel-form__status { margin-top: 16px; }
@media (max-width: 1100px) {
	.bel-hero-quote__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bel-hero-quote__row .bel-btn { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 600px) {
	.bel-hero-quote { min-height: 0; }
	.bel-hero-quote__inner { padding-top: 110px; padding-bottom: 30px; }
	.bel-hero-quote__title { margin-bottom: 36px; }
	.bel-hero-quote__panel { padding: 30px 20px; clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 0 100%); }
	.bel-hero-quote__row { grid-template-columns: 1fr; gap: 16px; }
	.bel-hero-quote__row .bel-btn { justify-self: stretch; }
}