@font-face {
    font-family: 'Outfit';
    src: url('fonts/outfit-regular.woff') format('woff'),
         url('fonts/outfit-regular.woff2') format('woff2');
    font-weight: 400; /* Regular */
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('fonts/outfit-bold.woff') format('woff'),
         url('fonts/outfit-bold.woff2') format('woff2');
    font-weight: 700; /* Bold */
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: url('fonts/outfit-extrabold.woff') format('woff'),
         url('fonts/outfit-extrabold.woff2') format('woff2');;
    font-weight: 800; /* Extra Bold */
    font-style: normal;
}


body{
    font-family: 'Outfit', sans-serif;
    font-weight:400;
}
h1{
    line-height:29px;
    font-size:40px;
    color:var(--primary-text);
}

h2{
    line-height:29px;
    font-size:34px;
    font-weight:800;
}

h3{
    font-size:31px;
    line-height:29px;
    color:var(--secondary-text)
}
h4{
    color:var(--primary-text);
}

p{
    font-size:16px;
    line-height:30px;
    color:var(--primary-text);
}

li{
    font-size:16px;
    line-height:30px;
    color:var(--primary-text);
}

li span{
    color: var(--primary-text);
}