.hero-section{position:relative}@media(min-width:1025px){.hero-section{min-height:600px}}@media(max-width:1024px){.hero-section{min-height:400px}}.hero-section>.container .breadcrumbs ol{align-items:center;display:flex;flex-wrap:wrap;gap:3px;margin:10px 0;padding:0}.hero-section__media{position:relative;width:100%}.hero-section__media video,.hero-section__media>picture{aspect-ratio:1440/700;height:700px;width:100%}@media(max-width:767px){.hero-section__media video,.hero-section__media>picture{aspect-ratio:800/1200;height:100%}}.hero-section__media video>img,.hero-section__media>picture>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-section__inner{bottom:auto;left:50%;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);z-index:2}@media(max-width:767px){.hero-section__inner{padding-inline:32px;width:100%}}.hero-section__wrapper{color:#fff}.hero-section__wrapper.center{text-align:center}.hero-section__wrapper.center .breadcrumbs ol{justify-content:center}.hero-section__wrapper.right{text-align:right}.hero-section__wrapper.right .breadcrumbs ol{justify-content:flex-end}.hero-section__wrapper h1{font-weight:300;margin:8px 0}.hero-section__wrapper p :not(:first-child){margin-top:20px}.hero-section__wrapper .text-content{font-weight:300}.hero-section.hero-product{position:relative}@media(min-width:768px){.hero-section.hero-product{min-height:800px}}@media(max-width:767px){.hero-section.hero-product{min-height:500px}}.hero-section.hero-product:before{background:linear-gradient(180deg,transparent 49.92%,#000 94.29%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-section.hero-product .overlay-black:before{background:#000;opacity:.4}.hero-section.hero-product .hero-section__inner{bottom:45px;top:unset;transform:translate(-50%)}@media(min-width:768px){.hero-section.hero-product .hero-section__media video,.hero-section.hero-product .hero-section__media>picture{height:800px}}@media(max-width:767px){.hero-section.hero-product .hero-section__media video,.hero-section.hero-product .hero-section__media>picture{height:500px}}.hero-section.hero-product .breadcrumb-wrap{color:#039f58;text-transform:uppercase}.hero-section.hero-product .h1{text-transform:uppercase}@media(max-width:767px){.hero-section.basic-hero .hero-section__media video,.hero-section.basic-hero .hero-section__media>picture{height:400px}}
