@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}.financial-education-about__hero{position:relative}.financial-education-about__hero__image-container{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.financial-education-about__hero__image-container{background-color:color-mix(in oklab, var(--color-black,#000) 30%, transparent)}}.financial-education-about__hero__image{z-index:calc(10 * -1);object-fit:cover;height:608px;position:relative}.financial-education-about__hero__title{right:0;bottom:calc(var(--spacing,.25rem) * 8);max-width:var(--container-3xl,48rem);text-align:center;font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1));--tw-leading:1;color:var(--x-color--primary-text);margin-inline:auto;line-height:1;position:absolute;left:0}@media (min-width:48rem){.financial-education-about__hero__title{font-size:56px}}@media (min-width:64rem){.financial-education-about__hero__title{font-size:64px}}@media (min-width:80rem){.financial-education-about__hero__title{bottom:calc(var(--spacing,.25rem) * 16)}}@property --tw-leading{syntax:"*";inherits:false}
/*# sourceMappingURL=3l6i8zlfsu880.css.map*/