@font-face {
    font-family: Poppins ExtraBold;
    src: url("../fonts/Poppins/Poppins-ExtraBold.ttf");
}

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

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

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

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

@font-face {
    font-family: Open Sans Bold;
    src: url("../fonts/Open_Sans/static/OpenSans-Bold.ttf");
}

@font-face {
    font-family: Open Sans SemiBold;
    src: url("../fonts/Open_Sans/static/OpenSans-SemiBold.ttf");
}

@font-face {
    font-family: Open Sans Regular;
    src: url("../fonts/Open_Sans/static/OpenSans-Regular.ttf");
}

@font-face {
    font-family: Open Sans Medium;
    src: url("../fonts/Open_Sans/static/OpenSans-Medium.ttf");
}


.font-poppins-black {
    font-family: Poppins Black;
}

.font-poppins-extrabold {
    font-family: Poppins ExtraBold;
}

.font-poppins-bold {
    font-family: Poppins Bold;
}

.font-poppins-semibold {
    font-family: Poppins SemiBold;
}

.font-poppins-medium {
    font-family: Poppins Medium;
}

.font-poppins-regular {
    font-family: Poppins Regular;
}

.font-open-sans-bold {
    font-family: Open Sans Bold;
}

.font-open-sans-semibold {
    font-family: Open Sans SemiBold;
}

.font-open-sans-regular {
    font-family: Open Sans Regular;
}

.font-open-sans-medium {
    font-family: Open Sans Medium;
}

/* TYPOGRAPHY  */
.fs-15 {
    font-size: clamp(1px, 0.78125vw, 30px) !important;
}

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

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

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

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

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

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

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

.fs-28 {
    font-size: clamp(1px, 1.458331vw, 56px) !important;
}

.fs-subheading-30,
.fs-30 {
    font-size: clamp(1px, 1.5625vw, 35px) !important;
}

.fs-subheading-32,
.fs-32 {
    font-size: clamp(1px, 1.666665vw, 64px) !important;
}

.fs-36 {
    font-size: clamp(1px, 1.875vw, 72px) !important;
}

.fs-header-40,
.fs-40 {
    font-size: clamp(1px, 2.083331vw, 46px) !important;
}

.fs-45 {
    font-size: clamp(1px, 2.34375vw, 90px) !important;
}

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

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

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

.fs-54 {
    font-size: clamp(1px, 2.8125vw, 108px) !important;
}

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

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

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

.fs-68 {
    font-size: 6.8rem !important;
}

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

.fs-72 {
    font-size: 7.2rem !important;
}

.fs-74 {
    font-size: clamp(1px, 3.854165vw, 148px) !important;
}

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

.fs-90 {
    font-size: clamp(1px, 4.6875vw, 105px) !important;
}


.fs-96 {
    font-size: 96px !important;
}

.fs-100 {
    font-size: clamp(1px, 5.20834vw, 200px) !important;
}

.fs-120 {
    font-size: clamp(1px, 6.66665vw, 240px) !important;
}

.fs-180 {
    font-size: clamp(1px, 9.375vw, 360px) !important;
}

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

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

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

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

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

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

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

    .fs-28 {
        font-size: clamp(1px, 3.56233vw, 56px) !important;
    }

    .fs-subheading-30,
    .fs-30 {
        font-size: clamp(1px, 4.58014vw, 60px) !important
    }

    .fs-subheading-32,
    .fs-32 {
        font-size: clamp(1px, 3.3079vw, 64px) !important;
    }

    .fs-36 {
        font-size: clamp(1px, 7.12467vw, 72px) !important;
    }

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

    .fs-43 {
        font-size: clamp(1px, 4.07124vw, 86px) !important;
    }

    .fs-45 {
        font-size: clamp(1px, 8.3721vw, 90px) !important;
    }

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

    .fs-50 {
        font-size: clamp(30px, 2.7vw, 100px) !important;
    }

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

    .fs-54 {
        font-size: clamp(1px, 6.10686vw, 108px) !important;
    }

    .fs-55 {
        font-size: clamp(34px, 3vw, 110px) !important;
    }

    .fs-60 {
        font-size: clamp(1px, 6.10686vw, 120px) !important;
    }

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

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

    .fs-68 {
        font-size: 6.8rem !important;
    }

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

    .fs-74 {
        font-size: clamp(1px, 6.61577vw, 148px) !important;
    }

    .fs-72 {
        font-size: 7.2rem !important;
    }

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

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

    .fs-90 {
        font-size: clamp(1px, 6.61577vw, 180px) !important;
    }

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

    .fs-120 {
        font-size: clamp(1px, 12.7907vw, 240px) !important;
    }

    .fs-180 {
        font-size: clamp(1px, 15.11627vw, 360px) !important;
    }
}