@import "fonts/icons/qaws-icons/css/qaws-icons.css";
@import "fonts/icons/qaws-words/css/qaws-words.css";
@import "fonts/icons/surah-numbers/css/surah-numbers.css";

.naskh-b,
.naskh-r {
    font-family: naskh !important
}


@font-face {
    font-family: fotograami;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/fotograami-Dividers.ttf) format('truetype')
}

@font-face {
    font-family: Naskh;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/uthman/UthmanTN.eot);
    src: url(fonts/uthman/UthmanTN.eot?#iefix) format('embedded-opentype'), url(fonts/uthman/UthmanTN.woff2) format('woff2'), url(fonts/uthman/UthmanTN.woff) format('woff'), url(fonts/uthman/UthmanTN.ttf) format('truetype'), url(fonts/uthman/UthmanTN.svg#svgFontName) format('svg')
}


@font-face {
    font-family: Naskh;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/uthman/UthmanTN-Bold.eot);
    src: url(fonts/uthman/UthmanTN-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/uthman/UthmanTN-Bold.woff2) format('woff2'), url(fonts/uthman/UthmanTN-Bold.woff) format('woff'), url(fonts/uthman/UthmanTN-Bold.ttf) format('truetype'), url(fonts/uthman/UthmanTN-Bold.svg#svgFontName) format('svg')
}

@font-face {
    font-family: Hafs;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/uthman/Uthmanic-HAFS.eot);
    src: url(fonts/uthman/Uthmanic-HAFS.eot?#iefix) format('embedded-opentype'), url(fonts/uthman/Uthmanic-HAFS.woff2) format('woff2'), url(fonts/uthman/Uthmanic-HAFS.woff) format('woff'), url(fonts/uthman/Uthmanic-HAFS.ttf) format('truetype'), url(fonts/uthman/Uthmanic-HAFS.svg#svgFontName) format('svg')
}

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

@font-face {
    font-family: Amiri;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/amiri-regular.eot);
    src: url(fonts/amiri-regular.eot?#iefix) format('embedded-opentype'), url(fonts/amiri-regular.woff2) format('woff2'), url(fonts/amiri-regular.woff) format('woff'), url(fonts/amiri-regular.ttf) format('truetype'), url(fonts/amiri-regular.svg#svgFontName) format('svg')
}

@font-face {
    font-family: Nastaliq;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/noto-urdu.eot);
    src: url(fonts/noto-urdu.eot?#iefix) format('embedded-opentype'), url(fonts/noto-urdu.woff2) format('woff2'), url(fonts/noto-urdu.woff) format('woff'), url(fonts/noto-urdu.ttf) format('truetype'), url(fonts/noto-urdu.svg#svgFontName) format('svg')
}

@font-face {
    font-family: Onwan;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Onwan.eot);
    src: url(fonts/Onwan.eot?#iefix) format('embedded-opentype'), url(fonts/Onwan.woff2) format('woff2'), url(fonts/Onwan.woff) format('woff'), url(fonts/Onwan.ttf) format('truetype'), url(fonts/Onwan.svg#svgFontName) format('svg')
}

@font-face {
    font-family: Book;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Book.eot);
    src: url(fonts/Book.eot?#iefix) format('embedded-opentype'), url(fonts/Book.woff2) format('woff2'), url(fonts/Book.woff) format('woff'), url(fonts/Book.ttf) format('truetype'), url(fonts/Book.svg#svgFontName) format('svg')
}

@font-face {
    font-family: Kitab;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Kitab.eot);
    src: url(fonts/Kitab.eot?#iefix) format('embedded-opentype'), url(fonts/Kitab.woff2) format('woff2'), url(fonts/Kitab.woff) format('woff'), url(fonts/Kitab.ttf) format('truetype'), url(fonts/Kitab.svg#svgFontName) format('svg')
}

@font-face {
    font-family: Title;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/Onwan-Black.eot);
    src: url(fonts/Onwan-Black.eot?#iefix) format('embedded-opentype'), url(fonts/Onwan-Black.woff2) format('woff2'), url(fonts/Onwan-Black.woff) format('woff'), url(fonts/Onwan-Black.ttf) format('truetype'), url(fonts/Onwan-Black.svg#svgFontName) format('svg')
}

@font-face {
    font-family: 'ae_Granada';
    src: url('fonts/ae_Granada.woff2') format('woff2'),
    url('fonts/ae_Granada.woff') format('woff'),
    url('fonts/ae_Granada.ttf') format('truetype'),
    url('fonts/ae_Granada.svg#ae_Granada') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ae_Granada';
    src: url('fonts/ae_Granada_1.woff2') format('woff2'),
    url('fonts/ae_Granada_1.woff') format('woff'),
    url('fonts/ae_Granada_1.ttf') format('truetype'),
    url('fonts/ae_Granada_1.svg#ae_Granada') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ae_Granada';
    src: url('fonts/ae_Granada_2.woff2') format('woff2'),
    url('fonts/ae_Granada_2.woff') format('woff'),
    url('fonts/ae_Granada_2.ttf') format('truetype'),
    url('fonts/ae_Granada_2.svg#ae_Granada') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'kufam';
    src: url('fonts/kufam/Kufam-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'kufam';
    src: url('fonts/kufam/Kufam-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'kufam';
    src: url('fonts/kufam/Kufam-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'wiki';
    src: url('fonts/XBNiloofar-Italic.woff2') format('woff2'),
    url('fonts/XBNiloofar-Italic.woff') format('woff'),
    url('fonts/XBNiloofar-Italic.ttf') format('truetype'),
    url('fonts/XBNiloofar-Italic.svg#XBNiloofar-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'wiki';
    src: url('fonts/XBNiloofar-Bold.woff2') format('woff2'),
    url('fonts/XBNiloofar-Bold.woff') format('woff'),
    url('fonts/XBNiloofar-Bold.ttf') format('truetype'),
    url('fonts/XBNiloofar-Bold.svg#XBNiloofar-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'wiki';
    src: url('fonts/XBNiloofar.woff2') format('woff2'),
    url('fonts/XBNiloofar.woff') format('woff'),
    url('fonts/XBNiloofar.ttf') format('truetype'),
    url('fonts/XBNiloofar.svg#XBNiloofar') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'wiki';
    src: url('fonts/XBNiloofar-BoldItalic.woff2') format('woff2'),
    url('fonts/XBNiloofar-BoldItalic.woff') format('woff'),
    url('fonts/XBNiloofar-BoldItalic.ttf') format('truetype'),
    url('fonts/XBNiloofar-BoldItalic.svg#XBNiloofar-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


/*@font-face { font-family: 'GESSTwo'; font-weight: bolder; src: url('fonts/GESSTwoBold.eot'); src: url("fonts/GESSTwoBold.otf") format("opentype"); src: url('fonts/GESSTwoBold.eot?#iefix') format('embedded-opentype'), url('fonts/GESSTwoBold.woff') format('woff'), url('fonts/GESSTwoBold.ttf') format('truetype')}*/
/*@font-face { font-family: 'GESSTwo'; font-weight: normal; src: url('fonts/GESSTwoLight.eot'); src: url("fonts/GESSTwoLight.otf") format("opentype"); src: url('fonts/GESSTwoLight.eot?#iefix') format('embedded-opentype'), url('fonts/GESSTwoLight.woff') format('woff'), url('fonts/GESSTwoLight.ttf') format('truetype')}*/

@font-face {
    font-display: fallback;
    font-family: 'GESSTwo';
    font-weight: bold;
    src: url('fonts/GESSTwoMedium.eot');
    src: url("fonts/GESSTwoMedium.otf") format("opentype");
    src: url('fonts/GESSTwoMedium.eot?#iefix') format('embedded-opentype'), url('fonts/GESSTwoMedium.woff') format('woff'), url('fonts/GESSTwoMedium.ttf') format('truetype')
}

/*@font-face {  font-family: 'Comfortaa';  font-style: normal;  font-weight: 400;  src: local('Comfortaa Regular'), local('Comfortaa-Regular'), url(fonts/qLBu5CQmSMt1H43OiWJ77VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');}*/

/*@font-face {*/
/*    font-family: 'Lotus Linotype';*/
/*    src: url('fonts/subset-Lotus-Light.eot');*/
/*    src: url('fonts/subset-Lotus-Light.eot?#iefix') format('embedded-opentype'),*/
/*    url('fonts/subset-Lotus-Light.woff2') format('woff2'),*/
/*    url('fonts/subset-Lotus-Light.woff') format('woff'),*/
/*    url('fonts/subset-Lotus-Light.ttf') format('truetype');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: fallback;*/
/*}*/

@font-face {
    font-family: 'adwa-assalaf';
    src: url('fonts/adwa-assalaf-Bold.woff2') format('woff2'),
    url('fonts/adwa-assalaf-Bold.woff') format('woff'),
    url('fonts/adwa-assalaf-Bold.ttf') format('truetype'),
    url('fonts/adwa-assalaf-Bold.svg#adwa-assalaf-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'adwa-assalaf';
    src: url('fonts/adwa-assalaf.woff2') format('woff2'),
    url('fonts/adwa-assalaf.woff') format('woff'),
    url('fonts/adwa-assalaf.ttf') format('truetype'),
    url('fonts/adwa-assalaf.svg#adwa-assalaf') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Lotus Linotype';
    src: url('fonts/Lotus-Light.woff') format('woff'),
    url('fonts/Lotus-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'kfgqpc_an_lightregular';
    src: url('fonts/kfgqpc_anlight-webfont.woff2') format('woff2'),
    url('fonts/kfgqpc_anlight-webfont.woff') format('woff'),
    url('fonts/kfgqpc_anlight-webfont.ttf') format('truetype'),
    url('fonts/kfgqpc_anlight-webfont.svg#kfgqpc_an_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kfgqpc_an_regularregular';
    src: url('fonts/kfgqpc_anregular-webfont.woff2') format('woff2'),
    url('fonts/kfgqpc_anregular-webfont.woff') format('woff'),
    url('fonts/kfgqpc_anregular-webfont.ttf') format('truetype'),
    url('fonts/kfgqpc_anregular-webfont.svg#kfgqpc_an_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kfgqpc_ksa_extraextrabold';
    src: url('fonts/ksaextra-webfont.woff2') format('woff2'),
    url('fonts/ksaextra-webfont.woff') format('woff'),
    url('fonts/ksaextra-webfont.ttf') format('truetype'),
    url('fonts/ksaextra-webfont.svg#kfgqpc_ksa_extraextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kfgqpc_ksa_headingextrablack';
    src: url('fonts/ksaheading-webfont.woff2') format('woff2'),
    url('fonts/ksaheading-webfont.woff') format('woff'),
    url('fonts/ksaheading-webfont.ttf') format('truetype'),
    url('fonts/ksaheading-webfont.svg#kfgqpc_ksa_headingextrablack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kfgqpc_ksa_heavyheavy';
    src: url('fonts/ksaheavy-webfont.woff2') format('woff2'),
    url('fonts/ksaheavy-webfont.woff') format('woff'),
    url('fonts/ksaheavy-webfont.ttf') format('truetype'),
    url('fonts/ksaheavy-webfont.svg#kfgqpc_ksa_heavyheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kfgqpc_ksa_regularregular';
    src: url('fonts/ksaregular-webfont.woff2') format('woff2'),
    url('fonts/ksaregular-webfont.woff') format('woff'),
    url('fonts/ksaregular-webfont.ttf') format('truetype'),
    url('fonts/ksaregular-webfont.svg#kfgqpc_ksa_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kfgqpc_ksa_regularbold';
    src: url('fonts/ksaregular_b-webfont.woff2') format('woff2'),
    url('fonts/ksaregular_b-webfont.woff') format('woff'),
    url('fonts/ksaregular_b-webfont.ttf') format('truetype'),
    url('fonts/ksaregular_b-webfont.svg#kfgqpc_ksa_regularbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.naskh-r {
    font-weight: 400
}

.naskh-b {
    font-weight: 700
}

.hafs,
.hafs-g {
    font-family: hafs !important
}

.hafs-g {
    color: #00af8f
}

.ruqaa-font {
    font-family: ruqaa !important
}

.title-font {
    font-family: kufam, ae_Granada, DamascusBold, Title !important;
    font-size: 22px;
}

.ae_Granada {
    font-family: ae_Granada !important;
}

.ruqaa {
    font-family: DamascusMedium, ruqaa !important
}

.amiri {
    font-family: amiri !important
}

.nastaliq {
    font-family: nastaliq !important
}

.onwan {
    font-family: onwan !important
}

.book {
    font-family: book !important
}

.kitab {
    font-family: kitab !important
}

.kufam {
    font-family: kufam !important
}

h1, h2, h3, h4, h5 {
    font-family: onwan;
}

body {
    font-family: naskh;
}

p, article, .article, .text-page, blockquote {
    font-family: Book;
    font-weight: 200;
    color: black !important;
}

.lead {
    font-family: naskh;
    font-size: 1.4rem;
}

.mobile,
.mobile-s {
    font-size: 1.75em;
    color: #d41454;
    text-align: center;
    display: none
}

@media screen and (max-width: 28.7713em) {
    .faw-sala-salam-r:before,
    .faw-salla-r:before {
        content: "\e017";
        font-size: 1.3em
    }

    .faw-radia-2r:before {
        content: "\e01e";
        font-size: 1.65em
    }

    .mobile {
        display: block
    }
}

@media screen and (max-width: 340px) {
    .mobile-s {
        display: block
    }
}

p, .p, .content-wrapper {
    text-align: justify;
    line-height: 1.8;
}

.font-0 {
    font-size: 0 !important;
}

.title-icon {
    margin-left: 10px;
    color: #529ca7 !important;
}

h4.title-font.was-ruqaa-font.mt-2.py-1::before {
    content: '\E887';
    font-family: qaws-icons;
    font-size: 25px;
    margin-left: 8px;
    color: #0761c1;
}

main.bg-grey.pb-30.term-container {
    line-height: 1.8;
}

.arabic {
    direction: rtl;
    font-family: 'Lotus Linotype', serif !important;
    letter-spacing: 0;
    line-height: 2;
}

.arabic-title {
    direction: rtl;
    font-family: 'DamascusBold', 'Title', serif !important;
    letter-spacing: 0;
}


/*Added on 4-1-2023*/

@font-face {
    font-family: 'kruti-dev-011-regular';
    src: url('fonts/kruti-dev-011-regular.ttf');
    font-weight: normal;
    font-style: normal;
}

.font-hi {
    font-family: kruti-dev-011-regular, naskh, serif !important;
}


/*Added on 10-1-2023*/

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

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