:root {
    --shadow: 2px 2px 8px rgb(0 0 0 / 24%);
    --shadow-tablet: 2px 2px 5px rgb(0 0 0 / 24%);
    --shadow-mobile: 2px 2px 3px rgb(0 0 0 / 24%);
}

.shadow { box-shadow: var(--shadow); }
.shadow-none { box-shadow: none; }

@media (max-width: 991.98px) {
    .md-shadow { box-shadow: var(--shadow-tablet); }
    .md-shadow-none { box-shadow: none; }
}

@media (max-width: 767.98px) {
    .sm-shadow { box-shadow: var(--shadow-mobile); }
    .sm-shadow-none { box-shadow: none; }
}