.ecommerce-hero-bg {
    background-image: url('../images/ecommerce-hero-bg.jpg');
    background-position: center 55%;
}

.ecommerce-hero-bg::before {
    background:
        linear-gradient(90deg, rgba(247, 250, 255, .97) 0%, rgba(247, 250, 255, .88) 45%, rgba(232, 247, 248, .28) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(224, 245, 244, .18));
}

.ecommerce-hero-bg .landing-hero-copy {
    background: linear-gradient(90deg, rgba(255, 255, 255, .72), rgba(242, 255, 253, .25));
    box-shadow: 0 26px 70px rgba(23, 74, 89, .12);
}

.ecommerce-features {
    background: linear-gradient(180deg, #fff, #f7fafc);
}

.ecommerce-features .audience-card.featured {
    border-color: rgba(18, 191, 174, .34);
}

.ecommerce-features .audience-content a {
    background: #eaf9f6;
    color: #078478;
}

.ecommerce-features .audience-content a:hover {
    background: linear-gradient(135deg, #078f82, #1769ff);
    color: #fff;
}

.ecommerce-demo-showcase .landing-demo-image {
    aspect-ratio: 4 / 3;
}

.ecommerce-demo-showcase .landing-demo-image img {
    object-fit: contain;
    background: #071009;
}

.ecommerce-demo-showcase .landing-demo-body {
    padding: 24px 23px 23px;
}

.ecommerce-demo-showcase .landing-demo-body h3 {
    font-size: 1.35rem;
}

.ecommerce-demo-showcase .landing-demo-actions a {
    min-height: 49px;
}

@media (max-width: 991.98px) {
    .ecommerce-hero-bg {
        background-position: 62% center;
    }
}