@font-face {
    font-family: 'Montserrat'; /* Choose a unique name */
    src: url('../fonts/Montserrat-Bold.ttf') format('ttf'),
         url('../fonts/Montserrat-Regular.ttf') format('ttf'),url('../fonts/Montserrat\ Light.otf') format('ttf')
         ;
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Recommended for better performance */
}

.montserrat-regular {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.montserrat-light {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}