* {
    font-family: 'Figtree', sans-serif;
}

p,
p a,
li,
li a,
p strong,
p span,
li strong {
    font-family: 'Figtree', sans-serif;
}

p strong,
li strong {
    font-family: 'Figtree', sans-serif;
}

nav ul li a {
    font-family: 'Figtree', sans-serif;
}

.heading-1, h1.heading-1, h2.heading-1, h3.heading-1, h4.heading-1, h5.heading-1, h6.heading-1 {
    font-weight: 800;
}

.heading-2, h1.heading-2, h2.heading-2, h3.heading-2, h4.heading-2, h5.heading-2, h6.heading-2 {
    font-weight: 800;
}

.heading-3, h1.heading-3, h2.heading-3, h3.heading-3, h4.heading-3, h5.heading-3, h6.heading-3 {
    font-weight: 700;
}

p strong, li strong {
    font-weight: 700;
}

html, body {
    background: #f1f4f7;
}

* {
    color: #4f4f58;
}

h1,
h2,
h3,
h4,
h5,
strong {
    color: #000000;
}

body, body nav {
    border-top-color: #aa16b7;
}

#navbar a.active, p a, a:hover small, p a:hover {
    border-bottom-color: #aa16b7;
}


a::before {
    background-color: #aa16b7;
}

h1 span.accent-color,
h2 span.accent-color,
h3 span.accent-color,
h4 span.accent-color,
h5 span.accent-color,
li span.accent-color {
    color: #aa16b7;
}

main ul {
    list-style: none; /* Remove default bullets */
}

main ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #aa16b7; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 0.64em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    font-weight: 900;
}

main ul.spaced-list li, main ol.spaced-list li {
    margin-bottom: 1rem;
}

main ul.double-spaced-list li, main ol.double-spaced-list li {
    margin-bottom: 2rem;
}

main ul.download-arrow li::before {
    content: "\21EA";
    width: 1.4em;
    transform: rotate(180deg);
    text-align: right;
    padding-bottom: 2px;
}

main li a {
    border-bottom: 3px dotted #aa16b7;
    padding-bottom: 5px;
}

main a::before {
    height: 4px;
    bottom: -4px;
 }

 ul.empty-list-style {
    list-style-type: none;
    padding-left: 0;
 }

 ul.empty-list-style li::before {
    content: none;
}

main ol {
    counter-reset: item;
}

main ol li {
    display: block;
}

main ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #aa16b7;
    font-weight: 600;
}

main div.preview {
    width: auto !important;
    max-width: 100% !important;
    padding: 50px;
    background: #e7eaec;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3rem;
}

main div#sub-brands-wrapper div.preview {
    background: white;
}

div.white-bg {
    background: white !important;
}