body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;max-height:100vh}audio:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}h1,h2,h3,h4,h5{margin:0}a{color:inherit;text-decoration:none}@font-face{font-family:fontArab;src:url(/_next/static/media/majeed.71d80dcd2c4c41a85fcde6e0de3880bd.ttf)}.arab{font-family:fontArab;font-size:21px}main{background-color:#fff;height:100vh;width:100vw}@media (min-width:576px){main{height:100vh;width:480px;border:1px solid #ccc}.sidenav-open{width:400px!important}}.container{padding:30px 20px}nav{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center}nav .page-title{margin-left:auto;margin-right:auto;font-size:28px;font-weight:700}.nav-burger{width:46px;height:46px;display:-webkit-flex;display:-moz-box;display:flex;background-color:#f7f7f7;box-shadow:0 2px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:10px}.nav-burger img{margin-top:5px;margin-left:auto;margin-right:auto}.sidenav{height:100%;width:0;position:fixed;z-index:999999;top:0;left:0;background-color:#ececec;overflow-x:hidden;-moz-transition:.5s;transition:.5s}.nav-wrapper{position:relative}.nav-audio-control-wrapper{position:absolute;width:100%;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;bottom:-55px;z-index:99999}.nav-audio-control,.nav-audio-control-wrapper{display:-webkit-flex;display:-moz-box;display:flex}.nav-audio-control{width:40%;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;justify-content:space-evenly;-webkit-align-items:center;-moz-box-align:center;align-items:center;background-color:#fff;padding:10px 15px;color:#000;border-radius:20px}.nav-audio-control p{padding:0;margin:0}.sidenav .sidenav-item,.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;-moz-transition:.3s;transition:.3s}.close-nav{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.toggle-button button{border:1px solid #818181;border-radius:10px;color:#818181;padding:5px 10px;background-color:transparent}.toggle-button button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.toggle-button button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-button .active{background-color:#5b49ba;color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.15)}.form-group button{border:1px solid #818181;border-radius:10px;color:#fff;padding:5px 10px;background-color:#5b49ba}.form-group input{padding:4px 10px}.form-group button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.form-group button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.bg-purp{color:#fff;background-color:#5b49ba}.sidenav-open{width:90%}.sidenav .logo{max-width:250px}.btn-social{padding-left:0!important}.bottomNav{position:fixed;margin-right:20px;margin-bottom:20px;bottom:0;right:0;padding:10px;background-color:#ececec;border-radius:50px;box-shadow:0 5px 15px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.15);z-index:100}.icon-nav{padding:0 5px;max-width:30px}.hero h1{margin:20px 0}.search-bar{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;background-color:#fafafa;border-radius:10px;padding:5px}.form-control{background-color:#fafafa;border:0;width:90%;height:35px}.form-control:focus{border:0}.icon{max-width:24px;max-height:24px}.surah-section{color:#000;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:20px;height:-moz-calc(100% - 310px);height:calc(100% - 310px);overflow-y:scroll}.surah{margin-top:10px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;background-color:#fafafa;border-radius:10px;padding:10px 20px;box-shadow:0 5px 15px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.15)}.surah.active{border:3px solid #5b49ba}.surah .number{font-size:21px}.surah .meta{margin-left:15px}.meta p:first-child{font-size:18px;font-weight:700}.meta p{margin:0}.surah .arab{margin-left:auto}.ayat{display:inline-block;width:100%;margin-bottom:25px}.ayat:first-child{margin-top:20px}.ayat-section{color:#000;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:20px;height:-moz-calc(100% - 140px);height:calc(100% - 140px);overflow-y:scroll}.ayat-top-bar{background-color:#f1f3f4;border-radius:10px;padding:10px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.ayat-top-bar .top-bar-number{background-color:#5b49ba;color:#fff;font-weight:700;padding:10px 15px;border-radius:50px}.top-bar-button,.top-bar-button audio{width:100%}.audio-is-playing{border:2px solid grey}.top-bar-button button{margin-left:10px;background-color:#5b49ba;color:#fff;padding:10px 15px;border-radius:50px;border:0}.ayat .content p.arab{margin-top:15px;text-align:end;width:100%;font-size:31px}.translation{display:inline-block}.lang-switcher button{background-color:transparent;border:1px solid #fafafa;border-radius:20px;padding:5px 10px}.lang-switcher button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lang-switcher button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lang-switcher button.active{background-color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.15)}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:red}