:root{--black: #000000;--white: #fff;--transparent: transparent;--current: currentColor;--gradients: linear-gradient(180deg, #063354 0%, rgba(14, 113, 186, .6) 100%);--y-0: #FEFCF8;--y-10: #FAF2D9;--y-20: #FEF2C8;--y-30: #F1DFA0;--y-40: #EAD074;--y-50: #E4C042;--y-60: #BEA037;--y-70: #98802C;--y-80: #726021;--y-90: #5F501B;--y-100: #4C4016;--sg-0: #9EA6BC;--sg-10: #8590AC;--sg-20: #6D7A9B;--sg-30: #5B6681;--sg-40: #4B5162;--sg-50: #3E4352;--sg-60: #323641;--sg-70: #2B2E36;--sg-80: #24262D;--sg-90: #191B21;--sg-100: #09090B}.hero-banner{position:relative}.hero-banner img{filter:grayscale(100%);height:calc(100dvh - 81px);-o-object-fit:cover;object-fit:cover;width:100%}.banner-content{background:#2b2e36e5;padding:130px 27px 78px 76px;border-top-left-radius:200px;color:#fff;position:absolute;bottom:75px;max-width:639px}.banner-content h1 p{font-size:72px;font-weight:700;line-height:87px}.banner-content p{font-size:1.25rem;font-weight:400;margin-top:16px;margin-bottom:33px}.banner-content button .btn-text{font-size:1rem;font-weight:600;line-height:24px;color:var(--y-100)}@media (max-height: 780px){.banner-content{padding:68px 20px 68px 68px;border-top-left-radius:150px;max-width:589px;bottom:40px}.banner-content h1{font-size:48px;line-height:60px}.banner-content p{font-size:18px;line-height:24px}}@media only screen and (max-width: 767px){.banner-content{padding:68px 14px 30px 40px;border-top-left-radius:104px;max-width:400px;margin-right:20px}.banner-content h1{font-size:32px;line-height:38px}.banner-content p{margin-top:8px;margin-bottom:17px}}@media (max-width: 768px){.banner-content p,.banner-content button .btn-text{font-size:12px;line-height:17px}}