/* Montserrat */
@font-face {
    font-family: Montserrat Bold;
    src: url("../fonts/Montserrat/static/Montserrat-Bold.ttf");
}

/* Inter */
@font-face {
    font-family: Inter Bold;
    src: url("../fonts/Inter/Inter-Bold.otf");
}

@font-face {
    font-family: Inter SemiBold;
    src: url("../fonts/Inter/Inter-SemiBold.otf");
}

@font-face {
    font-family: Inter Medium;
    src: url("../fonts/Inter/Inter-Medium.otf");
}

@font-face {
    font-family: Inter Regular;
    src: url("../fonts/Inter/Inter-Regular.otf");
}


.font-montserrat-bold {
    font-family: Montserrat Bold;
}

.font-inter-bold {
    font-family: Inter Bold;
}


.font-inter-semibold {
    font-family: Inter SemiBold;
}

.font-inter-medium {
    font-family: Inter Medium;
}

.font-inter-regular {
    font-family: Inter Regular;
}

/* TYPOGRAPHY  */
.fs-14 {
    font-size: clamp(1px, 0.729165vw, 24px) !important;
}

.fs-16 {
    font-size: clamp(1px, 0.833332vw, 18px) !important;
}

.fs-content,
.fs-18 {
    font-size: clamp(1px, 0.9375vw, 36px) !important;
}

.fs-20 {
    font-size: clamp(1px, 1.041665vw, 40px) !important;
}

.fs-22 {
    font-size: clamp(1px, 1.145831vw, 44px) !important;
}

.fs-24 {
    font-size: clamp(1px, 1.25vw, 48px) !important;
}

.fs-34 {
    font-size: clamp(1px, 1.770831vw, 68px) !important;
}

.fs-40 {
    font-size: clamp(1px, 2.0833307vw, 80px) !important;
}


.fs-48 {
    font-size: clamp(1px, 2.5vw, 96px) !important;
}

.fs-52 {
    font-size: clamp(1px, 2.708331vw, 104px) !important;
}

.fs-62 {
    font-size: clamp(1px, 3.229164vw, 124px) !important;
}

.fs-64 {
    font-size: clamp(1px, 3.333331vw, 128px) !important;
}

.fs-96 {
    font-size: clamp(1px, 4.999998vw, 192px) !important;
}

@media only screen and (max-width:767px) {
    .fs-14 {
        font-size: clamp(1px, 3.25581vw, 24px) !important;
    }

    .fs-16 {
        font-size: clamp(1px, 3.73vw, 16px) !important;
    }

    .fs-content,
    .fs-18 {
        font-size: clamp(1px, 4.18604vw, 36px) !important;
    }

    .fs-20 {
        font-size: clamp(1px, 4.18604vw, 40px) !important;
    }

    .fs-22 {
        font-size: clamp(1px, 4.26287vw, 22px) !important;
    }

    .fs-24 {
        font-size: clamp(1px, 5.5814vw, 48px) !important;
    }

    .fs-34 {
        font-size: clamp(1px, 4.79573vw, 68px) !important;
    }

    .fs-40 {
        font-size: clamp(1px, 7.44185vw, 80px) !important;
    }

    .fs-48 {
        font-size: clamp(1px, 5.86145vw, 70px) !important;
    }

    .fs-52 {
        font-size: clamp(1px, 7.44185vw, 104px) !important;
    }

    .fs-62 {
        font-size: clamp(1px, 7.9929vw, 124px) !important;
    }

    .fs-64 {
        font-size: clamp(1px, 7.44185vw, 128px) !important;
    }

    .fs-96 {
        font-size: clamp(1px, 11.1628vw, 192px) !important;
    }
}