/* Products-page banner.
   Loaded only on the products listing and the product detail pages. The theme
   paints this background on .sub-outer-wrapper, which also holds the header, so
   the scrim sits behind both and the header is lifted above it. */

.sub-outer-wrapper {
    background-image: url(../images/products-banner.jpg);
    background-position: center center;
}

.sub-outer-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    background: linear-gradient(100deg,
        rgba(7, 41, 92, .90) 0%,
        rgba(7, 41, 92, .78) 34%,
        rgba(7, 41, 92, .55) 62%,
        rgba(7, 41, 92, .32) 100%);
    z-index: 0;
}

.sub-outer-wrapper > .wrapper1533 {
    position: relative;
    z-index: 20;
}

.sub-outer-wrapper > .sub-banner-con {
    position: relative;
    z-index: 2;
}