.hero-banner{background-color:var(--c-brand-neutral-grey-1200)}.hero-banner.is-dark-mode{background-color:var(--c-brand-secondary-400)}.hero-banner.is-right-alignment .container{display:flex}@media only screen and (width <= 1279px){.hero-banner.is-right-alignment .container{flex-direction:column}}.is-right-alignment .hero-banner__text-hld{width:50%}@media only screen and (width <= 1279px){.is-right-alignment .hero-banner__text-hld{width:100%}}.hero-banner__desc div{color:var(--c-brand-neutral-grey-400);font-size:14px;font-weight:500;text-transform:uppercase}.is-dark-mode .hero-banner__desc div{color:var(--c-brand-white)}.is-right-alignment .hero-banner__desc div{text-align:left}@media only screen and (width <= 1279px){.is-right-alignment .hero-banner__desc div{text-align:center}}.hero-banner__desc h1{color:var(--c-brand-neutral-grey-200);text-transform:none}.is-dark-mode .hero-banner__desc h1{color:var(--c-brand-white)}.is-right-alignment .hero-banner__desc h1{text-align:left}@media only screen and (width <= 1279px){.is-right-alignment .hero-banner__desc h1{text-align:center}}.hero-banner__desc p{color:var(--c-brand-neutral-grey-400);font-size:16px;letter-spacing:.4px;margin-top:15px;text-transform:none}.is-dark-mode .hero-banner__desc p{color:var(--c-brand-white)}.is-right-alignment .hero-banner__desc p{text-align:left}@media only screen and (width <= 1279px){.is-right-alignment .hero-banner__desc p{text-align:center}}.hero-banner__card-hld{display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:64px}.hero-banner .card{background-color:#fff;border-radius:8px;display:flex;flex-flow:row nowrap;height:242px;margin-bottom:20px;padding:16px;width:calc(50% - 12px)}.hero-banner .card__image{border-radius:8px;height:210px;margin-right:32px;width:210px}.hero-banner .card__content{display:flex;flex-flow:column nowrap;padding:16px 0}.hero-banner .card__title{letter-spacing:-.8px;margin:0 0 12px}.hero-banner .card__text{color:#465161;font-size:14px;font-weight:400;letter-spacing:.5px;line-height:24px;margin:0 0 12px;max-width:233px}.hero-banner .card__link{font-size:14px;font-weight:500;transition:.4s;width:fit-content}@media only screen and (width <= 1279px){.hero-banner .card{width:calc(50% - 12px)}}@media only screen and (width <= 1023px){.hero-banner .card{width:100%}}@media only screen and (width <= 767px){.hero-banner .card{flex-flow:column;height:auto}.hero-banner .card__image{object-fit:cover;width:100%}}