.hero-banner{position:relative;color:#000;overflow:hidden}.hero-banner img{width:100%}.hero-banner img.desktop{display:block}.hero-banner img.mobile{display:none}@media (max-width: 767px){.hero-banner img.desktop{display:none}.hero-banner img.mobile{display:block}}.hero-banner .hero-banner-content{width:100%;position:absolute;bottom:5%;left:50%;transform:translate(-50%);color:#fff;max-width:var(--base-max-width, 1280px);padding:0 20px;display:flex;flex-direction:column;gap:17px}.hero-banner .hero-banner-content .container-wrapper{text-align:left}.hero-banner .hero-banner-content .title-wrapper{display:flex;width:100%;justify-content:space-between;align-items:flex-end}@media (max-width: 1024px){.hero-banner .hero-banner-content .title-wrapper{flex-direction:column;margin-bottom:20px}}.hero-banner .hero-banner-content .title-wrapper a{border:1px solid #fff;border-radius:66px;text-decoration:none;color:#fff;font-size:1.3em;padding:10px 20px;background:#ffffff4d;margin-bottom:0}.hero-banner .hero-banner-content .title{margin:0;color:#fff;font-family:Helvetica Neue;font-weight:300;font-size:6.25em;line-height:110.00000000000001%;letter-spacing:-5px}@media (max-width: 1024px){.hero-banner .hero-banner-content .title{font-size:4.2em}}.hero-banner .hero-banner-content .divider{width:100%;height:1px;background:#fff;display:block}.hero-banner .hero-banner-content .certification-wrapper{display:flex;gap:30px;margin:0 auto}.hero-banner .hero-banner-content .certification-wrapper div{display:flex;align-items:center;gap:20px}.hero-banner .hero-banner-content .certification-wrapper div img{max-width:42px;height:auto}.hero-banner .hero-banner-content .certification-wrapper div span{font-size:1.8em}@media (max-width: 1024px){.hero-banner .hero-banner-content .certification-wrapper div span{font-size:1.4em}}@media (max-width: 1024px){.hero-banner .hero-banner-content .content-wrapper{display:none}.hero-banner .hero-banner-content .title-wrapper a{font-size:1em}.hero-banner .hero-banner-content .title{font-size:4em}.hero-banner .hero-banner-content .certification-wrapper div{gap:10px}.hero-banner .hero-banner-content .certification-wrapper div span{font-size:1.4em;text-align:left}.hero-banner .hero-banner-content .certification-wrapper div img{max-width:24px}}@media (max-width: 767px){.hero-banner .hero-banner-content .title{width:100%;min-width:100%;font-size:3.5em;letter-spacing:0}.hero-banner .hero-banner-content .certification-wrapper div{gap:8px}.hero-banner .hero-banner-content .certification-wrapper div span{font-size:.7em}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/elvtd-component-hero-banner.css.map */
