@font-face {
    font-family: 'SaudiRiyalSymbol';
    src: url('saudiriyalsymbol.woff2') format('woff2'),
         url('saudiriyalsymbol.woff') format('woff'),
         url('saudiriyalsymbol.otf') format('opentype');
}
.symbol {
    font-family: 'SaudiRiyalSymbol', sans-serif;
    font-size: inherit;
    margin: 20px auto;
    color: inherit;
    font-weight: bold;
}

.avatar-sm {
    width: 32px;
    height: 32px;
    font-size: 0.75rem;
    color: #fff;
}

.bg-gradient {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}