.bg {
    background: var(--almas-glass-bg) !important;
    backdrop-filter: blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate)) !important;
    -webkit-backdrop-filter: blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate)) !important;
    border: 1px solid var(--almas-glass-border) !important;
    box-shadow: var(--almas-glass-shadow) !important;
}

.rbg {
    background: rgba(220, 38, 38, 0.14) !important;
    backdrop-filter: blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate)) !important;
    -webkit-backdrop-filter: blur(var(--almas-glass-blur)) saturate(var(--almas-glass-saturate)) !important;
    border: 1px solid rgba(220, 38, 38, 0.22) !important;
    box-shadow: 0 8px 32px 0 rgba(220, 38, 38, 0.08) !important;
}

body.dark-mode .rbg {
    background: rgba(127, 29, 29, 0.18) !important;
    border: 1px solid rgba(248, 113, 113, 0.18) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.35) !important;
}

@media (max-width: 1024px) {
    .bg {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: var(--almas-glass-bg-solid) !important;
    }
    .rbg {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(220, 38, 38, 0.35) !important;
    }
    body.dark-mode .rbg { background: rgba(127, 29, 29, 0.4) !important; }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .bg { background: var(--almas-glass-bg-solid) !important; }
    .rbg { background: rgba(220, 38, 38, 0.3) !important; }
    body.dark-mode .rbg { background: rgba(127, 29, 29, 0.35) !important; }
}