@font-face {
    font-family: 'Zain';
    src: local("Zain Light"), local("Zain-Light"), url("../../fonts/Zain-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Zain';
    src: local("Zain Regular"), local("Zain-Regular"), url("../../fonts/Zain-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Zain';
    src: local("Zain Black"), local("Zain-Black"), url("../fonts/Zain-Black.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: 'Zain';
    src: local("Zain Bold"), local("Zain-Bold"), url("../fonts/Zain-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Zain';
    src: local("Zain ExtraBold"), local("Zain-ExtraBold"), url("../fonts/Zain-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'iconfont';
    src: local("digitalxicons"), local("digitalxicons"),
         url('../icons/digitalxicons.ttf?v=1.0000') format('truetype'),
         url('../icons/digitalxicons.woff?v=1.0000') format('woff'),
         url('../icons/digitalxicons.svg?v=1.0000') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }