@font-face {
    font-family: 'Open Dyslexic';
    src: local("Open Dyslexic Regular"), local("OpenDyslexic-Regular"), url("../fonts/OpenDyslexic-Regular.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Dyslexic';
    src: local("Open Dyslexic Bold"), local("OpenDyslexic-Bold"), url("../fonts/OpenDyslexic-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maqroo';
    src: local("Maqroo -Regular"), local("Maqroo-Regular"), url("../fonts/Maqroo-Regular.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mhaiconfont';
    src: url('../fonts/mhaicons.ttf?v=1.0000');
    src: url('../fonts/mhaicons.ttf?v=1.0000') format('truetype'),
    url('../fonts/mhaicons.woff?v=1.0000') format('woff'),
    url('../fonts/mhaicons.svg?v=1.0000') format('svg');
    font-weight: normal;
    font-style: normal;
}