.inter {
    font-family: 'Inter', 'Courier New' !important;
}

/* Display Styles */
.display-01-light {
    font-size: 119px;
    font-weight: 300;
    line-height: 120%;
}

.display-01-regular {
    font-size: 119px;
    font-weight: 400;
    line-height: 120%;
}

.display-01-medium {
    font-size: 119px;
    font-weight: 500;
    line-height: 120%;
}

.display-01-semibold {
    font-size: 119px;
    font-weight: 600;
    line-height: 120%;
}

.display-01-extra-bold {
    font-size: 119px;
    font-weight: 800;
    line-height: 120%;
}

.display-02-light {
    font-size: 95px;
    font-weight: 300;
    line-height: 120%;
}

.display-02-regular {
    font-size: 95px;
    font-weight: 400;
    line-height: 120%;
}

.display-02-medium {
    font-size: 95px;
    font-weight: 500;
    line-height: 120%;
}

.display-02-semibold {
    font-size: 95px;
    font-weight: 600;
    line-height: 120%;
}

.display-02-extra-bold {
    font-size: 95px;
    font-weight: 800;
    line-height: 120%;
}

/* Heading Styles */
.heading-1-light {
    font-size: 76px;
    font-weight: 300;
    line-height: 120%;
}

.heading-1-regular {
    font-size: 76px;
    font-weight: 400;
    line-height: 120%;
}

.heading-1-medium {
    font-size: 76px;
    font-weight: 500;
    line-height: 120%;
}

.heading-1-semibold {
    font-size: 76px;
    font-weight: 600;
    line-height: 120%;
}

.heading-1-extra-bold {
    font-size: 76px;
    font-weight: 800;
    line-height: 120%;
}

.heading-2-light {
    font-size: 61px;
    font-weight: 300;
    line-height: 120%;
}

.heading-2-regular {
    font-size: 61px;
    font-weight: 400;
    line-height: 120%;
}

.heading-2-medium {
    font-size: 61px;
    font-weight: 500;
    line-height: 120%;
}

.heading-2-semibold {
    font-size: 61px;
    font-weight: 600;
    line-height: 120%;
}

.heading-2-extra-bold {
    font-size: 61px;
    font-weight: 800;
    line-height: 120%;
}

.heading-3-light {
    font-size: 49px;
    font-weight: 300;
    line-height: 120%;
}

.heading-3-regular {
    font-size: 49px;
    font-weight: 400;
    line-height: 120%;
}

.heading-3-medium {
    font-size: 49px;
    font-weight: 500;
    line-height: 120%;
}

.heading-3-semibold {
    font-size: 49px;
    font-weight: 600;
    line-height: 120%;
}

.heading-3-extra-bold {
    font-size: 49px;
    font-weight: 800;
    line-height: 120%;
}

.heading-4-light {
    font-size: 39px;
    font-weight: 300;
    line-height: 120%;
}

.heading-4-regular {
    font-size: 39px;
    font-weight: 400;
    line-height: 120%;
}

.heading-4-medium {
    font-size: 39px;
    font-weight: 500;
    line-height: 120%;
}

.heading-4-semibold {
    font-size: 39px;
    font-weight: 600;
    line-height: 120%;
}

.heading-4-extra-bold {
    font-size: 39px;
    font-weight: 800;
    line-height: 120%;
}

.heading-5-light {
    font-size: 31px;
    font-weight: 300;
    line-height: 120%;
}

.heading-5-regular {
    font-size: 31px;
    font-weight: 400;
    line-height: 120%;
}

.heading-5-medium {
    font-size: 31px;
    font-weight: 500;
    line-height: 120%;
}

.heading-5-semibold {
    font-size: 31px;
    font-weight: 600;
    line-height: 120%;
}

.heading-5-extra-bold {
    font-size: 31px;
    font-weight: 800;
    line-height: 120%;
}

/* Paragraph Styles */
.paragraph-large-light {
    font-size: 25px;
    font-weight: 300;
    line-height: 120%;
}

.paragraph-large-regular {
    font-size: 25px;
    font-weight: 400;
    line-height: 120%;
}

.paragraph-large-medium {
    font-size: 25px;
    font-weight: 500;
    line-height: 120%;
}

.paragraph-large-semibold {
    font-size: 25px;
    font-weight: 600;
    line-height: 120%;
}

.paragraph-large-extra-bold {
    font-size: 25px;
    font-weight: 800;
    line-height: 120%;
}

.paragraph-base-light {
    font-size: 20px;
    font-weight: 300;
    line-height: 120%;
}

.paragraph-base-regular {
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
}

.paragraph-base-medium {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}

.paragraph-base-semibold {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
}

.paragraph-base-extra-bold {
    font-size: 20px;
    font-weight: 800;
    line-height: 120%;
}

.paragraph-small-light {
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;
}

.paragraph-small-regular {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.paragraph-small-medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}

.paragraph-small-semibold {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
}

.paragraph-small-extra-bold {
    font-size: 16px;
    font-weight: 800;
    line-height: 120%;
}

.paragraph-xsmall-light {
    font-size: 13px;
    font-weight: 300;
    line-height: 120%;
}

.paragraph-xsmall-regular {
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
}

.paragraph-xsmall-medium {
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
}

.paragraph-xsmall-semibold {
    font-size: 13px;
    font-weight: 600;
    line-height: 120%;
}

.paragraph-xsmall-extra-bold {
    font-size: 13px;
    font-weight: 800;
    line-height: 120%;
}