.hero-banner{display:block}.hero-banner__image-wrapper{aspect-ratio:.445}.hero-banner__image{height:100%}.hero-banner__overlay{background:linear-gradient(180deg,#0000,#0006 76.3%)}.hero-banner__content-wrapper{z-index:1;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 30px}.hero-banner__content{z-index:1;max-width:600px;width:100%;margin-bottom:32px}.hero-banner__title{width:calc(100% + 20px);max-width:580px;font-size:45px;color:inherit;text-shadow:0 2px 8px rgba(0,0,0,.18)}.hero-banner__subtitle{max-width:282px;margin-bottom:20px;font-size:25px;color:inherit}.hero-banner__subtitle p{margin:0}.hero-banner__btn{flex-shrink:0;font-size:18px;border:3px solid #3373B0;border-radius:10px;padding:16px 54px;max-width:327px;text-align:center;transition:color .25s,background-color .25s,border-color .25s;white-space:nowrap}.hero-banner__btn--primary{background-color:#3373b0;color:#fff}.hero-banner__btn--primary:hover{background-color:#001b30;color:#fff;border-color:#001b30}.hero-banner__btn--secondary{background-color:#fff;color:#3373b0}.hero-banner__btn--secondary:hover{background-color:#3373b0;color:#fff}.hero-banner__benefits{background-color:#1c2127;border-radius:20px;transform:translateY(-60px);overflow:hidden;padding:30px;box-shadow:0 4px 14.7px 7px #0000001a}.hero-banner__benefit{border-top:1px solid #fff;width:100%;max-width:231px;padding:25px 5px;flex:1 1 0;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:8px;color:#fff}.hero-banner__content-translate--mobile{transform:translateY(-60px)}.hero-banner__benefits-wrapper{padding:0 25px}.hero-banner__benefit-title{font-size:25px;line-height:1.2}.hero-banner__benefit-subtitle p{margin:0;line-height:1.2;font-size:18px}.hero-banner__play-pause{cursor:pointer;z-index:3}.hero-banner__play-pause .pause,.hero-banner__play-pause.pause .play{display:none}.hero-banner__play-pause.pause .pause{display:block}@media (max-width: 767px){.hero-banner__benefit:first-child{padding-top:0;border-top:none}.hero-banner__benefit:last-child{padding-bottom:0}}@media (min-width: 768px){.hero-banner__benefits-wrapper{padding:0 40px}.hero-banner__content-wrapper{justify-content:flex-end;align-items:flex-start}.hero-banner__content{padding:0 10px;margin-bottom:82px}.hero-banner__title{width:100%;font-size:55px;max-width:580px}.hero-banner__subtitle{margin-bottom:39px;max-width:unset}.hero-banner__btn{max-width:unset;min-width:260px}.hero-banner__benefits{padding:23px 0;flex-direction:row;transform:translateY(-95px)}.hero-banner__benefit{padding-top:30px;max-width:unset;border-top:none;border-left:1px solid #fff;justify-content:flex-start;row-gap:23px}.hero-banner__benefit:first-child{border-left:none}.hero-banner__benefit-title,.hero-banner__benefit-subtitle p{max-width:268px;margin:0 auto}.hero-banner__content-translate--desktop{transform:translateY(-103px)}}@media (min-width: 768px) and (max-width: 991px){.hero-banner__image-wrapper{aspect-ratio:1}}@media (min-width: 992px){.hero-banner__image-wrapper{aspect-ratio:1.55}.hero-banner__benefit-title{font-size:45px}.hero-banner__benefit-subtitle p{font-size:25px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-hero-banner.css.map */