:root {
    --vw-actual: calc(100vw - var(--scrollbar-width));
}

div.card {
    border-left: 2px solid;
    border-left-color: var(--purple);
    --bs-card-bg: var(--theme-color-body-bg);
    --bs-card-border-width: 0;
    --bs-card-border-radius: 0;
    --bs-card-inner-border-radius: 0;
    --bs-card-title-color: var(--purple);
}

div.card a {
    color: var(--theme-text-dark);
    font-weight: bolder;
}

div.card h2 {
    font-size: var(--theme-h3-size);
    font-weight: bolder;
    margin-top: 0;
    text-transform: uppercase;
}

div.card ul {
    padding-left: 1rem;
}

div.card li {
    padding-left: 0.5rem;
}

div.card li::marker {
    font-family: "Font Awesome 6 Pro";
    content: "\f178";
    color: var(--purple, black);
}

div.card-body {
    padding-left: 0;
}