.navbar{position:-webkit-sticky!important;position:sticky!important;top:0;z-index:999999;background-color:#fff;padding:5px}.navbar .navbar-brand{font-weight:600;font-size:28px;color:#14aae2;transition:.5s}.navbar .navbar-brand img{margin-right:7px}.navbar .navbar-brand:hover{color:#2196f3}.navbar .navbar-toggler{border-radius:2px;font-size:16px;padding:3px 7px}.navbar .navbar-toggler:focus{box-shadow:0 0 4px 4px #ececec}.navbar .navbar-collapse .navbar-nav{width:100%;justify-content:flex-end;gap:2%}.navbar .navbar-collapse .navbar-nav li{display:flex;align-items:center}@media(max-width:991px){.navbar .navbar-collapse .navbar-nav li{margin-bottom:8px}}.navbar .navbar-collapse .navbar-nav li:first-child{width:40%;position:relative}@media(max-width:991px){.navbar .navbar-collapse .navbar-nav li:first-child{width:100%;margin-top:10px}}.navbar .navbar-collapse .navbar-nav li:first-child input{border-radius:10px 10px 10px 0;padding:8px 35px 8px 10px}.navbar .navbar-collapse .navbar-nav li:first-child input:focus{box-shadow:0 0 4px 4px #f4f3f3;border-color:#dedede}.navbar .navbar-collapse .navbar-nav li:first-child .search-logo{position:absolute;top:50%;transform:translateY(-50%);right:10px;color:#555}.navbar .navbar-collapse .navbar-nav li.radio-live{padding:5px 15px;border-radius:10px 10px 10px 0;transition:.5s;background-color:#14aae2;box-shadow:0 2px 8px 0 rgba(20,170,226,.471);display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:991px){.navbar .navbar-collapse .navbar-nav li.radio-live{padding:8px 0}}.navbar .navbar-collapse .navbar-nav li.radio-live:hover{background-color:#fb4a59;box-shadow:0 2px 8px 0 rgba(228,76,89,.471)}.navbar .navbar-collapse .navbar-nav li.radio-live:hover svg{color:#fff}.navbar .navbar-collapse .navbar-nav li.radio-live svg{font-size:25px;transition:.5s;color:#fff}.sideNav ul .main-links a li,.sideNav ul .main-links a span{display:flex;align-items:center;justify-content:center}.sideNav{display:flex;justify-content:flex-start;border-radius:10px;margin:0!important;position:relative;z-index:999999}.sideNav ul{margin:0;position:fixed;z-index:10;top:50%;transform:translateY(-50%);z-index:99}@media(max-width:767.9px){.sideNav ul{width:100%;top:calc(100% - 65.1px);left:50%;transform:translateX(-50%);overflow:visible!important}.sideNav ul .main-links{display:flex!important;padding:9px 0;background-color:#fff;border-top:2px solid #14aae2}}.sideNav ul .main-links .speical{cursor:pointer;display:none!important}@media(max-width:767.9px){.sideNav ul .main-links .speical{flex-direction:column;display:flex!important;justify-content:center;align-items:center;color:#2196f3;width:150px;flex-grow:1}}.sideNav ul .main-links .speical:hover li:before{width:100%;height:100%;background-color:transparent}.sideNav ul .main-links .speical:hover span,.sideNav ul .main-links .speical:hover svg{color:#2196f3}.sideNav ul .main-links .speical:hover ul{width:250px}.sideNav ul .main-links .speical li{position:relative;padding:0;margin:0;height:20px;display:flex;align-items:center;justify-content:center}.sideNav ul .main-links .speical li:before{content:"";position:absolute;width:0;height:0;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#787878;border-radius:7px;transition:.5s;z-index:1}.sideNav ul .main-links .speical span{pointer-events:none!important;font-size:13px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555;font-weight:400;margin-top:5px}.sideNav ul .main-links .speical svg{font-size:20px;color:#555}.sideNav ul .main-links .more-links{display:block!important}@media(max-width:767.9px){.sideNav ul .main-links .more-links{border-top:2px solid #14aae2;display:flex!important;flex-wrap:wrap;gap:10px;position:absolute;left:0;z-index:-5;width:100%;padding:9px 0;background-color:#fff!important;transition:1s}.sideNav ul .main-links .more-links>a{width:150px;flex-grow:1}}@media(max-width:500px){.sideNav ul .main-links .more-links>a{width:calc(50% - 5px);flex-grow:0}}@media(max-width:300px){.sideNav ul .main-links .more-links>a{width:100%}}.sideNav ul .main-links a{cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;text-decoration:none}@media(max-width:767.9px){.sideNav ul .main-links a{width:150px;flex-grow:1}}.sideNav ul .main-links a:hover span{left:60px}.sideNav ul .main-links a:hover li:before{width:100%;height:100%;background-color:#2196f3}@media(max-width:767.9px){.sideNav ul .main-links a:hover li:before{background-color:transparent}.sideNav ul .main-links a:hover svg{color:#2196f3}.sideNav ul .main-links a:hover span{color:#2196f3;z-index:9999}}.sideNav ul .main-links a li{overflow:hidden;width:-moz-fit-content;width:fit-content;background-color:#14aae2;border-radius:10px 10px 10px 0;font-size:15px;font-weight:500;margin:7px 0;cursor:pointer;padding:10px;gap:10px;color:#555;position:relative}@media(max-width:767.9px){.sideNav ul .main-links a li{background-color:transparent;padding:0;margin:0}}.sideNav ul .main-links a li:before{content:"";position:absolute;width:0;height:0;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#787878;border-radius:10px 10px 10px 0;transition:.5s;z-index:1}.sideNav ul .main-links a li svg{font-size:20px;color:#fff;position:relative;z-index:9}@media(max-width:767.9px){.sideNav ul .main-links a li svg{color:#555}}.sideNav ul .main-links a span{pointer-events:none!important;font-size:13px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555;font-weight:400;margin-top:5px}@media(min-width:768px){.sideNav ul .main-links a span{margin:0;height:30px;border-radius:10px 10px 10px 0;padding:0 10px;background-color:#2196f3;font-weight:400;position:absolute;top:50%;transform:translateY(-50%);left:-100vw;color:#fff;transition:.5s;z-index:-1;font-size:15px!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#ececec}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,60%,.745)}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:#f2f2f2!important;font-size:18px}.loader{height:calc(100vh - 66.39px)}.pages{margin-bottom:54px}@media(max-width:768px){.pages{margin-bottom:140px}}.audio-box{display:flex;justify-content:space-between;align-items:center;background-color:#fff;width:100%;display:none;z-index:9999999999}.audio-box audio{z-index:5;flex-grow:1}.audio-box span{width:60px;height:54px;background-color:#14aae2;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.5s}.audio-box span:hover{background-color:#2196f3}.audio-box span svg{font-weight:700;font-size:16px;width:25px;height:25px}::-webkit-media-controls-enclosure{border-radius:0;background-color:#fff;overflow:hidden}::-webkit-media-controls-panel{width:calc(100% + 30px)}@media(max-width:768px){.audio-box{top:calc(100% - 119.1px);height:54px}}.cursor-pointer{cursor:pointer}.center-element,.home .category>span,.home .letters>span{display:flex;align-items:center;justify-content:center}.home .category>span,.home .letters>span{background-color:#14aae2;border-radius:10px 10px 10px 0;width:30px;height:30px;color:#fff;font-weight:400;box-shadow:0 2px 8px 0 rgba(20,170,226,.471);cursor:pointer;transition:.5s}.home .category>span:hover,.home .letters>span:hover{color:#efefef}.home .category>span{margin-bottom:20px;cursor:auto}.home .category .reciters .reciter{background-color:#fff;color:#14aae2;box-shadow:0 2px 8px 0 hsla(0,0%,64%,.188);transition:.5s;width:100%;border-radius:10px 10px 10px 0}.home .category .reciters .reciter:hover{color:#f5b44b}.home .letters>span a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;color:#fff}@font-face{font-family:__Cairo_962c5a;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/00c85bb211b329fc-s.woff2) format("woff2");unicode-range:U+06??,U+0750-077f,U+0870-088e,U+0890-0891,U+0897-08e1,U+08e3-08ff,U+200c-200e,U+2010-2011,U+204f,U+2e41,U+fb50-fdff,U+fe70-fe74,U+fe76-fefc,U+102e0-102fb,U+10e60-10e7e,U+10ec2-10ec4,U+10efc-10eff,U+1ee00-1ee03,U+1ee05-1ee1f,U+1ee21-1ee22,U+1ee24,U+1ee27,U+1ee29-1ee32,U+1ee34-1ee37,U+1ee39,U+1ee3b,U+1ee42,U+1ee47,U+1ee49,U+1ee4b,U+1ee4d-1ee4f,U+1ee51-1ee52,U+1ee54,U+1ee57,U+1ee59,U+1ee5b,U+1ee5d,U+1ee5f,U+1ee61-1ee62,U+1ee64,U+1ee67-1ee6a,U+1ee6c-1ee72,U+1ee74-1ee77,U+1ee79-1ee7c,U+1ee7e,U+1ee80-1ee89,U+1ee8b-1ee9b,U+1eea1-1eea3,U+1eea5-1eea9,U+1eeab-1eebb,U+1eef0-1eef1}@font-face{font-family:__Cairo_962c5a;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/33869b29596d7bb6-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Cairo_962c5a;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/0fb5d54cc1f5e91d-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Cairo_Fallback_962c5a;src:local("Arial");ascent-override:136.94%;descent-override:60.01%;line-gap-override:0.00%;size-adjust:95.15%}.__className_962c5a{font-family:__Cairo_962c5a,__Cairo_Fallback_962c5a;font-style:normal}