@font-face{font-display:swap;font-family:CircularStd;font-style:normal;font-weight:400;src:local("CircularStd Book"),local("CircularStd-Book"),url(/assets/fonts/CircularStd-Book.woff2) format("woff2")}@font-face{font-display:swap;font-family:MehrNastaliq;font-style:normal;font-weight:400;src:local("MehrNastaliq"),local("MehrNastaliq"),url(/assets/fonts/MehrNastaliq.ttf) format("woff2")}@font-face{font-display:swap;font-family:JameelNooriNastaleeq;font-style:normal;font-weight:400;src:local("JameelNooriNastaleeq"),local("JameelNooriNastaleeq"),url(/assets/fonts/JameelNooriNastaleeq.ttf) format("woff2")}@font-face{font-display:swap;font-family:Quranic;font-style:normal;font-weight:400;src:local("Quran Font"),local("Quran-Font"),url(/assets/fonts/Quran-Font.ttf) format("woff2")}@font-face{font-display:swap;font-family:MuhammadiQuranic;font-style:normal;font-weight:400;src:local("MuhammadiQuranic"),local("MuhammadiQuranic"),url(/assets/fonts/MuhammadiQuranic.ttf) format("woff2")}@font-face{font-display:swap;font-family:Aslam;font-style:normal;font-weight:400;src:local("Aslam"),local("Aslam"),url(/assets/fonts/Aslam.ttf) format("woff2")}@font-face{font-display:swap;font-family:Unwan;font-style:normal;font-weight:400;src:local("Unwan"),local("Unwan"),url(/assets/fonts/Unwan.ttf) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}.App{min-height:100%;width:100%;overflow-x:hidden;text-rendering:optimizeLegibility;font-feature-settings:"kern";background-color:#f9f9f9}html{scroll-behavior:smooth}body{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:JameelNooriNastaleeq,sans-serif;overflow-x:hidden;direction:rtl}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin:0;font-family:JameelNooriNastaleeq}p{font-size:16px;line-height:20px}::-moz-selection{color:#fff;background-color:#ffb922}::selection{color:#fff;background-color:#ffb922}.noDecoration{text-decoration:none!important}.header_banner{position:fixed;width:100%;top:0;z-index:100;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.1);background:#fff}.top_banner_container{width:100%;background-color:#ffb922;height:60px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 24px}.top_banner_container .bismillah{font-size:26px;font-family:Quranic!important}.cornor_links{display:flex;justify-content:space-between;align-items:center}.cornor_links a{color:#fff;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:24px}.cornor_links a:hover{text-decoration:underline}.content_container{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:20px;gap:20px;max-width:90%}.content_container .content_title{font-size:48px}.content_container .content_text{font-size:28px;line-height:2.4}.header{flex-direction:column;padding:12px 20px}.header,.header .yearDrop{display:flex;justify-content:space-between;align-items:center;width:100%}.header a{justify-content:center;text-decoration:none;color:#fff;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;cursor:pointer}.header .filter,.header a{display:flex;align-items:center}.header .filter{grid-gap:16px;gap:16px;justify-content:space-between;width:100%}.header a span img{background-color:#fff;border-radius:50%}.header a .logo_text{font-size:24px;font-weight:700;color:#000;margin-right:12px}.header .searchInput{display:flex;position:relative;width:80%}.header .searchInput input{width:100%;height:44px;padding:0 12px;outline:none;border:none;border-bottom:1px solid #e7e7e7;font-family:Quranic;font-size:20px}.header .dropdown{display:flex;justify-content:center;align-items:flex-end;grid-gap:16px;grid-gap:8px;gap:8px;min-height:44px;min-width:122px;width:122px}.header .dropdown h2{min-width:40px}.header .dropdown p{font-family:CircularStd;font-size:20px;border-bottom:1px solid #e7e7e7;padding:0 16px 8px}.header .dropdown select{width:100px;padding:8px 16px 8px 12px;outline:none;border:none;border-bottom:1px solid #17171750;font-family:CircularStd;font-size:14px;word-spacing:2px;background:url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 100% #fff;-webkit-appearance:none;background-position-x:12px;background-size:10px;cursor:pointer}.header .searchInput .searchIcon{position:absolute;top:50%;left:0;transform:translateY(-50%)}.content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;min-height:calc(100vh - 215px);width:calc(100% - 32px);position:relative;color:#333;background-color:#f9f9f9}.contentMargin{margin:140px 16px 80px;color:#333}.contentAboutMargin{margin:120px 16px 80px}.contentMobileMargin{margin:140px 8px 80px;color:#333}.content>h1{width:100%;height:100%;margin:100px auto 0;text-align:center}.inputBar{flex-direction:row-reverse}.inputBar,.mobileInputBar{display:flex;justify-content:space-between;align-items:center;grid-gap:12px;gap:12px}.mobileInputBar{width:100%;margin:10px auto 0;border-top:1px solid #e7e7e7;padding:8px 0 0}.back_button{display:flex;align-items:center;justify-content:center;background:#028c42;border-radius:4px;border:none;padding:8px;cursor:pointer;grid-gap:12px;gap:12px;width:100px;min-width:100px;position:absolute;left:16px}.back_button p{color:#fff}.back_button svg{height:20px;width:20px}.content .listView{display:flex;justify-content:center;width:100%;padding:16px;flex-wrap:wrap;margin:auto;background-color:#f9f9f9}.content .listView .card{padding:16px;border-radius:6px;cursor:pointer;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.1);border:1px solid #c7c7c7;margin:5px;min-height:50px}.content .listView .card:hover{border:1px solid #000}.content .listView .card h1{font-size:24px;margin:8px 0 0;text-align:center;color:#222}.content .listView .card h1 span{font-family:CircularStd;margin-right:8px}.content .tileView{display:flex;flex-direction:column;width:100%;height:100%;margin:24px auto}.content .tileView .singleTileCard,.content .tileView .tileCard{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:12px 0;border-radius:4px;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.1);flex:1 0 100%;border:1px solid #e7e7e7;margin:6px 0}.content .tileView .singleTileCard:hover{cursor:pointer;border:1px solid #000!important}.content .tileView .singleTileCard{border:1px solid #fed830!important;background:#fed830!important;border-radius:50px}.content .tileView .singleTileCard .singleParent,.content .tileView .tileCard .parent{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 32px 0 16px}.content .tileView .singleTileCard .singleParent p,.content .tileView .tileCard .parent div,.content .tileView .tileCard .parent p{text-align:center;min-width:160px;border-left:1px solid #e7e7e7;min-height:44px;height:100%;display:flex;justify-content:center;align-items:center;font-size:20px;word-spacing:4px}.content .tileView .tileCard .parent div{display:flex;align-items:center;justify-content:center;background:#028c42;margin:0 8px;height:44px;border-radius:4px;border:none;cursor:pointer}.content .tileView .tileCard .parent div p{border:none;width:auto;color:#fff;font-size:22px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin-left:12px}.content .tileView .singleTileCard .singleParent p{border-left:1px solid #e7e7e7}.content .tileView .singleTileCard .singleParent h2,.content .tileView .tileCard .parent h3{width:100%;font-size:24px;line-height:1.6;border-left:1px solid #e7e7e7;font-family:Unwan;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content .tileView .singleTileCard .singleParent h2{text-align:start}.content .tileView .tileCard .parent h3{padding:0 12px;text-overflow:clip;overflow:auto;white-space:normal;text-align:start}.content .tileView .singleTileCard .singleParent h2{border:none}.content .tileView .singleTileCard .singleParent svg{height:32px;width:32px;margin-right:24px;cursor:pointer}.content .tileView .tileCard .subttitleLits svg{height:32px;width:32px;position:absolute;left:16px;bottom:8px;cursor:pointer}.content .tileCard .parent svg{height:20px;width:20px;min-width:20px;cursor:pointer}.content .tileView .tileCard .parent p span{font-family:CircularStd;margin-right:8px}.content .tileView .tileCard .subttitleLits{border-top:1px solid #e7e7e7;width:100%;padding:16px 48px 0 32px;position:relative;margin:12px 0 0}.content .tileView .tileCard .subttitleLits li{margin:8px 0}.content .tileView .tileCard .subttitleLits li p{font-size:24px;line-height:1.8}.notFound{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.searchInput svg{position:absolute;height:18px;width:18px;left:8px;top:16px;cursor:pointer}.notFound h3{font-size:32px}.footer{position:fixed;bottom:0;background:#fff;width:100%;padding:24px 12px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:20px;gap:20px;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.1)}.contact_address,.social_icons{display:flex;grid-gap:12px;gap:12px}.contact_address{flex-direction:column;justify-content:center;align-items:flex-start;width:27%}.contact_address h4{display:flex;justify-content:space-between;align-items:center;width:100%}.social_icons a{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.social_icons span{cursor:pointer}.social_icons span img{border-radius:50%;max-height:32px;max-width:32px}@media screen and (max-width:992px){.top_banner_container{justify-content:space-between;padding-right:16px}.social_icons{grid-gap:8px!important;gap:8px!important}.header{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8px 12px}.header .dropdown{grid-gap:8px;gap:8px;align-items:flex-end}.content{width:calc(100% - 16px)}.content .tileView .singleTileCard,.content .tileView .tileCard{padding:8px 0 6px;min-height:auto}.content .tileView .singleTileCard .singleParent,.content .tileView .tileCard .parent{padding:0 16px 0 8px}.content .tileView .singleTileCard .singleParent h2,.content .tileView .tileCard .parent h3{font-size:18px;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-spacing:2px;width:90%;font-family:Unwan}.content .tileView .singleTileCard .singleParent svg{height:24px;width:24px;margin:0 8px 0 0;cursor:pointer}._parent{display:flex;flex-direction:column;width:100%}._parent ._child{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px}._parent ._child:first-child{border-bottom:1px solid #e7e7e7}._parent ._child p{text-align:center;height:100%;width:80px;min-width:80px}._parent ._child ._title{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;width:100%;text-align:center;font-size:18px;padding:0 8px;font-family:Unwan}._parent ._child .download_button{display:flex;align-items:center;justify-content:center;background:#028c42;border-radius:4px;border:none;padding:8px;cursor:pointer}._parent ._child .download_button p{margin-left:6px;color:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}._parent ._child .download_button svg{height:16px;width:16px}.content .tileView .tileCard .subttitleLits{margin:0!important}.content .tileView .tileCard .subttitleLits svg{height:24px;width:24px;position:absolute;left:12px;bottom:8px}.content .tileView .tileCard .subttitleLits li p{font-size:18px}.notFound{osition:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 24px}.notFound h3{font-size:24px;text-align:center}.inputBar{flex-direction:row!important}}