/* el-messiri Start */
/* @media screen, print {
    @font-face {
        font-family: ElMessiriBold;
        src: url('../fonts/ElMessiri-Bold.ttf');
    }

    @font-face {
      font-family: ElMessiriMedium;
      src: url('../fonts/el-messiri/ElMessiri-Medium.ttf');
    }

    @font-face {
        font-family: ElMessiriRegular;
        src: url('../fonts/ElMessiri-Regular.ttf');
    }

    @font-face {
        font-family: ElMessiriSemiBold;
        src: url('../fonts/ElMessiri-SemiBold.ttf');
    }

}

@media screen, print {
    .elMessiri-bold {
        font-family: ElMessiriBold!important;
    }
    .elMessiri-medium {
        font-family: ElMessiriMedium!important;
    }    
    .elMessiri-regular {
        font-family: ElMessiriRegular!important;
    }
    .elMessiri-semiBold-regular {
        font-family: ElMessiriSemiBold!important;
    }
} */


@media screen, print {
    /* 1. Define the single font family with different weights */
    @font-face {
        font-family: 'El Messiri';
        src: url('../fonts/el-messiri/ElMessiri-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'El Messiri';
        src: url('../fonts/el-messiri/ElMessiri-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'El Messiri';
        src: url('../fonts/el-messiri/ElMessiri-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'El Messiri';
        src: url('../fonts/el-messiri/ElMessiri-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
    }

    /* 2. Utility classes now ONLY handle weight */
    /* (Because 'El Messiri' is inherited from the body anyway!) */
    .elMessiri-regular {
        font-weight: 400;
    }
    .elMessiri-medium {
        font-weight: 500;
    }    
    .elMessiri-semiBold {
        font-weight: 600;
    }
    .elMessiri-bold {
        font-weight: 700;
    }
}










/* @font-face {
    font-family: FtaFontBold;
    src: url({{asset('backend/assets/fonts/fta/Cronos-Pro-Bold_12435.ttf')}});
}

@font-face {
    font-family: FtaFontDisplay;
    src: url({{asset('backend/assets/fonts/fta/Cronos-Pro-Display_12439.ttf')}});
} */



/* @font-face {
    font-family: FtaFontBoldCaption;
    src: url({{asset('backend/assets/fonts/fta/Cronos-Pro-Bold-Caption_12429.ttf')}});
}

@font-face {
    font-family: FtaFontBoldDisplay;
    src: url({{asset('backend/assets/fonts/fta/Cronos-Pro-Bold-Display_12431.ttf')}});
}

@font-face {
    font-family: FtaFontBoldSubhead;
    src: url({{asset('backend/assets/fonts/fta/Cronos-Pro-Bold-Subhead_12434.ttf')}});
} */

/* .fta-font-bold {
font-family: FtaFontBold;
}

.fta-font-display {
font-family: FtaFontDisplay;
} */

/* .fta-font-caption {
font-family: FtaFontBoldCaption;
}

.fta-font-display {
font-family: FtaFontBoldDisplay;
}

.fta-font-subhead {
font-family: FtaFontBoldSubhead;
} */

/* FTA End */