@font-face {
    font-family: 'Zain';
    src: url('Zain_Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zain';
    src: url('Zain_Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Zain';
    src: url('Zain_ExtraBold.woff2') format('woff2');
    font-weight: 800; /* ExtraBold is typically 800 */
    font-style: normal;
}

@font-face {
    font-family: 'Zain';
    src: url('Zain_Black.woff2') format('woff2');
    font-weight: 900; /* Black is typically 900 */
    font-style: normal;
}

@font-face {
    font-family: 'Zain';
    src: url('Zain_Light.woff2') format('woff2');
    font-weight: 300; /* Light is typically 300 */
    font-style: normal;
}

@font-face {
    font-family: 'Zain';
    src: url('Zain_ExtraLight.woff2') format('woff2');
    font-weight: 200; /* ExtraLight is typically 200 */
    font-style: normal;
}

@font-face {
    font-family: 'Zain';
    src: url('Zain_Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}