.bg-dotted-cells::before {
    background-image: url("../../../assets/svg/component/dotted-cells.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.dark .bg-dotted-cells-dark::before {
    background-image: url("../../../assets/svg/component-dark/dotted-cells.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.pro-hero-gradients-bg-light::before {
    background-image: url("../../../assets/svg/component/hero-gradient.svg");
}
/* ./../assets/svg/component/hero-gradient.svg
../../assets/svg/component-dark/hero-gradient.svg */
.pro-hero-gradients-bg::before {
    background-image: url("../../../assets/svg/component/hero-gradient.svg");
    /* background-image: url("/assets/svg/pro/hero-gradient.svg"); */
}
.dark .pro-hero-gradients-bg::before {
    background-image: url("../../../assets/svg/component-dark/hero-gradient.svg");
}

.hero-gradients-bg::before {
    background-image: url("../../../assets/svg/component/hero-gradient.svg");
}
.dark .hero-gradients-bg::before {
    background-image: url("../../../assets/svg/component-dark/hero-gradient.svg");
}
.banner-bg-gray::before {
    background-image: url("../../../assets/svg/component/banner-bg-gray.svg");
}
.dark .banner-bg-gray::before {
    background-image: url("/assets/svg/component-dark/banner-bg-neutral.svg");
}