:root {
    --bg: #F7F7FC;
    --main: #1F1F1F;
    --sub: #1E1D28;
    --main-light: #D6EEDD;
    --primary: #000;
    --secondary: #fff;
    --light: #F3F3F3;
    --light-dark: #AdAdAd;
    --text-primary: #1D1E20;
    --text-secondary: #667085;
    --text-tertiary: #FBD784;
    --border: #0000001a;
    --green: #009400;
    --red: #DC2626;
    --orange: #D04808;
    --blue: #266DF0;
    --box-shadow: 0 0 0.875rem 0 rgba(33, 37, 41, 0.05);
    --transition: 0.5s ease-in-out;

    /* Font */
    --primary-font: "Geist", sans-serif;
    --secondary-font: "Outfit", sans-serif;
    --fw-xs: 200;
    --fw-ms: 200;
    --fw-sm: 400;
    --fw-md: 500;
    --fw-lg: 600;
    --fw-xl: 700;
    --fw-xxl: 800;
}

.const-head h3 {
    color: var(--text-primary);
    font-weight: var(--fw-xl);
    margin-bottom: 10px;
}

.const-head h6 {
    color: var(--text-secondary);
    font-weight: var(--fw-sm);
    line-height: 28px;
    margin-bottom: 0px;
}

@media screen and (min-width: 1098px) {

    .const-head h3 {
        font-size: 25px;
    }

    .const-head h6 {
        font-size: 16px;
    }

}

@media screen and (max-width: 1098px) {

    .const-head h3 {
        font-size: 20px;
    }

    .const-head h6 {
        font-size: 12px;
    }

}