@font-face {
    font-family: 'Lusail';
    src: url('../fonts/lusail/OTF/Lusail-Bold.otf') format('otf'),
         url('../fonts/lusail/TTF/Lusail-Bold.ttf') format('truetype'),
         url('../fonts/lusail/WOFF/Lusail-Bold.woff') format('woff'),
         url('../fonts/lusail/WOFF/Lusail-Bold.woff2') format('woff2');

    /* Repeat for other font weights and styles */
    /* Light */
    src: url('../fonts/lusail/OTF/Lusail-Light.otf') format('otf'),
         url('../fonts/lusail/TTF/Lusail-Light.ttf') format('truetype'),
         url('../fonts/lusail/WOFF/Lusail-Light.woff') format('woff'),
         url('../fonts/lusail/WOFF/Lusail-Light.woff2') format('woff2');

    /* Medium */
    src: url('../fonts/lusail/OTF/Lusail-Medium.otf') format('otf'),
         url('../fonts/lusail/TTF/Lusail-Medium.ttf') format('truetype'),
         url('../fonts/lusail/WOFF/Lusail-Medium.woff') format('woff'),
         url('../fonts/lusail/WOFF/Lusail-Medium.woff2') format('woff2');

    /* Regular */
    src: url('../fonts/lusail/OTF/Lusail-Regular.otf') format('otf'),
         url('../fonts/lusail/TTF/Lusail-Regular.ttf') format('truetype'),
         url('../fonts/lusail/WOFF/Lusail-Regular.woff') format('woff'),
         url('../fonts/lusail/WOFF/Lusail-Regular.woff2') format('woff2');

    /* Add additional font formats if necessary */
    /* You can also specify font-weight and font-style if applicable */
}