.dsm-oil-banner{position:relative;width:100%;min-height:390px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background-color:#000}.dsm-oil-banner__background:before{content:"";position:absolute;top:0;left:0;bottom:0;width:300px;background:linear-gradient(90deg,black,transparent);z-index:1;pointer-events:none;display:none}.dsm-oil-banner__background:after{content:"";position:absolute;top:0;right:0;bottom:0;width:300px;background:linear-gradient(90deg,transparent,black);z-index:1;pointer-events:none;display:none}.dsm-oil-banner .page-width{width:100%;max-width:1400px!important;margin:0 auto;padding:0 30px;box-sizing:border-box}.dsm-oil-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:1900px;margin:0 auto;z-index:-2}.dsm-oil-banner__background picture{display:block;width:100%;height:100%}.dsm-oil-banner__background-image{display:block;width:100%;max-width:1800px;height:100%;margin:0 auto;object-fit:cover;object-position:center center;aspect-ratio:2.5 / 1}.dsm-oil-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:-1}.dsm-oil-banner__container{width:100%;padding:175px 15px;display:grid;grid-template-columns:1fr .3fr;align-items:end;gap:20px}.dsm-oil-banner__content{position:relative;z-index:2}.dsm-oil-banner__heading{color:#fff;font-size:75px;font-weight:900;line-height:.98;text-transform:uppercase;font-style:italic;letter-spacing:-1.5px;margin:0 0 10px}.dsm-oil-banner__description{color:#fff;font-size:20px;font-family:United Italic Rg!important;font-weight:900!important;text-transform:uppercase;line-height:1.5;margin-bottom:10px}.dsm-oil-banner__description p{margin:0}.dsm-oil-banner__button-wrapper{margin-top:25px}.dsm-oil-banner__button-wrapper .button{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-width:165px;padding:10px 15px;background:#a87943;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all .3s ease}.dsm-oil-banner__button-wrapper .button:hover{background:#8f6335;color:#fff}.dsm-oil-banner__button-arrow{font-size:20px;line-height:1}.dsm-oil-banner__product{display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:1}.dsm-oil-banner__product-image{display:block;width:100%;max-width:300px;height:auto;object-fit:contain}.dsm-oil-banner__features{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;position:relative;z-index:2;margin-left:auto}.dsm-oil-banner__feature{display:flex;align-items:center;gap:8px;color:#fff;font-size:20px;font-weight:700;font-style:italic;text-transform:uppercase;line-height:1.4}.dsm-oil-banner__feature img{width:24px;height:27px;object-fit:contain;flex-shrink:0}.dsm-oil-banner__feature span{display:block;font-family:United Italic Rg!important;font-weight:400}.dsm-oil-banner__feature span strong{font-weight:900}@media screen and (min-width:1800px){.dsm-oil-banner__background:before,.dsm-oil-banner__background:after{display:block}}@media(max-width:990px){.dsm-oil-banner__container{grid-template-columns:1fr 1fr;gap:20px;padding:100px 0}.dsm-oil-banner__heading{font-size:38px}.dsm-oil-banner__product{grid-column:2;grid-row:1}.dsm-oil-banner__features{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:15px 25px}.dsm-oil-banner__features{grid-column:1;justify-content:start;margin-left:initial}}@media(max-width:600px){.dsm-oil-banner__button-wrapper{margin-top:5px}.dsm-oil-banner{min-height:auto}.dsm-oil-banner .page-width{padding:0 20px}.dsm-oil-banner__container{grid-template-columns:1fr;min-height:auto;padding:35px 0;gap:20px}.dsm-oil-banner__heading{font-size:34px;letter-spacing:-1px;margin-bottom:12px}.dsm-oil-banner__description{font-size:12px}.dsm-oil-banner__product{grid-column:auto;grid-row:auto}.dsm-oil-banner__product-image{max-width:220px}.dsm-oil-banner__features{grid-column:auto;flex-direction:column;gap:10px}.dsm-oil-banner__feature{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/oil-banner.css.map */