html{scroll-behavior:smooth}.hero-banner{position:relative;max-width:1440px;margin:0 auto}.hero-banner__image-wrapper{width:100%;height:700px;overflow:hidden}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center right}.hero-banner__info{display:flex;flex-direction:column;gap:16px;top:50%;padding:40px;max-width:657px;position:absolute;transform:translateY(-50%);background-color:#fff;border-radius:48px;font-family:General Sans}.hero-banner__rating-text{font-size:18px;font-weight:600;font-family:General Sans;color:var(--text-secondary)}.hero-banner__rating-stars{font-family:Inter;font-size:22px;line-height:114%;color:var(--star-color)}.hero-banner__title{font-size:39px;font-weight:600;font-family:General Sans;color:var(--text-primary);letter-spacing:0}.hero-banner__title strong{color:#00a9f7;font-weight:600;background-image:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-banner__content{color:var(--text-secondary)}.content__heading{font-size:30px;font-family:General Sans;color:var(--text-secondary);font-weight:700;margin-bottom:10px}.content__text{font-family:General Sans;font-weight:500;font-size:25px}.hero-banner__buttons{display:flex;text-align:center;font-family:General Sans;gap:8px}.hero-banner__buttons--reverse{flex-direction:row-reverse}.hero-banner__button{width:100%;font-size:20px;text-decoration:none;padding:4px 0;border-radius:8px;font-weight:700;border:2px solid var(--accent);transition:all linear .3s;display:inline-flex;align-items:center;justify-content:center}.hero-banner__button--primary{color:var(--button-secondary);background-color:var(--accent)}.hero-banner__button--primary:hover{box-shadow:0 8px 10px #00a7f640}.hero-banner__button--secondary{color:var(--accent)}.hero-banner__button--secondary:hover{background-color:var(--accent);color:var(--button-secondary)}@media screen and (max-width: 768px){.hero-banner__image-wrapper{height:323px}.hero-banner__info{max-width:none;width:100%;position:static;transform:translate(0);padding:24px;border-radius:0}.hero-banner__rating-text,.hero-banner__text{font-size:14px}.hero-banner__title{font-size:30px}.content__heading{font-size:24px}.content__text{font-size:16px}.hero-banner__rating{display:flex;flex-direction:column}.hero-banner__buttons{flex-direction:column}.hero-banner__buttons--reverse{flex-direction:column-reverse}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-heatsbox-hero-banner.css.map */