.g12-benefits-panel { position: relative; width: 100%; }
.g12-benefits-panel *, .g12-benefits-panel *::before, .g12-benefits-panel *::after { box-sizing: border-box; }
.g12-benefits-panel__editorial { max-width: 80rem; margin: 0 auto 1.5rem; padding-right: var(--rad-spacing-md, 48px); padding-left: var(--rad-spacing-md, 48px); }
.g12-benefits-panel__heading { margin: 0 0 1.5rem; font-size: clamp(2.9rem, calc(2.9rem + 3.34029vw - 48.13361px), 4rem); font-weight: 500; letter-spacing: -.03em; line-height: 1; text-align: center; }
.g12-benefits-panel__heading span { color: #d6a557; }
.g12-benefits-panel__intro { font-size: 1.2rem; font-weight: 400; line-height: 1.4; text-align: center; }
.g12-benefits-panel__intro > :first-child { margin-top: 0; }
.g12-benefits-panel__intro > :last-child { margin-bottom: 0; }
.g12-benefits-panel__stage { position: relative; display: flex; min-height: 0; margin-bottom: 176px; }
.g12-benefits-panel__text-column { display: flex; width: 46%; min-width: 0; flex-direction: column; justify-content: space-between; align-items: flex-end; }
.g12-benefits-panel__benefits-wrap { width: 100%; margin-top: 20%; }
.g12-benefits-panel__benefits { display: flex; width: 100%; margin: 0; padding: 0; flex-direction: column; align-items: flex-end; list-style: none; }
.g12-benefits-panel__benefit { display: flex; width: auto; max-width: 100%; align-items: center; gap: 0; }
.g12-benefits-panel__benefit + .g12-benefits-panel__benefit { margin-top: 1rem; }
.g12-benefits-panel__benefit-label { padding: .175rem 1rem; border: 2px solid #d6a557; border-radius: 14px; color: #111; font-size: .66rem; font-weight: 400; white-space: nowrap; }
.g12-benefits-panel__connector { width: 6rem; height: 0; flex: 0 0 6rem; border-top: 1px solid #bab7b7; }
.g12-benefits-panel__benefit:nth-child(1) .g12-benefits-panel__connector { margin-right: -14rem; }
.g12-benefits-panel__benefit:nth-child(2) .g12-benefits-panel__connector { margin-right: -8rem; }
.g12-benefits-panel__benefit:nth-child(3) .g12-benefits-panel__connector { width: 7rem; margin-right: -6rem; flex-basis: 7rem; }
.g12-benefits-panel__benefit:nth-child(4) .g12-benefits-panel__connector { width: 7rem; margin-right: -4.5rem; flex-basis: 7rem; }
.g12-benefits-panel__benefit:nth-child(5) .g12-benefits-panel__connector { margin-right: -2.5rem; }
.g12-benefits-panel__benefit:nth-child(7) .g12-benefits-panel__connector { margin-right: 2rem; }
.g12-benefits-panel__benefit:last-child .g12-benefits-panel__connector { width: 3rem; margin-right: 1rem; flex-basis: 3rem; }
.g12-benefits-panel__visual--desktop { position: relative; width: 55%; }
.g12-benefits-panel__visual--mobile { display: none; }
.g12-benefits-panel__image { display: block; width: 100%; height: auto; margin-bottom: -24.3%; }
.g12-benefits-panel__eligibility { position: absolute; z-index: 0; bottom: 0; left: 0; display: flex; width: 71%; padding: 2rem; justify-content: center; background: #000; color: #fff; }
.g12-benefits-panel__panel-title { margin: 0 0 .5rem; color: #fff; font-size: 1.6rem; font-weight: 500; letter-spacing: -.03em; line-height: 1; }
.g12-benefits-panel__points { display: flex; margin: 0; padding: 0; flex-direction: column; list-style: none; }
.g12-benefits-panel__point { display: flex; margin-bottom: .5rem; color: #bababa; font-family: AloeveraDisplay, sans-serif; font-size: 1rem; }
.g12-benefits-panel__point:last-child { margin-bottom: 0; }
.g12-benefits-panel__star { width: 16px; height: 16px; margin-right: 10px; flex: 0 0 16px; color: #facc15; }
@media (min-width: 1300px) {
	.g12-benefits-panel__panel-title { margin-bottom: 2rem; font-size: 2rem; }
	.g12-benefits-panel__benefit-label { padding-top: .375rem; padding-bottom: .375rem; font-size: 1rem; }
	.g12-benefits-panel__point { font-size: 1.2rem; }
}
@media (max-width: 599px) {
	.g12-benefits-panel__editorial { margin-bottom: 0; padding-right: var(--rad-spacing-sm, 20px); padding-left: var(--rad-spacing-sm, 20px); }
	.g12-benefits-panel__heading { margin-bottom: 1.5rem; font-size: 1.7rem; }
	.g12-benefits-panel__intro { font-size: .8rem; line-height: 1.2; }
	.g12-benefits-panel__stage { display: block; margin-bottom: 0; }
	.g12-benefits-panel__text-column { display: flex; width: 100%; align-items: stretch; }
	.g12-benefits-panel__benefits-wrap { margin-top: 2rem; padding-right: var(--rad-spacing-sm, 20px); padding-left: var(--rad-spacing-sm, 20px); }
	.g12-benefits-panel__benefits { align-items: stretch; }
	.g12-benefits-panel__benefit { width: 100%; }
	.g12-benefits-panel__benefit + .g12-benefits-panel__benefit { margin-top: .6rem; }
	.g12-benefits-panel__benefit-label { width: 100%; padding-right: .5rem; padding-left: .5rem; border-radius: 8px; white-space: normal; }
	.g12-benefits-panel__connector { display: none; }
	.g12-benefits-panel__visual--desktop { display: none; }
	.g12-benefits-panel__visual--mobile { display: flex; width: 100%; margin-top: -3rem; justify-content: flex-end; }
	.g12-benefits-panel__visual--mobile picture { display: flex; width: 100%; justify-content: flex-end; }
	.g12-benefits-panel__visual--mobile .g12-benefits-panel__image { width: 70%; margin-bottom: 0; }
	.g12-benefits-panel__eligibility { position: relative; bottom: auto; left: auto; width: 100%; padding: var(--rad-spacing-md, 40px) var(--rad-spacing-sm, 20px); }
	.g12-benefits-panel__panel-title { margin-bottom: 1rem; font-size: 1.5rem; }
	.g12-benefits-panel__point { font-size: .8rem; }
	.g12-benefits-panel__star { width: 13px; height: 13px; flex-basis: 13px; }
}