:root {
    --av-primary: #679CD6;
    --av-secondary: #36559C;
    --av-tertiary: #FBE07B;
    --av-quartenary: #936F33;
    --av-quanary: #F2F6FF;
    --av-grey: #F8F8F8;

    --neutral-100: #0A0A0A !important;
    --neutral-90: #404040 !important;
    --neutral-80: #616161 !important;
    --neutral-70: #757575 !important;
    --neutral-60: #9E9E9E !important;
    --neutral-50: #C2C2C2 !important;
    --neutral-40: #E0E0E0 !important;
    --neutral-30: #EDEDED !important;
    --neutral-20: #F5F5F5 !important;
    --neutral-10: #FFFFFF !important;
}

html {
    scroll-behavior: smooth;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

button {
    border: none;
    color: #1d1d1d
}

input,
textarea {
    outline: none;
}

h1 {
    font-weight: 400;
    font-size: 70px;
}

h2 {
    font-weight: 400;
    font-size: 54px;
}

h3 {
    font-weight: 400;
    font-size: 40px;
}

h4 {
    font-weight: 400;
    font-size: 34px;
}

h5 {
    font-weight: 400;
    font-size: 30px;
}

h6 {
    font-weight: 400;
    font-size: 24px;
}

h7 {
    font-weight: 400;
    font-size: 18px;
    display: block;
}

h8 {
    font-weight: 400;
    font-size: 16px;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    line-height: 140%;
}

.fw-800 {
    font-weight: 700;
}

.fw-500 {
    font-weight: 500;
}

.fw-300 {
    font-weight: 300;
}

.av-text-primary {
    color: var(--av-primary) !important;
}

.av-bg-primary {
    background-color: var(--av-primary) !important;
    color: white;
}

.av-border-primary {
    border-color: var(--av-primary) !important;
}

.av-text-secondary {
    color: var(--av-secondary) !important;
}

.av-bg-secondary {
    background-color: var(--av-secondary) !important;
}

.av-border-secondary {
    border-color: var(--av-secondary) !important;
}

.av-text-tertiary {
    color: var(--av-tertiary) !important;
}

.av-bg-tertiary {
    background-color: var(--av-tertiary) !important;
}

.av-border-tertiary {
    border-color: var(--av-tertiary) !important;
}

.av-text-quartenary {
    color: var(--av-quartenary) !important;
}

.av-bg-quartenary {
    background-color: var(--av-quartenary) !important;
}

.av-border-quartenary {
    border-color: var(--av-quartenary) !important;
}

.av-text-quanary {
    color: var(--av-quanary) !important;
}

.av-bg-quanary {
    background-color: var(--av-quanary) !important;
}

.av-border-quanary {
    border-color: var(--av-quanary) !important;
}

.av-text-grey {
    color: var(--av-grey) !important;
}

.av-bg-grey {
    background-color: var(--av-grey) !important;
}

.av-border-grey {
    border-color: var(--av-grey) !important;
}

.text-neutral-100 {
    color: var(--neutral-100) !important;
}

.text-neutral-100:hover {
    color: var(--neutral-100) !important;
}

.bg-neutral-100 {
    background-color: var(--neutral-100) !important;
}

.border-neutral-100 {
    border-color: var(--neutral-100) !important;
}

.text-neutral-90 {
    color: var(--neutral-90) !important;
}

.text-neutral-90:hover {
    color: var(--neutral-90) !important;
}

.bg-neutral-90 {
    background-color: var(--neutral-90) !important;
}

.border-neutral-90 {
    border-color: var(--neutral-90) !important;
}

.text-neutral-80 {
    color: var(--neutral-80) !important;
}

.text-neutral-80:hover {
    color: var(--neutral-80) !important;
}

.bg-neutral-80 {
    background-color: var(--neutral-80) !important;
}

.border-neutral-80 {
    border-color: var(--neutral-80) !important;
}

.text-neutral-70 {
    color: var(--neutral-70) !important;
}

.text-neutral-70:hover {
    color: var(--neutral-70) !important;
}

.bg-neutral-70 {
    background-color: var(--neutral-70) !important;
}

.border-neutral-70 {
    border-color: var(--neutral-70) !important;
}

.text-neutral-60 {
    color: var(--neutral-60) !important;
}

.text-neutral-60:hover {
    color: var(--neutral-60) !important;
}

.bg-neutral-60 {
    background-color: var(--neutral-60) !important;
}

.border-neutral-60 {
    border-color: var(--neutral-60) !important;
}

.text-neutral-50 {
    color: var(--neutral-50) !important;
}

.text-neutral-50:hover {
    color: var(--neutral-50) !important;
}

.bg-neutral-50 {
    background-color: var(--neutral-50) !important;
}

.border-neutral-50 {
    border-color: var(--neutral-50) !important;
}

.text-neutral-40 {
    color: var(--neutral-40) !important;
}

.text-neutral-40:hover {
    color: var(--neutral-40) !important;
}

.bg-neutral-40 {
    background-color: var(--neutral-40) !important;
}

.border-neutral-40 {
    border-color: var(--neutral-40) !important;
}

.text-neutral-30 {
    color: var(--neutral-30) !important;
}

.text-neutral-30:hover {
    color: var(--neutral-30) !important;
}

.bg-neutral-30 {
    background-color: var(--neutral-30) !important;
}

.border-neutral-30 {
    border-color: var(--neutral-30) !important;
}

.text-neutral-20 {
    color: var(--neutral-20) !important;
}

.text-neutral-20:hover {
    color: var(--neutral-20) !important;
}

.bg-neutral-20 {
    background-color: var(--neutral-20) !important;
}

.border-neutral-20 {
    border-color: var(--neutral-20) !important;
}

.text-neutral-10 {
    color: var(--neutral-10) !important;
}

.text-neutral-10:hover {
    color: var(--neutral-10) !important;
}

.bg-neutral-10 {
    background-color: var(--neutral-10) !important;
}

.border-neutral-10 {
    border-color: var(--neutral-10) !important;
}

.fs-1 {
    font-size: 24px !important;
}

.fs-2 {
    font-size: 22px !important;
}

.fs-3 {
    font-size: 20px !important;
}

.fs-4 {
    font-size: 18px !important;
}

.fs-5 {
    font-size: 16px !important;
}

.fs-6 {
    font-size: 14px !important;
}

.fs-7 {
    font-size: 12px;
}

.p-40 {
    padding: 40px;
}

.p-50 {
    padding: 50px;
}