/* Font Links */
/* src: url('/arabic_fonts/PDMS_SALEEM_QURANFONTQESHIP_0.ttf') format("truetype"); */
/* src: url('/arabic_fonts/UthmanicHafs1Ver09.ttf') format("truetype"); */
/* https://islamicstudies.info/quran/arabic/fonts.htm */
@font-face
{
  font-family: 'PDMS_IslamicFont';
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/PDMS.eot');
  src: url('/arabic_fonts/PDMS.eot?#iefix') format('embedded-opentype'),
    url('/arabic_fonts/PDMS_ISLAMICFONT.ttf') format('truetype');
}

@font-face
{
  font-family: al_qalam_font2;
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/Al_Qalam_Quran_Majeed2.ttf') format("truetype");
  font-weight:400;font-style:normal;
}

/* @font-face
{
  font-family: indo_pak_font1;
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/MUHAMMADIBold.ttf') format("truetype");
  font-weight:400;font-style:normal;
}
@font-face
{
  font-family: indo_pak_font2;
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/PDMS_SALEEM_QURANFONTQESHIP_0.ttf') format("truetype");
  font-weight:400;font-style:normal;
}
@font-face
{
  font-family: al_qalam_font;
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/Al_Qalam_Quran_Majeed.ttf') format("truetype");
  font-weight:400;font-style:normal;
}
@font-face
{
  font-family: al_qalam_font1;
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/Al_Qalam_Quran_Majeed1.ttf') format("truetype");
  font-weight:400;font-style:normal;
}

@font-face
{
  font-family: al_qalam_quran_font;
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/AlQalamQuran.ttf') format("truetype");
  font-weight:400;font-style:normal;
} */

@font-face
{
  font-family: uthmani;
  font-style: normal;
  font-weight: normal;
  src: url('/arabic_fonts/UthmanicHafs1Ver18.ttf') format("truetype");
  font-weight:400;font-style:normal;

}

@font-face{
  font-family: surah_names;
  src:url('/arabic_fonts/surah_names.eot');
  src:url('/arabic_fonts/surah_names.eot?#iefix') format("embedded-opentype"),
    url('/arabic_fonts/surah_names.ttf') format("truetype"),
    url('/arabic_fonts/surah_names.woff') format("woff");
  font-weight:400;font-style:normal
  }

  @font-face{
    font-family: bismillah;
    src:url('/arabic_fonts/bismillah/bismillah.eot');
    src:url('/arabic_fonts/bismillah/bismillah.eot?#iefix') format("embedded-opentype"),
      url('/arabic_fonts/bismillah/bismillah.ttf') format("truetype"),
      url('/arabic_fonts/bismillah/bismillah.woff') format("woff");
    font-weight:400;font-style:normal
    }

/* @font-face {
    font-family: bismillah;
    src: url("/arabic_fonts/bismillah/bismillah.eot");
    src: url("/arabic_fonts/bismillah/bismillah.eot") format("embedded-opentype"),url(data:application/octet-stream;base64,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) format("truetype"),url(data:application/font-woff;base64,d09GRgABAAAAAA5IAAsAAAAADfwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxKU+mNtYXAAAAFoAAAAVAAAAFQCWfyBZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAACkAAAApASASvfmhlYWQAAAwEAAAANgAAADYfrS7/aGhlYQAADDwAAAAkAAAAJBqLGWxobXR4AAAMYAAAABQAAAAUH6YCfGxvY2EAAAx0AAAADAAAAAwAKAU0bWF4cAAADIAAAAAgAAAAIAArA15uYW1lAAAMoAAAAYYAAAGGmUoJ+3Bvc3QAAA4oAAAAIAAAACAAAwAAAAMN0wGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAYAAAAAAAAAAAAAAAAAAAAAAQAAA/f0DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIP39//3//wAAAAAAIP39//3//wAB/+MCBwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAJQJ8AH8WyQMwADUASwBnAHIAdgB/AKsA3ADoAXwBhQGMAZIBmgGgAakB5QHuAfUB/AIDAgoCEQIYAh8CJwJDAksCdwKjAxADFgMyAzoDUANXA1sAAAEUBwYnJicGIyInJicGBwYHBicGJzY3NjcnNxYXFhcWMzI3NicmJzcWHwEWFxY3Ji8BNxYXFgEGBwYnNDc2NSYnJgciBwYjNjc2MzYFFgcGKwEmJyYjJg8BNjc2NzYXFjc2MzIXFhUUFxQHJicmJzcWFxYPASc3BxQHNC8BNxcWJxQHBiMiJwcGIwYnJjc2MzIfARYzMicmNzY3MhcWFxYXFjc2JzY3NjMWFxYXBgcGBwYHBgcGBwYnJicmJxY3Njc2NyY1NzYzMhcWMzI3Ni8BJjc2NwYXFh8BFA8BJwEiNTQ3NjckNzY3AQcmJyYjIgcWFRQHBiMiJyYnBgcGJwYHBgcGBwYHBicmJyYnJicGBwYjIicGBwYHBic2NzY3JjUmNzY3FhcWFxY3NjcWBxYzFjc2NyYnJicjIhc2MzIXFhcWMwciByIPAQYjIicmJwYHBiMWFxYXFjc2NzYnJic3FhcWNzY3Njc2NzY3JiMiByY1NDc2NTYzMh8BFgUHJwcnNxYXNwUGBwYHNzYlBgcWNyYlJgcGFRYXFgUmJwYHFiUUBzQvATcXFicGBwYHBgcGBwYHBgcGJyYnJicmNRYXFhcWNzY3NjcmNTc2MxYXFjMyNzYvASY3NjcGFxYfARQPARYfAQUUBzQvATcXFgUGBwYHNzYFBgcGBzc2AQYHBgc3NgcGBwYHNzYlBgcGBzc2AwYHBgc3NiUGBwYHNzYBNjMyFRQHBiUWBwYrASYnJiMiDwE2NzY3NhcWNzYzMhcWFRQHNjMyFRQHBgcWBwYjIicHBgcGJyY3NjMyHwEWMzInJjc2NTIXFhcWFxY3Nic2NzYzFhcWBRYHBiMiJwcGIwYnJjc2MzIfARYzMicmNzY1MhcWFxYXFjc2JzY3NjMWFxYBBgcjIicGBwYHBic2NzY3Jic0NzY3FhcWFxYXFh8BFjMgJSQ3NjcWFRYHFhcWMzI3FhcUFQYXFjc2FxYHBhcWFxY3NicmJyYnJicmJzQ3FhcWFRQjIicGBwYnBiMiJwYHBgUEBQYvASYnJicmJyYnBgcWAxYHBiMnJicmIyIPATY3Njc2FxY3NjMyFxYVFAc2MzIVFAcGBQYHBic0NzY1JicmBwYHBiM2NzYzNhMGBwYHNzYnByc3C3wVEx4YERI7Hg0GAgQYDBQYEAcOAxMQSwUXBQcCBQoYGhMIBQQLEAYPCgcQDSIKExgREBQa/O4SJQ0YFhYBERENAwYHBgUIDhss/vgBDxIYCQsHCAENDQ8BCg0OBggJBxcaCAgIgw0EDgcRDg0ODm0ZJhciGwwgFi0E4wgJDg4ICAYOEgsDAgIEBQEBBBIOAgEDAwEBAwQDBAgJBAQJAQQEAgUJAXwCAwULESMMHhsfERgZHBkHLRIkHiUfFgEECAEBBRwfDQQEHwwBAh0BCQQLEAoKof1xAhAQBwFJrXYqAwAVDSAcBVsxEgYPEAwWFgoFCQoYAgcPQEKBYXW8iz4UJB9GIQMSBAUVLQgVGCIaOBYyPQUHAQ8OHyMoL0VtMyA1AwUGHRkcGBcbEyEgDy8LHisQIzQUOFcbIj0HVSoREwQSBw4aQjstOI57ZH2cqR0EAQMUEQ0PChwRCwwLDx0WKicpGw0BBgYcJQwYP138SiQhHSkfCxQf/o8BEVY+HB8HQC4QMg8B/aoKDhEDEg/7KREZBQkhBqsbDR8WLQRuAgMFCxEjAQsNEhofERgzHQcLBQsDCw0XFCQdKxoWAQQIAQEGGx8NBQUqDAEDHAEJBAwQCwoBEA8CVBsMIBYtBPpBAhBWPhsgAkMCEVY9Gx8BlwERVT4bH7IBETdHGxIDhAERVT4bICsCEVU+Gx8ChgERLlUcV/qlDgoKCwwC3AEPEhkICwgIAQwNEAELDA8GCAkHFxoIBwg4DgoKCwvlAQgKDg4HCAYPEgsDAgMEBAEBBBIPAgEDAwIDBAMECAkEAwkBBAUCBAoBAhgBCQkODgcIBw4SCwMCAgQFAQEEEg8DAQMEAgMDAwQJCQMECQEEBAMECgEBbQQSCBYsCBYYIRs4FzI9BQcBDw4eFSUcPxNdeHjzmXgBKAGUAWDLSyIEAQUDBg8SOxYHAQEHHgsLBQYBAgMIHh4CAQ4IEQkNCAYQARErHxo7GSELIxgNEy0lGC4wwP6w/mj+13KkzGZkhxZSSBIYBgkiWgEOEhkICwgIAQwODwELDA8FCAkIFhsIBwg4DgoKCwsKPBIlDRgWFgEREQ0DBgcGBQgOGyzkAREuVRtYFBknGAGVNx0FCwkUPRwMEQgVCAMDBQELGxoWJhYnGjAjDRsXCiMdITodMScUDAoCEyk5OC0oNAF7JQsEAQMMDQUDAgICAwQRCBABTQELDQEFBgEKCwoQEwIBAwQDKwUGCwzlIAwRJRAbIAYfIBgmGyaLKhwfQaJM7BarDQ0QCQ0IARYIEREICQ4dBwIFAgwNBAYCAgQEFwEKCwgLAqAaDhcNEwIvHxwJBAECDQ0MCAECDxQuDhcIGwITDgQaugQfKwMNHAgGCgEgApP+9QEFFxgFi0ArFf6+KAEDBBAQHw8LGgkKCA8JCgERESgoKR8XAQFFHg0YJwMOChIBDw8cFQYEBAgaHg0LEBYgHQcpEhYBAREKIAgPBQEMCgsPBw0BAkISGwcVLgEiEgYFAQYQDQw6JiEBASwuNwgLFBA1CxYICAQYGwgKCwkIDgcCAwkLCwMbChsk0yYXHiIfCA0fKgsTOQggC7sPHAQVDAUbAQEJBgUFLQgcBxIOQSocH0GiTOwWAxoNGA0SAg4cJBIbCQUCAyAHEQ0YFQQRCA4BAg8VPg0YBxwBAhMOBRnSBB8rAw0cCAYKASACA1JSHSocH0GiTOwWMAoTOQkhClwLEjkJIQoCegsTOQggCwwLEyUUIQY3ChM5CSEK/lULEjoIIQoECxMdFCEdAhwUBgYEBQQCCg4BBgYKCwoQEwMBBAQDKwUGCwwOFAYGBAVjDA4PCQ4HAQEXBxERBwoOHQcDBAILDgUFAgIFAxcBCgsHDAI2DQ0QCQ4HARYIEREICQ4dBgQEAg0NBQUBAgQEFwEKCwgLAv6rCRMPDxwVBgUFCBkfDQoRFSEdBxkUEBIGEBQICgcwKUAXIQQFBhIFBwk2ARMGBwcCAhwdAQELDgMIBAUZDxcOHAEDAggWGyASGjczLFgSHgMCEhwbEg45KTICAQcHBQ8UBA8wCBwHEg4BqQELDgEBBQYJCwoQEgMBAwQDKgUFCwwOFAYGBAUjJQsEAQMMDQUCAgMCAQMDEQgQAf4lCxMcFSEdPCUbJgAAAAABAAAAAAAApFaUbV8PPPUACwQAAAAAANTjdWkAAAAA1ON1aQAAAAAWyQMwAAAACAACAAAAAAAAAAEAAAPA/8AAABmmAAAAABbJAAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAgAAABmmAnwAAAAAAAoAFAAeBSAAAQAAAAUDXAAlAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZGVmcz4KPGZvbnQgaWQ9ImJpc21hbGxhaCIgaG9yaXotYWR2LXg9IjEwMjQiPgo8Zm9udC1mYWNlIHVuaXRzLXBlci1lbT0iMTAyNCIgYXNjZW50PSI5NjAiIGRlc2NlbnQ9Ii02NCIgLz4KPG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjEwMjQiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyMDsiIGhvcml6LWFkdi14PSI1MTIiIGQ9IiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGZkZmQ7IiBnbHlwaC1uYW1lPSJiaXNtYWxsYWgiIGhvcml6LWFkdi14PSI2NTY2IiBkPSJNMjk0MCA0MDVxMC01NS0yMS04NC0xOS01LTQ5IDYtMjQgOS00MSAyOS0xOC02MS03Ny02MS0zMCAwLTQzIDI4LTYgMTItOCAyOS00LTgtMjgtMjktMTItOC0zMi0xMS0yNC0zLTQwIDItNy0xLTIxIDEwIDMgMjcgMjIgNTMgMTYgMjIgOTEgNjBsLTUgMjIgMjMgMzlxNS0yNiAxMi03NCAyLTM1IDctNDggMTAtMjcgMzQtMjcgMjYgMCA0NSAyMyA4IDEwIDMgNDUtNCAyOS0xNSA2MmwxNiA1OHE2LTI5IDIxLTc4bDEwLTM5cTctMjAgMjMtMzIgMTMtMTAgNDctOC0xMCAxOS0yOSA2MGwtMjQgNTcgMTcgNTZxMTYtNDUgMzYtODUgMjYtNTIgMjYtNjN6TTIxNTQgNzk1cS0xOC0zNy01NS00OC0xMy00LTM3LTMgMCAzIDIyIDE1LjV0MjIgMTcuNXEtMSAzLTE4IDV0LTMwIDBxLTMgMC05LjUtMy41dC0xMi41LTMuNXE1IDE3IDEzIDI1IDE0IDE2IDQxIDE2IDQ0IDEgNjQtMjF6TTE4NzAgNzQwcTEtMS0xNC0xMi0xOC0xMy00Mi0xM2gtOXEtMTEgMS0xOC41IDYuNXQtOC41IDUuNXEtMTMgMS0yNi05bC0xNS0xMXExIDEwIDExIDI2IDEzIDE5IDI3IDIxIDYgMSAxNC41LTIuNXQxNS41LTAuNXEyMyA0MyA0OSA0MyA4IDAgMTYtNS41dDgtMTctOC0zMS41ek0yMDA5IDUzMXEwLTMyLTEzLTQ0LTQgMTctMTggNTQtNyAxNi0yNCA0M2wxNCAzMnExMy02IDI3LTM3LjV0MTQtNDcuNXpNMTkwMCA1MjNsLTI1LTM4LTM4IDI3IDIzIDM4ek0xODI2IDQxMXEwLTQyLTI3LTcwIDAgMzEtMTIgOTZsLTMyIDE2MiAyMiA3NiA0NS0yMzZxNC0yMiA0LTI4ek0xNTk5IDU4OHEwLTEzLTgtMjYtOS0xNi0yMy0xNnQtMjIgOWwtOC0xM3EtNi04LTIwLTgtMTgtMS0yOSAyMS0zIDgtMSAyNXQ2LjUgMTcgNS41LThsMS05cTQtMTQgMjItMTQgMTQgMCAxMiAyOS0xIDcgMiA5IDMgNSA0IDcgMSAwIDQuNS0xMi41dDYuNS0xNi41cTQtNiAxMi41LTh0MTIuNSAyLTUgMjdxMSAxIDUgMTEuNXQ2IDEwLjVxNS04IDE0LTE5IDEtMiAyLTE4ek0xNzIyIDQ0NHEtMi0yNi01LTQwLTUtMjMtMTYtMzYtMTctMTktNTItMjEtMTItNDctNDItNzgtMjctMjgtNTgtMzctMTctNC00MS41LTIuNXQtNTIuNSAxNC41cS0yNSAxMy0zMiAyNSA0NS04IDYzLTcgMzYgMiA2NiAxNyAzNyAyMCA2OCA2Ni0yMiAxNC0yMiAzN2wxIDhxNCAyNyAxMiAyNyAxIDAgMi0yIDUtMTkgMzMtMTkgMzEgMCA0NCAxNCA0IDQgMCAzMGwtMzEgMTg2cS0xMiA0LTExIDM1IDIgNDMgMzEgNDYtMS0xMyA4LTQxIDQtOCAxNS0xNGwxNi0xMHEwLTEtMTAtMzNsLTEwLTJ6TTE1MzcgNzU0bC02NTUtMjY3cS0yIDAtMiAxIDAgNSAxNiAyOC41dDIzIDI4LjVxMzI5IDEzOSA1MDIgMjAzIDExOCA0MyAxNjAgNjR6TTIzNDkgNDkwbC0yMS00MHEtMTMgMS00NSA0LTI4IDQtMzMgNC05MSAwLTE0MC0xNiAxOC0xNiAxOC00NyAwLTE1LTYtMjYtMTUtMjYtMzEtMjYtMTIgMC0zNCA5LjV0LTMyIDE3LjVxLTUtMTUtMTQuNS0yNC41dC0zMy41LTguNXEtMi0xNy05LTM0LTE1LTQwLTc5LTgwLTY2LTQxLTE5NS03Mi05Ny0yMy0yMTQtMjQtMTg4LTEtMzI3IDY4LTYyIDMwLTgyIDQzLTM2IDI0LTY3IDYzLTcwIDMtMTAzIDE3LTMtMTAtMjEtMjgtNC0xLTktMS0yMSAwLTY2IDE1LTgtMTUtMjktNDMtMjQtMjEtNTgtMjctMjYtNC04MiAwIDIyIDggNzIgMzQgNjEgMzAgNjYgNDMtNyAxMS03IDI3LTEgMjIgMTQgNTQgMTQgMjkgNDUgMzYgMzUtNDEgNzUtNTkgNDctMjIgMTE2LTIzIDEwOS0xIDE2MCAxNiAzMiAxMCA4NSA0MiAzLTgtMi0yMyA2LTUgMzUtNSAyNS0xIDUzIDExIDI0IDEwIDQ3IDIxLTI3IDE1LTQ2IDIyLTMzIDEzLTY1IDE0aC0xNXEtNDcgMC0zNi0yIDMwIDY2IDczIDY2IDE2IDAgNTEtMTggNTItMjcgNzItMzQgNTYtMjEgMTQzLTIxbC0yNy00NnEtMzQgMC05NS0xLTcgMC05Mi0zNGwtNDItMThxLTE3LTYtMzYtNi00IDAtMjIgNS03IDEtMjEgNy0yNi0xNi05Mi0yOS01OS0xMi0xMDQtMTIgNTYtNTggMTk4LTk2IDEyMy0zMyAyMjMtMzQgMTI1LTEgMjgxIDQzIDE2OSA0NiAxOTggMTAxIDQgOCAzIDE5LTMgMjAtMjMgMzZsMTcgNTNxMTMtMTEgMjgtMzMgMTAtOCAzOCAwIDE3IDQgMjggMjggMTIgMjcgMjMgMzUgMTUgMTAgNDQgMjEgMjIgOSA2NCAxNy0zOSAxNC04MCAxNC0yNyAwLTQwLTctMSAyLTEgNSAwIDkgNiAyMHQ2IDE0cTI4IDI3IDY1IDI3IDEyIDAgMzYtMTBsNjMtMjdxOTMtMzYgMTMxLTM3ek0xMzYxIDI4MGwtMzYtMzgtMzMgMjMtMjktMzAtNDEgMzQgMzEgMzFxMTEtOCAzMS0yMWwzMSAzMXpNOTQ2IDI2OHEtMS0xMS0xOC0zMC04Ni01Ny0xNDgtNjVsMjggMzJxMzEgMTEgMTM4IDYzek0yNjk1IDQwM3EtNDYtMTUtNjItNDMgNTAtNCA2NSAxNy0xIDEyLTMgMjZ6TTIwOTkgMzk0cS0xMCAyNy0yNCAyNi0xNy0xLTE3LTEwIDMtNiAyMS0xMSAxNS01IDIwLTV6TTg1NSAzNDlxLTE3IDgtNDIgMzYtNS03LTE0LTI1IDMzLTE0IDU2LTExek0yNTM5IDQxMXEwLTQyLTI3LTcwIDAgMzEtMTMgOTZsLTMxIDE2MiAyMiA3NiA0NS0yMzZxNC0yMiA0LTI4ek0yNDI5IDQyMHEtMi0yNi01LTM5LTUtMjQtMTYtMzctMTctMTgtNTItMjAtMS0xNC0xMi00Mi0xMy0zNi0zMS01NC0yNi0yNy01Ny0zNi0xNy01LTQxLTMtNTEgMy04MCAzNS03IDctMTggMjQtNSAxMy01IDM3IDExLTIxIDE0LTI1IDExLTE3IDI0LTI1IDIzLTE0IDQzLTEzIDM2IDIgNjUgMTcgNDMgMjEgNjkgODMtMjIgMTMtMjIgMzdsMSA3cTQgMjggMTIgMjggMS0xIDItMyA2LTE5IDMzLTE5IDMxIDAgNDQgMTQgNSA1IDAgMzBsLTQyIDIxMHEtMTIgNC0xMSAzNSAzIDQzIDMxIDQ2LTEtMTMgOC00MSA0LTggMTYtMTRsMTYtMTBxMC0xLTExLTMzbC0xMC0ycTEtMyAxNy04NWwxNS04MnpNMzAyMiA0MTFxMC00Mi0yNy03MCAwIDMxLTEyIDk2bC0zMiAxNjIgMjIgNzYgNDUtMjM2cTQtMjIgNC0yOHpNMTU1MSAzNjlxLTItMTAtMTgtMjktODYtNTctMTQ4LTY2bDI3IDMzcTMyIDEwIDEzOSA2MnpNMjAyMyAyMjVxLTItMTEtMTktMjktODYtNTctMTQ3LTY2bDI3IDMzcTMxIDEwIDEzOSA2MnpNMjMyMiA4MDdxLTEtMTEtMTgtMzAtODUtNTctMTQ3LTY1bDI3IDMycTMxIDExIDEzOCA2M3pNMjAzNyA3NDNxLTEtMTEtMTgtMzAtNTUtMzctMTI2LTU3bDI3IDMzcTE4IDYgMTE3IDU0ek0yODM4IDc1MHEtMS0xMC0xOC0yOS04NS01Ny0xNDctNjZsMjcgMzNxMzIgMTAgMTM4IDYyek0yNjg5IDI3MXEtMi0xMS0xOS0yOS04NS01OC0xNDctNjZsMjcgMzNxMzEgMTAgMTM5IDYyek0zMjI3IDIyM3EtMS0xMS0xOC0zMC00Ni0yOS0xMzEtNDlsMjggMzNxODcgMjkgMTIxIDQ2ek0xODIyIDc0NnExNCAyMCAyNCAyMHQxMC02LTExLjUtMTAuNS0yMi41LTMuNXpNMjU2NSA3NDlxMS0yLTE0LTEyLTE4LTE0LTQzLTE0aC04cS0xMSAxLTE5IDd0LTkgNnEtMTIgMC0yNS0xMGwtMTYtMTFxMSAxMCAxMiAyNiAxMiAxOSAyNyAyMiA2IDEgMTQuNS0zdDE1LjUtMXEyMyA0MyA0OSA0MyA4IDAgMTUuNS01LjV0Ny41LTE3LTctMzAuNXpNMjUxNiA3NTRxMTQgMjAgMjQgMjB0MTAtNi0xMS0xMC41LTIzLTMuNXpNMjI5OSA2NTRxMS0xMi03LTI2LTEwLTE1LTI0LTE1dC0yMSA5bC04LTE0cS02LTctMjEtOC0xOC0xLTI5IDIyLTMgNy0wLjUgMjR0Ni41IDE3IDUtN2wxLTEwcTQtMTQgMjItMTQgMTUgMCAxMyAyOS0xIDcgMiAxMC41dDMgNS41cTIgMCA1LTExIDQtMTQgNy41LTE5dDEyLTcgMTIuNSAzcTMgMy02IDI2IDEgMSA1LjUgMTEuNXQ2LjUgMTAuNXE0LTcgMTQtMTkgMS0yIDEtMTh6TTI4MzUgNjE2cTEtMTMtOC0yNi05LTE2LTIzLTE2dC0yMSA5bC04LTE0cS03LTctMjEtNy0xOC0xLTI5IDIxLTMgOC0xIDI1dDYuNSAxNyA1LjUtOGwxLTlxNC0xNCAyMi0xNCAxNSAwIDEyIDI5LTEgNiAyLjUgMTB0My41IDZxMiAwIDUtMTN0Ni41LTE4IDEyLjUtNi41IDEyLjUgMi41LTUuNSAyN3ExIDEgNSAxMS41dDcgMTAuNXE0LTggMTQtMTkgMS0yIDEtMTh6TTMyMDAgMjkxcS00LTktMjItMjhoLThxLTIyIDAtNjYgMTUtOC0xNS0zMC00My0yNC0yMS01Ny0yNy0yNy01LTgzIDAgMjMgOCA3MyAzMyA2MSAzMSA2NiA0NC03IDEwLTggMjcgMCAyMSAxNSA1NCAxNCAyOSA0NCAzNiAyMS0yNSA1OC00NSAyOC0xNiA5MS0zNCAxOS02IDExMi0yMiAxMjAtMjAgMjQwLTI4bDI0My0xMHExNTMtNyAyNzMtNyAyOTYgMCA3MDAgNDggMzUyIDQxIDU1NSAxMDUgNzUgMjMgMTA5IDU2IDQtNCA0LjUtOS41dC00LjUtMjMuNXEzLTUgOS0xMiAxNS05IDMzLTkgNTkgMCA4MSA1NCA3LTEgOC0yMCAwLTYtMC41LTEzdDYuNS05cTMwLTIgNDEgMjYuNXQxNi41IDI3LjUgNC41LTEycS0yLTE0IDEtMTcgOC04IDM4LTEyLjV0MzIgMjAuNXExIDE1LTEzIDM4LTggMTQtMjUgNDItOSAxLTIyIDQtOCAyLTE0IDEwLTE2IDIyLTE3IDQ5IDAgMzIgMTcgNTAgNDMtMjYgNzQtODEgMjYtNTEgMjYtOTUgMC04OC01OS04OC0yNSAwLTU4IDE4LTExLTMwLTQ2LTMzLTI0LTItMzcgMTYtMTktMjgtNjQtMjgtMzcgMC02MSAyNy00Ni0xOC05NC0zMi0xOTItNTctNTI4LTk4LTQwOC01MC03MDUtNTItMTE0LTEtMjc4IDZsLTIwNCA3cS0xMDIgNS0yMDIgMjAtMTM1IDIwLTE1NyAyNC04MiAxNS0xMDggMzF6TTMxNTQgMzIzcS0xOCA4LTQyIDM2LTYtNy0xNS0yNSAzNC0xNCA1Ny0xMXpNMzA0MSA3NDVxMS0xLTEzLTEyLTE4LTE0LTQzLTE0bC04IDFxLTExIDEtMTkgNi41dC05IDUuNXEtMTIgMC0yNi05bC0xNS0xMXExIDEwIDEyIDI2IDEyIDE4IDI3IDIxIDUgMSAxMy41LTIuNXQxNi41LTAuNXEyMiA0MiA0OSA0MiA4IDAgMTUuNS01dDcuNS0xNi41LTgtMzEuNXpNMjk5MyA3NTFxMTQgMjAgMjQgMjB0MTAtNi0xMS0xMC41LTIzLTMuNXpNNTYyNSA3MTVxLTE4LTM3LTU1LTQ4LTEzLTQtMzctMyAwIDMgMjIgMTUuNXQyMiAxNy41cS0xIDItMTggNC41dC0zMCAwLjVxLTMtMS05LjUtNHQtMTIuNS0zcTUgMTcgMTMgMjUgMTQgMTYgNDEgMTYgNDQgMSA2NC0yMXpNNTgzMyAyNjJxLTEtMTEtMTgtMzAtNDYtMjgtMTMxLTQ5bDI3IDMzcTg4IDI5IDEyMiA0NnpNNTc3OSAzMDVsLTI1LTM3LTM5IDI3IDI0IDM4eiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=) format("svg");
    font-weight: 400;
    font-style: normal
} */


/*@font-face
{
font-family: '_PDMS_Saleem_QuranFont8.eot';
font-style: normal;
font-weight: normal;
src: url('https://www.quranexplorer.com/Quran/PDMS_Saleem_QuranFont8.eot');

src: url('https://www.quranexplorer.com/Quran/PDMS_Saleem_QuranFont8.eot?#iefix') format('embedded-opentype'),

url('https://www.quranexplorer.com/quran/Font/PDMS_SALEEM_QURANFONTQESHIP_0.ttf') format('truetype'), url("Font/PDMS_SALEEM_QURANFONTQESHIP_0.ttf") format("truetype");
}*/
html {
    position: relative;
    min-height: 100%;
}
body {
  margin: 0 0 120px;
  font-family : Montserrat,sans-serif;
}

.container-fluid {
    padding-right: 25px  !important;
}

.night-mode {
    background: #1d1f21;
    color: #fff
}

.night-mode .ayah-name-svg path {
    fill: #fff
}

.night-mode #bismillah,.night-mode .verse-content{
    color: #fff
}

a {
    color: #8B4513;
    text-decoration: none;
}
a:hover{
    color: #DAA520;
    text-decoration: none;
}
.arabic{
  Direction: RTL;
  margin: 0px 0px 0px 0px;
  padding: 0cm 0cm;
  line-height: 200%;
  font-weight: normal;
  font-style: normal;
  font-family: al_qalam_font2, _PDMS_IslamicFont, Tahoma, Arial;
  font-size: 32px;
}

.verse-number{
  font-family: uthmani;
  font-size: 35px;
  unicode-bidi: bidi-override;

}

.settings-panel-on .list-unstyled {
    padding-right: 5% !important;
}
.list-unstyled {
    list-style: none;
    /* padding-left: 40px;
    padding-right: 120px; */
}
.list-unstyled > li{
    min-height: 72.8px;
}
@media only screen and (min-width: 1250px) {
  .list-left {
    padding-left: 70px;
    padding-right: 110px;
  }
  .list-right {
    padding-left: 110px;
    padding-right: 70px;
  }
}
@media only screen and (max-width: 1250px) {
  .list-unstyled {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 760px) {
  .list-unstyled {
      padding-left: 25px;
      padding-right: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .list-unstyled {
      padding-left: 10px;
      padding-right: 10px;
  }
}

.line-text{
padding: 20px 0;
    font-size: 14px;
    margin-top: 20px;
}
.line-text>span{
margin: 0;
    line-height: 2;
}

/*-----------------------------------------*/
#header .navbar{
  background-color: #0f0f0f;
  border-color: #141517;
  position: fixed;
  width: 100%;
  border-radius: 0;
  z-index: 9999;
  font-size: 19px;
}
#header .navbar .navbar-nav>li>a,#header .navbar  .navbar-brand {
    color: #fff;
}
#header .navbar .navbar-nav>li>a:hover,#header .navbar  .navbar-brand:hover{
    color: #DAA520;
}
#header .chapter-dd{
    max-height: 400px;
    max-height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 315px;
}
@media only screen and (max-width: 760px) {
  #header .chapter-dd{
      width: 100%;
  }
}

#header .chapter-dd .row>div{
  padding-right: 0;
}
#header .verse-dd{
    max-height: 400px;
    max-height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 50px;
}
#header-logo-img{
  height: auto;
  width: 140px;
  margin-top: -11px;
  margin-left: 12px;
}
#page-content{
  position: relative;
  top: 50px;
  padding-bottom: 65px;
}

@media only screen and (min-width: 1025px) {
  #page-content.settings-panel-on{
      width: 80%;
      left: 0px;
      transition: right 1s;
  }
}




/*settings panel */
#settings-panel{
  position: fixed;
  right: -300px;
  top: 0 !important;
  height: 100%;
  width: 300px !important;
  max-width: 300px !important;
 background-color: #222222;
	color: #fff;
  transition: right 1s;
  z-index: 1031;
  box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
}
@media only screen and (max-width: 600px) {
  #settings-panel{
      top: 300px !important;;
  }
}

#settings-panel.on-screen{
  /*display: block!important;*/
  right: 0px;
  transition: right 1s;
}

#settings-panel .settings-header{
   height: 30px;
    border-bottom: 1px solid rgba(256,256,256,0.52);
    padding-left: 22px;
}
#settings-panel .close-panel{
	color: #fff;
  position: absolute;
    top: 5px;
    right: 15px;
    padding: 5px;
      font-size: 18px;
}
#settings-panel .switches{
  border-bottom: 1px solid rgba(256,256,256,0.52);
  padding-bottom: 14px;
}
#settings-panel .switch-list{
  list-style: none;
}
#settings-panel .switch-list h4{
  display: inline-block;
  font-size: 16px;
}

#settings-panel .switch-slider{
  display: inline-block;
    position: absolute;
    top: 8px;
    right: 20px;
}
#settings-panel .switch-item{
    position: relative;
    margin: 10px 0;
}
#settings-panel .font-sizes{
  border-bottom: 1px solid rgba(256,256,256,0.52);
  padding-bottom: 14px;
}
#settings-panel .font-sizes .title{
  margin:12px 22px;
}
#settings-panel .font-list{
  list-style: none;
}
#settings-panel .font-list li{
    margin:10px 0;
}
#settings-panel .font-type{
    display: inline-block;
       width: 112px;
    margin-left: 25px;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 27px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 27px;
}

.slider.round:before {
  border-radius: 50%;
}

/*footer*/
#footer {

  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background-color: #32312c;
  padding: 2% 0 1%;
  font-size: 14px;
  margin-top: 50px;
}
#footer .items{
  text-align: center;
  padding-right: 30px;
}
#footer .items li{
  display: inline;
}
@media only screen and (max-width: 550px) {
  #footer .items li{
    display: block;
    padding-top: 5px;
  }
}
#footer .items li>a:hover{
    color: #DAA520;
}
#footer .items li>a{
    color: #fff;
    text-decoration: none;
    padding: 25px;
}
#cp-right{
  color: #939598;
  text-align: center;
  font-size: 15px;
}


/*back to top*/
#back-to-top {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#0f0f0f;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#back-to-top span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#back-to-top:hover {
    background-color:#DAA520;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
    border: 2px solid #B8860B
}

#back-to-top.stay{
  position: absolute;
  bottom: 110px;
}


/* Content page */

.content-page-small{
  max-width: 557px;
}
.content-page{
  padding-top: 40px;
  margin: auto;
  text-align: justify;
  text-justify: inter-word;
}

.content-page p {
    margin-bottom: 24px;
    font-size: 24px;
    width: 150%;
    margin-left: -25%;
}

.content-page-contact p {
    margin-bottom: 4px;
    font-size: 16px;
    width: 150%;
    margin-left: -25%;
}
@media only screen and (max-width: 1025px) {
  .content-page p {
      width: 100%;
      margin-left: 0;
  }
}

#site-banner .welcome-banner{
  background : url(/images/LogoBackground.png) no-repeat fixed;
  -webkit-background-size: 120% 87%;
  -moz-background-size: 120% 87%;
  -o-background-size: 120% 87%;
  background-size: 120% 87%;
  width:100%;
  height:340px;
}
@media only screen and (max-width: 1255px) {
  #site-banner .welcome-banner{
    background : url(/images/LogoBackground.png) no-repeat fixed;
    -webkit-background-size: 140% 80%;
    -moz-background-size: 140% 80%;
    -o-background-size: 140% 80%;
    background-size: 140% 80%;
    width:100%;
    height:340px;
  }
}
@media only screen and (max-width: 1025px) {
  #site-banner .welcome-banner{
    height:290px;
    -webkit-background-size: 176% 76%;
    -moz-background-size: 176% 76%;
    -o-background-size: 176% 76%;
    background-size: 176% 76%;
  }
}
@media only screen and (max-width: 770px) {
  #site-banner .welcome-banner{
    height:270px;
    -webkit-background-size: 250% 68%;
    -moz-background-size: 250% 68%;
    -o-background-size: 250% 68%;
    background-size: 250% 68%;
  }
}
@media only screen and (max-width: 480px) {
  #site-banner .welcome-banner{
    height:242px;
    -webkit-background-size: 300% 64%;
    -moz-background-size: 300% 64%;
    -o-background-size: 300% 64%;
    background-size: 300% 64%;
  }
}
#site-banner .welcome-banner>.banner-layer{
  background-color: #33333370;
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#site-banner .logo{
  /* width: 30%; */
  margin-top: 35px;
  display: inline-block;
}
#site-banner .logo>img{
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    /* width: 100%; */
    width: 600px;
}

@media only screen and (max-width: 1025px) {
  #site-banner .logo>img{
    width: 450px;
  }
}
@media only screen and (max-width: 770px) {
  #site-banner .logo>img{
    width:400px;
  }
}
@media only screen and (max-width: 480px) {
  #site-banner .logo>img{
    width:310px;
  }
}

#site-banner .title{
    color: #ba8d4f;
    font-size: 165%;
    padding-bottom: 0.4%;
    font-weight: bold;
}
#site-banner .title-author{
    color: #ba8d4f;
    font-size: 145%;
    font-weight: bold;
}
/*-------Welcome Page------------------*/
.chapter-list .chap-a{
  display: block;
  padding: 10px;
}
.chapter-list .chap-ar{
  font-size: 14px;
}
.chapter-list .chap-ten{
  font-size: 10px;
  text-transform: uppercase;
}
.chapter-list .chap-tkn{
  font-size: 12px;
}
.chapter-list .icon-surah{
  position: absolute;
  right: 10px;
}
icon-surah
[class*=" icon-surah"], [class^=icon-surah] {
    font-family: surah_names!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*----------chapter page-------------*/
#chapter-title{
  margin: 26px 20px 2px 20px;
}
#chapter-title .title-ar{
  text-align: center;
  font-weight: bold;
  font-size: 25px;
}

#chapter-title .title-ar .icon-surah:before{
  font-size: 40px;
}
#chapter-title .title-kn{
  text-align: center;
  font-size: 28px;
}

#chapter-verses .verse{
  padding: 2.5% 0;
  border-bottom: 1px solid hsla(0,1%,82%,.5);
}
#chapter-verses .verse-btn{
  display: block;
}
#chapter-verses .verse-no{
   display: block;
  width: 50px; /* Set the width */
  height: 50px; /* Set the height (equal to the width) */
  padding: 0; /* Remove padding to maintain circular shape */
  margin-bottom: 14px;
  font-weight: 400;
  color: #333;
  background-color: #f2f2f2;
  text-align: center;
  line-height: 50px; /* Center text vertically */
  border-radius: 50%;
}
@media (max-width: 767px){
  #chapter-verses .verse-btn{
    display: inline-block;
  }
  #chapter-verses .verse-no{
    display: inline-block;
  }
}
.verse-btn-share{
  cursor: pointer;
}

#chapter-verses .verse-translation{
  font-size: 145%;
}

#bismillah {
    font-family: bismillah;
    font-size: 40px;
    color: #000;
    padding: 25px 0;
    animation-duration: 0.1s;
    animation-name: fontfix;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-delay: 0.1s;
}
#bismillah-kan{
  font-size: 145%;
text-align: center;
}
@-webkit-keyframes fontfix{
    from{   opacity: 1; }
    to{ opacity: 1; }
}


.icon-surah1:before {content: "\E904";}
.icon-surah59:before{content:"\E900"}
.icon-surah60:before{content:"\E901"}
.icon-surah48:before{content:"\E902"}
.icon-surah:before{content:"\E903"}
.icon-surah1:before{content:"\E904"}
.icon-surah2:before{content:"\E905"}
.icon-surah3:before{content:"\E906"}
.icon-surah4:before{content:"\E907"}
.icon-surah5:before{content:"\E908"}
.icon-surah38:before{content:"\E909"}
.icon-surah39:before{content:"\E90A"}
.icon-surah6:before{content:"\E90B"}
.icon-surah7:before{content:"\E90C"}
.icon-surah8:before{content:"\E90D"}
.icon-surah9:before{content:"\E90E"}
.icon-surah10:before{content:"\E90F"}
.icon-surah11:before{content:"\E910"}
.icon-surah12:before{content:"\E911"}
.icon-surah13:before{content:"\E912"}
.icon-surah14:before{content:"\E913"}
.icon-surah15:before{content:"\E914"}
.icon-surah16:before{content:"\E915"}
.icon-surah17:before{content:"\E916"}
.icon-surah18:before{content:"\E917"}
.icon-surah19:before{content:"\E918"}
.icon-surah20:before{content:"\E919"}
.icon-surah21:before{content:"\E91A"}
.icon-surah22:before{content:"\E91B"}
.icon-surah23:before{content:"\E91C"}
.icon-surah24:before{content:"\E91D"}
.icon-surah25:before{content:"\E91E"}
.icon-surah26:before{content:"\E91F"}
.icon-surah27:before{content:"\E920"}
.icon-surah28:before{content:"\E921"}
.icon-surah29:before{content:"\E922"}
.icon-surah30:before{content:"\E923"}
.icon-surah31:before{content:"\E924"}
.icon-surah32:before{content:"\E925"}
.icon-surah33:before{content:"\E926"}
.icon-surah40:before{content:"\E927"}
.icon-surah41:before{content:"\E928"}
.icon-surah42:before{content:"\E929"}
.icon-surah43:before{content:"\E92A"}
.icon-surah44:before{content:"\E92B"}
.icon-surah45:before{content:"\E92C"}
.icon-surah46:before{content:"\E92D"}
.icon-surah34:before{content:"\E92E"}
.icon-surah35:before{content:"\E92F"}
.icon-surah36:before{content:"\E930"}
.icon-surah37:before{content:"\E931"}
.icon-surah47:before{content:"\E932"}
.icon-surah49:before{content:"\E933"}
.icon-surah50:before{content:"\E934"}
.icon-surah51:before{content:"\E935"}
.icon-surah52:before{content:"\E936"}
.icon-surah53:before{content:"\E937"}
.icon-surah54:before{content:"\E938"}
.icon-surah55:before{content:"\E939"}
.icon-surah56:before{content:"\E93A"}
.icon-surah57:before{content:"\E93B"}
.icon-surah58:before{content:"\E93C"}
.icon-surah79:before{content:"\E93D"}
.icon-surah80:before{content:"\E93E"}
.icon-surah81:before{content:"\E93F"}
.icon-surah82:before{content:"\E940"}
.icon-surah61:before{content:"\E941"}
.icon-surah62:before{content:"\E942"}
.icon-surah63:before{content:"\E943"}
.icon-surah64:before{content:"\E944"}
.icon-surah65:before{content:"\E945"}
.icon-surah66:before{content:"\E946"}
.icon-surah67:before{content:"\E947"}
.icon-surah68:before{content:"\E948"}
.icon-surah69:before{content:"\E949"}
.icon-surah70:before{content:"\E94A"}
.icon-surah71:before{content:"\E94B"}
.icon-surah72:before{content:"\E94C"}
.icon-surah73:before{content:"\E94D"}
.icon-surah74:before{content:"\E94E"}
.icon-surah75:before{content:"\E94F"}
.icon-surah76:before{content:"\E950"}
.icon-surah77:before{content:"\E951"}
.icon-surah78:before{content:"\E952"}
.icon-surah83:before{content:"\E953"}
.icon-surah84:before{content:"\E954"}
.icon-surah85:before{content:"\E955"}
.icon-surah86:before{content:"\E956"}
.icon-surah87:before{content:"\E957"}
.icon-surah88:before{content:"\E958"}
.icon-surah89:before{content:"\E959"}
.icon-surah90:before{content:"\E95A"}
.icon-surah91:before{content:"\E95B"}
.icon-surah92:before{content:"\E95C"}
.icon-surah93:before{content:"\E95D"}
.icon-surah94:before{content:"\E95E"}
.icon-surah95:before{content:"\E95F"}
.icon-surah96:before{content:"\E960"}
.icon-surah97:before{content:"\E961"}
.icon-surah98:before{content:"\E962"}
.icon-surah99:before{content:"\E963"}
.icon-surah100:before{content:"\E964"}
.icon-surah101:before{content:"\E965"}
.icon-surah102:before{content:"\E966"}
.icon-surah103:before{content:"\E967"}
.icon-surah104:before{content:"\E968"}
.icon-surah105:before{content:"\E969"}
.icon-surah106:before{content:"\E96A"}
.icon-surah107:before{content:"\E96B"}
.icon-surah108:before{content:"\E96C"}
.icon-surah109:before{content:"\E96D"}
.icon-surah110:before{content:"\E96E"}
.icon-surah111:before{content:"\E96F"}
.icon-surah112:before{content:"\E970"}
.icon-surah113:before{content:"\E971"}
.icon-surah114:before{content:"\E972"}
/*------------*/