.dnd-section{&:has(.hero){padding-block:var(--spacing-12x) 0}&:has(.hero.section-background--blue){padding-block:var(--spacing-12x) var(--spacing-20x)}&:has(.hero.hero--overflow-img){padding-block:0}&:has(.hero--vertical){padding-block:var(--spacing-16x) 0}&:has(.hero--vertical.section-background--blue){padding-block:var(--spacing-12x) var(--spacing-20x)}&:has(.hero--vertical.hero--overflow-img){padding-block:var(--spacing-12x) 0}}.hero{align-items:center;display:flex;gap:var(--spacing-12x);justify-content:space-between;&.hero--vertical{flex-direction:column;text-align:center}&.hero--horizontal{@media (max-width:820px){flex-direction:column;text-align:center}}&.hero--horizontal.hero--overflow-img{display:grid;grid-template-columns:var(--content-width) auto;@media (max-width:1024px){grid-template-columns:1fr}}&.hero--horizontal.section-background--blue .section-bg-shape{display:block}&.hero--horizontal.section-background--blue.hero--overflow-img .section-bg-shape{display:none}& .btn-group{margin-top:var(--spacing-8x)}& .section-bg-shape{display:none}@media (max-width:820px){text-align:center}}.hero__heading{margin-bottom:var(--spacing-6x)}.hero__content{max-width:100%;width:var(--content-width);.hero--horizontal &{flex:0 0 var(--content-width);@media (max-width:820px){flex:none}}.hero--horizontal.hero--overflow-img &{padding-block:var(--spacing-12x);width:auto;@media (max-width:1024px){padding-bottom:0}}}.hero__image-wrapper{.hero--vertical &{max-width:100%;width:var(--img-width)}.hero--horizontal.hero--overflow-img &{height:100%}}.hero__image{.hero--vertical &{width:100%}.hero--horizontal.hero--overflow-img &{--width-offset:calc(100vw - var(--container-width));height:100%;max-height:600px;max-width:none;object-fit:cover;width:calc(100% + var(--width-offset)/2);@media (max-width:1320px){width:calc(100% + var(--container-padding))}@media (max-width:1024px){max-height:auto;object-fit:contain;transform:translateX(calc(var(--container-padding)*-1));width:calc(100% + var(--container-padding)*2)}}}