.hero-banner-section{max-width:var(--max-width);margin:auto}.hero-banner-section .inner{max-width:var(--max-inner-width);margin:60px auto;display:flex;justify-content:space-between}.main-section h1{width:539px;font-family:Outfit;font-size:4rem;font-weight:700;line-height:120%}.hero-banner-subHeaderLinks{display:flex;flex-direction:column;justify-content:flex-end;width:360px;gap:12px}.hero-banner-subHeaderLinks a{font-family:Outfit;font-size:1rem;font-weight:500;line-height:126%;letter-spacing:.16px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border:1px solid var(--Black, #101010);transition:all .4s ease}.hero-banner-subHeaderLinks a svg{transition:transform .3s ease}.hero-banner-subHeaderLinks a:first-child{background:var(--Blue);color:var(--white);border:none}.hero-banner-subHeaderLinks a:first-child:hover{background:color-mix(in srgb,var(--Blue) 90%,black);transform:translate(-2px,-2px)}.hero-banner-subHeaderLinks a:first-child:hover svg{transform:translate(4px)}.hero-banner-subHeaderLinks a:last-child{color:var(--Black)}.hero-banner-subHeaderLinks a:last-child svg path{fill:var(--Black)}.hero-banner-subHeaderLinks a:last-child:hover{background:color-mix(in srgb,var(--White) 90%,black);transform:translate(-2px,-2px)}.hero-banner-subHeaderLinks a:last-child:hover svg{transform:translate(4px)}@media screen and (max-width: 75em){.hero-banner-section .inner{margin-top:48px;margin-left:20px;margin-right:20px;display:flex;justify-content:space-between;gap:24px}.main-section h1{width:100%;max-width:539px;font-family:Outfit;font-size:3.5rem;font-weight:700;line-height:120%}.hero-banner-subHeaderLinks a{padding:20px 24px;font-family:Outfit;font-size:.875rem;font-weight:500;line-height:126%;letter-spacing:.14px;max-width:350px}}@media screen and (max-width: 62em){.hero-banner-section .inner{margin-top:48px;display:flex;justify-content:space-between;gap:24px}}@media screen and (max-width: 48em){.hero-banner-section .inner{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:24px}}@media screen and (max-width: 36em){.hero-banner-section{margin-bottom:48px;margin-top:48px}.main-section h1{font-family:Outfit;font-size:2.5rem;font-weight:700;line-height:120%;max-width:350px}.hero-banner-subHeaderLinks{width:100%}.hero-banner-subHeaderLinks a{font-family:Outfit;font-size:1rem;font-weight:500;line-height:126%;letter-spacing:.16px}}