.font_52 {
    font-size: var(--h1-font);
    font-weight: var(--font-bold);
}

.font_42 {
    font-size: var(--h2-font);
    font-weight: var(--font-semi-bold);
}

.font_22 {
    font-size: var(--large-body-font);
    font-weight: var(--font-medium);
}

.font_28 {
    font-size: var(--h3-font);
    font-weight: var(--font-medium);
}

.body_font {
    font-size: var(--body-font);
    font-weight: var(--font-regular);
}

.body_font_color {
    color: var(--color-body-font);
}

.small-body-font {
    font-size: var(--small-body-font);
    font-weight: var(--font-regular);
}

@media screen and (max-width:767px) {
    .font_52 {
        font-size: 35px;
    }

    .font_42 {
        font-size: 27px;
    }

    .font_22 {
        font-size: 18px;
    }

    .body_font {
        font-size: 16px;
    }

    .font_28 {
        font-size: 20px;
    }
}

.m-8 {
    margin: 30px !important;
}

.mx-8 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.my-8 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mt-8 {
    margin-top: 30px !important;
}

.mr-8 {
    margin-right: 30px !important;
}

.mb-8 {
    margin-bottom: 30px !important;
}

.ml-8 {
    margin-left: 30px !important;
}

.mb-9 {
    margin-bottom: 60px !important;
}

.mt-9 {
    margin-top: 50px !important;
}

.gap-8 {
    gap: 30px;
}

.padding_top {
    padding-top: 100px;
}

.padding_bottom {
    padding-bottom: 100px;
}