@font-face {
    font-family: 'Aref Ruqaa';
    src: url('ArefRuqaa-Bold.eot');
    src: url('ArefRuqaa-Bold.eot?#iefix') format('embedded-opentype'),
        url('ArefRuqaa-Bold.woff2') format('woff2'),
        url('ArefRuqaa-Bold.woff') format('woff'),
        url('ArefRuqaa-Bold.ttf') format('truetype'),
        url('ArefRuqaa-Bold.svg#ArefRuqaa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bold Italic Art';
    src: url('BoldItalicArt.eot');
    src: url('BoldItalicArt.eot?#iefix') format('embedded-opentype'),
        url('BoldItalicArt.woff2') format('woff2'),
        url('BoldItalicArt.woff') format('woff'),
        url('BoldItalicArt.ttf') format('truetype'),
        url('BoldItalicArt.svg#BoldItalicArt') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aref Ruqaa-2';
    src: url('ArefRuqaa-Regular.eot');
    src: url('ArefRuqaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('ArefRuqaa-Regular.woff2') format('woff2'),
        url('ArefRuqaa-Regular.woff') format('woff'),
        url('ArefRuqaa-Regular.ttf') format('truetype'),
        url('ArefRuqaa-Regular.svg#ArefRuqaa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DecoType Naskh Variants';
    src: url('DecoTypeNaskhVariants.eot');
    src: url('DecoTypeNaskhVariants.eot?#iefix') format('embedded-opentype'),
        url('DecoTypeNaskhVariants.woff2') format('woff2'),
        url('DecoTypeNaskhVariants.woff') format('woff'),
        url('DecoTypeNaskhVariants.ttf') format('truetype'),
        url('DecoTypeNaskhVariants.svg#DecoTypeNaskhVariants') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nawar Font';
    src: url('AraESNawar-Regular.eot');
    src: url('AraESNawar-Regular.eot?#iefix') format('embedded-opentype'),
        url('AraESNawar-Regular.woff2') format('woff2'),
        url('AraESNawar-Regular.woff') format('woff'),
        url('AraESNawar-Regular.ttf') format('truetype'),
        url('AraESNawar-Regular.svg#AraESNawar-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Diwani Bent';
    src: url('DiwaniBent.eot');
    src: url('DiwaniBent.eot?#iefix') format('embedded-opentype'),
        url('DiwaniBent.woff2') format('woff2'),
        url('DiwaniBent.woff') format('woff'),
        url('DiwaniBent.ttf') format('truetype'),
        url('DiwaniBent.svg#DiwaniBent') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UKIJ Merdane';
    src: url('UKIJMerdane.eot');
    src: url('UKIJMerdane.eot?#iefix') format('embedded-opentype'),
        url('UKIJMerdane.woff2') format('woff2'),
        url('UKIJMerdane.woff') format('woff'),
        url('UKIJMerdane.ttf') format('truetype'),
        url('UKIJMerdane.svg#UKIJMerdane') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Traditional Arabic';
    src: url('TraditionalArabic-Bold.eot');
    src: url('TraditionalArabic-Bold.eot?#iefix') format('embedded-opentype'),
        url('TraditionalArabic-Bold.woff2') format('woff2'),
        url('TraditionalArabic-Bold.woff') format('woff'),
        url('TraditionalArabic-Bold.ttf') format('truetype'),
        url('TraditionalArabic-Bold.svg#TraditionalArabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.font-3{
    font-family: "Aref Ruqaa";
}


.font-7{
    font-family: "Bold Italic Art";
}
.font-5{
    font-family: "Traditional Arabic";
}
.font-6{
    font-family: "DecoType Naskh Variants";
}
.font-2{
    font-family: "Nawar Font";
}
.font-1{
    font-family: "Diwani Ben";
}
.font-4{
    font-family: "UKIJ Merdane";
}



.font-w{
    
    font-weight: 800;
    
    }



.font-s{
       
        font-size: large;
       
    }
    
    .navbar-nav .nav-link{
        font-family: "Nawar Font";
        font-size:medium;
    }