.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-book-quran:before{content:"\f687"}.fa-bookmark:before{content:"\f02e"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-circle-minus:before{content:"\f056"}.fa-circle-plus:before{content:"\f055"}.fa-copy:before{content:"\f0c5"}.fa-file-lines:before{content:"\f15c"}.fa-cog:before{content:"\f013"}.fa-globe:before{content:"\f0ac"}.fa-kaaba:before{content:"\f66b"}.fa-minus:before{content:"\f068"}.fa-mosque:before{content:"\f678"}.fa-sticky-note:before{content:"\f249"}.fa-github:before{content:"\f09b"}.fa-clipboard:before{content:"\f328"}.fa-pause:before{content:"\f04c"}.fa-play:before{content:"\f04b"}.fa-plus:before{content:"\2b"}.fa-rotate:before{content:"\f2f1"}.fa-share:before{content:"\f064"}.fa-trash:before{content:"\f1f8"}.fa-moon:before{content:"\f186";}.fa-sun:before{content:"\f185";}.fa-user:before{content:"\f007"}.fa-x:before{content:"\58"}:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-facebook:before{content:"\f09a"}.fa-telegram:before{content:"\f2c6"}.fa-twitter:before{content:"\f099"}.fa-whatsapp:before{content:"\f232"}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.ttf) format("truetype");unicode-range:U+f003,U+f006,U+f014,U+f016-f017,U+f01a-f01b,U+f01d,U+f022,U+f03e,U+f044,U+f046,U+f05c-f05d,U+f06e,U+f070,U+f087-f088,U+f08a,U+f094,U+f096-f097,U+f09d,U+f0a0,U+f0a2,U+f0a4-f0a7,U+f0c5,U+f0c7,U+f0e5-f0e6,U+f0eb,U+f0f6-f0f8,U+f10c,U+f114-f115,U+f118-f11a,U+f11c-f11d,U+f133,U+f147,U+f14e,U+f150-f152,U+f185-f186,U+f18e,U+f190-f192,U+f196,U+f1c1-f1c9,U+f1d9,U+f1db,U+f1e3,U+f1ea,U+f1f7,U+f1f9,U+f20a,U+f247-f248,U+f24a,U+f24d,U+f255-f25b,U+f25d,U+f271-f274,U+f278,U+f27b,U+f28c,U+f28e,U+f29c,U+f2b5,U+f2b7,U+f2ba,U+f2bc,U+f2be,U+f2c0-f2c1,U+f2c3,U+f2d0,U+f2d2,U+f2d4,U+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../fonts/fa-v4compatibility.woff2) format("woff2"),url(../fonts/fa-v4compatibility.ttf) format("truetype");unicode-range:U+f041,U+f047,U+f065-f066,U+f07d-f07e,U+f080,U+f08b,U+f08e,U+f090,U+f09a,U+f0ac,U+f0ae,U+f0b2,U+f0d0,U+f0d6,U+f0e4,U+f0ec,U+f10a-f10b,U+f123,U+f13e,U+f148-f149,U+f14c,U+f156,U+f15e,U+f160-f161,U+f163,U+f175-f178,U+f195,U+f1f8,U+f219,U+f250,U+f252,U+f27a}@font-face{font-family:'surah';src:url(../fonts/sura_names.woff2) format('woff2');}@font-face{font-family:'bismillah';src:url(../fonts/bismillah.ttf) format('truetype');}@font-face{font-family:'number';src:url(../fonts/KFGQPC.ttf) format('truetype');}@font-face{font-family:'standard';src:url(../fonts/me_quran.ttf) format('truetype');}@font-face{font-family:'tajweed';src:url(../fonts/Lateef.ttf) format('truetype');}@font-face{font-family:'wbw';src:url(../fonts/Lateef.ttf) format('truetype');}@font-face{font-family:'Sofia';src:url(../fonts/Sofia.ttf) format('truetype');}html{scroll-behavior:smooth;}body{margin:0;position:relative;}footer,nav,section{display:block}h1{text-align:justify;direction:rtl;text-align-last:right;}h2{text-align:justify;direction:rtl;text-align-last:right;}main{display:block}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code{font-family:monospace, monospace;font-size:1em}small{font-size:120%}sub{line-height:0;position:relative;vertical-align:baseline;color:#304057;}.lights-off sub{line-height:0;position:relative;vertical-align:baseline;color:#b8c1d3;}sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.01em;font-size:250%;font-family:"number";}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring{outline:1px dotted ButtonText}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"][type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#b8c1d3;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}ul,ol{margin-top:0;}ol{padding-left:20px;}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0}dt{font-weight:600}img{height:auto;max-width:100%;vertical-align:middle}img,svg{display:block}table{border-collapse:collapse;margin-bottom:24px;width:100%}tr{text-align:center}td{padding:10px 16px}td:first-child{padding-left:0}td:last-child{padding-right:0}html{font-size:20px;line-height:30px}body{color:#304057;font-size:1rem}body,button,input,select,textarea{font-family:"Sofia", sans-serif}a{color:#242a36;text-decoration:none}a:hover,a:active{outline:0;text-decoration:none}h1,h2,h3,h4,h6,.h1,.h2,.h3,.h4,.h6{clear:both;color:#304057;font-weight:500;}h1,.h1{font-weight:100;font-family:"standard";}h1,.h1{font-size:36px;line-height:2.222!important;margin-top:0px;margin-bottom:0px;letter-spacing:0px;}h2,.h2{font-size:50px;line-height:54px;margin-top:0px;margin-bottom:0px;letter-spacing:-0.1px;}.tajweed{line-height:1.6!important;margin-bottom:0px;letter-spacing:0px;font-family:"tajweed";}.h2-with-tajweed{display:none;}.wbw{line-height:1.6!important;margin-bottom:0px;letter-spacing:0px;font-family:"wbw";}.h2-with-wbw{display:none;}h3,.h3{font-size:24px;line-height:34px;margin-top:36px;margin-bottom:12px;letter-spacing:-0.1px;}h4,h6,.h4,.h6{font-size:18px;line-height:30px;margin-top:24px;margin-bottom:4px;letter-spacing:-0.1px;}p{margin-top:0;margin-bottom:24px;color:#304057}.lights-off p{margin-top:0;margin-bottom:24px;color:#b8c1d3}small{font-size:18px;line-height:27px;letter-spacing:-0.1px}b,strong{font-weight:600}button,input,select,textarea,label{font-size:20px;line-height:30px}.container{width:100%;margin:0 auto;padding-left:16px;padding-right:16px;text-align:justify;}@media (min-width:481px){.container{padding-left:24px;padding-right:24px}}.container{max-width:1128px;}.text-center{text-align:center}.text-right{text-align:right}.has-home-divider{position:relative}.has-home-divider::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:3px;background:#807f7f}.has-top-divider{position:relative}.has-top-divider::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:3px;background:#807f7f}.input,.textarea{background-color:#191c21;border-width:1px;border-style:solid;border-color:#dfe4eb;border-radius:2px;color:#6B7A90;max-width:100%;width:100%}.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder{color:#6B7A90}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#6B7A90}.input::-ms-input-placeholder,.textarea::-ms-input-placeholder{color:#6B7A90}.input::placeholder,.textarea::placeholder{color:#6B7A90}.input::-ms-input-placeholder,.textarea::-ms-input-placeholder{color:#6B7A90}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#6B7A90}.input:hover,.textarea:hover{border-color:#d9e0ea}.input:active,.input:focus,.textarea:active,.textarea:focus{outline:none;border-color:#dfe4eb}.input[disabled],.textarea[disabled]{cursor:not-allowed;background-color:#F8F9FB;border-color:#F8F9FB}.input{font-size:16px;letter-spacing:-0.1px;line-height:20px;padding:13px 16px;height:48px;box-shadow:none}input::placeholder{color:#304057;opacity:.5;}.lights-off input::placeholder{color:#b8c1d3;opacity:.5;}.textarea{display:block;min-width:100%;resize:vertical}.switch[type="checkbox"]{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;opacity:0}.switch[type="checkbox"]+label{display:inline-flex;position:relative;line-height:36px;padding-left:78px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.switch[type="checkbox"]+label::before,.switch[type="checkbox"]+label::after{content:'';position:absolute;display:block}.switch[type="checkbox"]+label::before{top:0;left:0;width:64px;height:36px;border-radius:18px;background:#dfe4eb}.switch[type="checkbox"]+label::after{top:6px;left:6px;width:24px;height:24px;border-radius:12px;background:#b8c1d3;transition:all .15s ease-out}.switch[type="checkbox"]:checked+label::before{background:#535FD7}.switch[type="checkbox"]:checked+label::after{left:34px}.button{display:inline-flex;font-size:14px;letter-spacing:0px;font-weight:600;line-height:16px;text-decoration:none!important;text-transform:uppercase;background-color:#dfe4eb;color:#304057!important;border:none;border-radius:2px;cursor:pointer;justify-content:center;padding:16px 32px;height:48px;text-align:center;white-space:nowrap}.lights-off .button{background-color:#242a36;color:#b8c1d3!important;}.button:active{transform:translateY(2px);box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}.button:focus{outline:none;}.button::before{border-radius:2px}.lights-off .button-primary{color:#b8c1d3!important;background-color:#535FD7}.lights-off .button-primary:hover{background:#535FD7}.button-primary{color:#b8c1d3!important;background-color:#fc9803}.button-primary:hover{background:#fc9803}.hero{text-align:right;}.hero-copy{position:relative}.lights-toggle{color:rgba(107,122,144,0.64)}.hero-media-container{position:relative}.hero-media-image{max-width:400px;margin:0 auto;box-shadow:48px 16px 48px rgba(24,37,56,0.12);border-radius:4px;-webkit-transform:perspective(1000px) rotateY(16deg) rotateX(2deg) rotateZ(-7deg) scaleY(0.95) translatex(2%);transform:perspective(1000px) rotateY(16deg) rotateX(2deg) rotateZ(-7deg) scaleY(0.95) translatex(2%)}.lights-off .hero-media-image{box-shadow:48px 16px 48px rgba(0,0,0,0.2)}@media (max-width:899px){.hero{text-align:center;padding-top:44px;} .hero-media {display:none} .hero-copy {padding-bottom: 1px;}}@media (min-width:899px){.hero{text-align:left;padding-top:44px;padding-bottom:44px}.hero-inner{display:flex;justify-content:space-between}.hero-copy{padding-top:10%;padding-right:10%;min-width:400px;max-width:400px;}.hero-media{z-index:0}.hero-media img,.hero-media svg{max-width:400px;}}.feature{text-align:center;margin-bottom:48px}.feature:last-of-type{margin-bottom:0}@media (min-width:641px){.features{position:relative}.features .section-inner{padding-bottom:100px}.features::before{content:'';width:100%;height:300px;position:absolute;left:0;top:168px;background:linear-gradient(to bottom, rgba(83,95,215,0), rgba(83,95,215,0.04))}.lights-off .features::before{display:none}.feature{text-align:left}}.is-boxed{background:#eaf2f7;}.body-wrap{background:#f7fbfd;overflow:hidden;display:flex;flex-direction:column;min-height:100vh}.boxed-container{max-width:1440px;margin:0 auto;box-shadow:0 16px 48px rgba(0,0,0,0.2)}.lights-off .boxed-container{box-shadow:0 16px 48px rgba(0,0,0,0.4)}main{flex:1 0 auto}.section-inner{position:relative;padding-top:48px;padding-bottom:48px}@media (min-width:641px){.section-inner{padding-top:88px;padding-bottom:88px}}.switch[type="checkbox"]+label::before{background:#41a5ea;background:linear-gradient(to right, #4685fa 0, #535FD7 100%)}.switch[type="checkbox"]+label::after{background:#fff}.switch[type="checkbox"]:checked+label::before{background:#ff9d34;background:linear-gradient(to right, #FFBC48 0, #FE7E1F 100%)}.asset-light,.asset-dark{visibility:hidden;opacity:0}.is-loaded .asset-light,.is-loaded .asset-dark{visibility:visible;opacity:1}.asset-dark{display:none}.lights-off{color:#b8c1d3}.lights-off .asset-light{display:none}.lights-off .asset-dark{display:block}.lights-off a{color:#eaf2f7}.lights-off h1,.lights-off h2,.lights-off h3,.lights-off h4,.lights-off h6,.lights-off .h1,.lights-off .h2,.lights-off .h3,.lights-off .h4,.lights-off .h6{color:#eaf2f7!important}.lights-off.is-boxed{background:#242830}.lights-off .body-wrap{background:#191c21}.lights-off .boxed-container{box-shadow:0 16px 48px rgba(0,0,0,0.2)}.lights-off .has-top-divider{position:relative}.lights-off .has-top-divider::before{background:#304057}.has-top-divider::before{content:'';position:absolute;top:0;left:0;width:100%;display:block;height:1px;background:#b8c1d3}body,a,h1,h2,h3,h4,h6,.h1,.h2,.h3,.h4,.h6{transition:color .25s ease}.is-boxed,.body-wrap,.has-top-divider{transition:background .25s ease}.boxed-container{transition:box-shadow .15s ease}@-webkit-keyframes fadeInLogo{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes fadeInLogo{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes fadeInLeftMedia{0%{opacity:0;-webkit-transform:scale(0.8) translate3d(40px, 10px, 0);transform:scale(0.8) translate3d(40px, 10px, 0)}30%{opacity:1}}@keyframes fadeInLeftMedia{0%{opacity:0;-webkit-transform:scale(0.8) translate3d(40px, 10px, 0);transform:scale(0.8) translate3d(40px, 10px, 0)}30%{opacity:1}}@-webkit-keyframes fadeInLeftIllustration{0%{opacity:0;-webkit-transform:scale(0.95) translate3d(40px, 10px, 0);transform:scale(0.95) translate3d(40px, 10px, 0)}}@keyframes fadeInLeftIllustration{0%{opacity:0;-webkit-transform:scale(0.95) translate3d(40px, 10px, 0);transform:scale(0.95) translate3d(40px, 10px, 0)}}@-webkit-keyframes fadeUpBox{0%{opacity:0;-webkit-transform:scale(0.95) translate3d(-40px, 20px, 0);transform:scale(0.95) translate3d(-40px, 20px, 0)}30%{opacity:1}}@keyframes fadeUpBox{0%{opacity:0;-webkit-transform:scale(0.95) translate3d(-40px, 20px, 0);transform:scale(0.95) translate3d(-40px, 20px, 0)}30%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}.is-loaded .hero-media-image{-webkit-animation:fadeInLeftMedia 1s 0.2s both cubic-bezier(0.3, 0, 0.2, 1);animation:fadeInLeftMedia 1s 0.2s both cubic-bezier(0.3, 0, 0.2, 1);will-change:transform}ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}li{float:left;}li a{display:inline-block;color:#eaf2f7;text-align:center;padding:14px 16px;text-decoration:none;}.frame{background-color:#fff;line-height:50px;border:10px solid black;padding:1rem 1rem;max-height:5em;resize:both;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.2)!important;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Bkeyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;}.lights-off .frame{background-color:#121418;box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.4),0 6px 20px 0 rgba(0, 0, 0, 0.4)!important;}::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{border-radius:4px;}::-webkit-scrollbar-thumb{background:#999;}::-webkit-scrollbar-thumb:hover{background:#acacac;}.lights-off ::-webkit-scrollbar-thumb:hover{background:#666;}.modal.show{display:block;}body.modal-open{overflow:hidden;}.close{color:#7c7c7c;font-size:22px;}.close:hover,.close:focus{color:red;cursor:pointer;}.close1{font-size:24px;position:sticky;z-index:1;padding-top:0;left:0;top:0;}.modal{display:none;position:fixed;z-index:999;padding-top:0;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(255, 255, 255, 0.3);backdrop-filter:blur(2px);}.modal-content{background-color:#eaf2f7;color:#304057;text-align:center;margin:auto;width:100%;max-width:1128px;}.lights-off .modal{display:none;position:fixed;z-index:999;padding-top:0;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.3);backdrop-filter:blur(2px);}.lights-off .modal-content{background-color:#242830;color:#b8c1d3;text-align:center;margin:auto;width:100%;max-width:1128px;}.modal1{display:none;position:sticky;left:0;top:0;width:100%;height:100%;overflow:auto;margin-top:10px;}.modal-content1{background-color:#eaf2f7;color:#304057;text-align:justify;margin:auto;padding:10px;width:100%;font-size:16px;}.lights-off .modal1{display:none;position:sticky;left:0;top:0;width:100%;height:100%;overflow:auto;margin-top:10px;}.lights-off .modal-content1{background-color:#242830;color:#b8c1d3;text-align:justify;margin:auto;padding:10px;width:100%;font-size:16px;}.modal,.lights-off .modal{overflow-y:auto;overflow-x:hidden;}.modal1,.lights-off .modal1{overflow-y:auto;overflow-x:hidden;}.top{font-size:1.5em;position:fixed;right:25px;bottom:25px;padding:5px;}.sticky-footer{position:sticky;bottom:0;text-align:center;font-size:18px;padding:5px;}.cursor-pointer{cursor:pointer;}:root{    --color-silent:#999999;    --color-silent-1:#808080;    --color-madd-6:#ccc900;    --color-madd-6-1:#999600;    --color-madd-6-2:#807d00;    --color-madd-6-3:#666400;    --color-madd-6-4:#4d4b00;    --color-madd-4-5:#63a30f;    --color-madd-4-5-1:#47750b;    --color-madd-4-5-2:#335508;    --color-madd-2-4-6:#7fd214;    --color-idgham-mimi:#ff66d1;    --color-idgham-bighunnah:#cc008f;    --color-idgham-bilaghunnah:#ff4d4d;    --color-idgham-mutamatsilain:#ff0000;    --color-idgham-mutajanisain:#b30000;    --color-idgham-mutaqaribain:#800000;    --color-ikhfa:#5fb9b5;    --color-ikhfa-syafawi:#367c79;    --color-ghunnah:#a83eff;    --color-iqlab:#5172e1;    --color-qalqalah:#ff9900;    --color-waqaf-1:#8B4513;    --color-waqaf-2:#A0522D;    --color-waqaf-3:#D2691E;    --color-waqaf-4:#CD853F;    --color-waqaf-5:#F4A460;    --color-waqaf-6:#DEB887;}.hamzah-wasl{color:var(--color-silent);}.silent,.laam-shamsiyah{color:var(--color-silent-1);}.madd-lazim-mutsaqal-harfi,.madd-lazim-harfi-musyabba{color:var(--color-madd-6);}.madd-lazim-mukhofaf-harfi{color:var(--color-madd-6-1);}.madd-lazim-mutsaqqal-kilmi{color:var(--color-madd-6-2);}.madd-lazim-mukhaffaf-kilmi{color:var(--color-madd-6-3);}.madd-farqi{color:var(--color-madd-6-4);}.madd-arid-lissukun{color:var(--color-madd-2-4-6);}.madd-wajib,.mad-wajib-muttashil{color:var(--color-madd-4-5);}.madd-jaiz,.mad-jaiz-munfashil{color:var(--color-madd-4-5-1);}.madd-shilah-thawilah{color:var(--color-madd-4-5-2);}.idgham-mimi{color:var(--color-idgham-mimi);}.idgham-bighunnah{color:var(--color-idgham-bighunnah);}.idgham-bilaghunnah{color:var(--color-idgham-bilaghunnah);}.idgham-mutamatsilain{color:var(--color-idgham-mutamatsilain);}.idgham-mutajanisain{color:var(--color-idgham-mutajanisain);}.idgham-mutaqaribain{color:var(--color-idgham-mutaqaribain);}.ikhfa{color:var(--color-ikhfa);}.ikhfa-syafawi{color:var(--color-ikhfa-syafawi);}.ghunnah{color:var(--color-ghunnah);}.iqlab{color:var(--color-iqlab);}.qalqalah{color:var(--color-qalqalah);}.waqaf-lazim{color:var(--color-waqaf-1);}.al-waqfu-aula{color:var(--color-waqaf-2);}.waqaf-muanaqah{color:var(--color-waqaf-3);}.waqaf-jaiz{color:var(--color-waqaf-4);}.al-washlu-aula{color:var(--color-waqaf-5);}.laa-waqfa-fih{color:var(--color-waqaf-6);}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#304057;}.lights-off .unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#b8c1d3;}.lights-off .active{cursor:default;color:#eaf2f7!important;background-color:#535FD7!important}.active{cursor:default;color:#eaf2f7!important;background-color:#fc9803!important}.hover{--c:linear-gradient(#858585 0 0);padding-bottom:.15em;background:var(--c), var(--c);background-size:.8em .15em;background-position:50% 100%;background-repeat:no-repeat;transition:.3s linear, background-size .3s .2s linear;}.hover:hover{--c:linear-gradient(#3b3b3b 0 0);background-size:40% .15em;background-position:10% 100%, 90% 100%;}.lights-off .hover:hover{--c:linear-gradient(#ebebeb 0 0);background-size:40% .15em;background-position:10% 100%, 90% 100%;}.swal2-popup{background-color:#eaf2f7;color:#304057;text-align:center;margin:auto;width:100%;max-width:1128px;}.swal2-title{color:#333!important;margin:10px;font-size:26px;text-align:center!important;}.swal2-confirm{background-color:#fc9803!important;color:#eaf2f7!important;}.swal2-close{color:#eaf2f7!important;}.lights-off .swal2-popup{background-color:#242830;color:#b8c1d3;text-align:center;margin:auto;width:100%;max-width:1128px;}.lights-off .swal2-title{color:#eaf2f7!important;margin:10px;font-size:26px;text-align:center!important;}.lights-off .swal2-confirm{background-color:#535FD7!important;color:#eaf2f7!important;}.social-modal .swal2-popup{padding:20px;}.social-modal .swal2-title{margin-bottom:20px;}.social-modal .swal2-close{font-size:1.5rem;}.verse-container{display:flex;flex-wrap:wrap;}.circle-container{display:flex;flex-direction:column;align-items:center;margin-bottom:0;}.circle-container-inner-main{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:bold;overflow:hidden;white-space:nowrap;box-sizing:border-box;margin:0;}.circle-container-inner{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:bold;overflow:hidden;white-space:nowrap;box-sizing:border-box;margin:5px 0;}.content-container{flex:1 1 calc(100% - 50px);padding-left:15px;}@media (max-width:700px){.verse-container{flex-direction:column;}.circle-container{flex-direction:row;justify-content:center;}.content-container{padding-left:0;padding-top:15px;}.circle-container-inner-main{margin:5px;}.circle-container-inner{margin:0 5px;}}.circle-container-inner{display:flex;flex-direction:column;align-items:center;margin-bottom:0;}.circle-inner-main{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease, opacity 0.3s ease;position:absolute;font-size:14px;}.circle-inner{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease, opacity 0.3s ease;position:absolute;font-size:14px;}.hidden-circle{transform:scale(0);opacity:0;visibility:hidden;}.circle-container.open .hidden-circle{transform:scale(1);opacity:1;visibility:visible;}.circle-container.open .hidden-circle:nth-child(2){transform:translate(35px, -35px);}.circle-container.open .hidden-circle:nth-child(3){transform:translate(35px, 0);}.circle-container.open .hidden-circle:nth-child(4){transform:translate(35px, 35px);}.wbw-word{position:relative;cursor:pointer;transition:color 0.2s ease, background-color 0.2s ease;}.wbw-word:hover{color:rgb(252, 152, 3);}.lights-off .wbw-word:hover, [data-theme="light"] .wbw-word:hover{color:rgb(83, 95, 215);}.tooltip{position:absolute;background-color:#333;color:#fff;padding:6px 12px;border-radius:4px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);white-space:nowrap!important;max-width:none!important;font-size:16px;font-weight:600;line-height:1.3;text-align:center;opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease;z-index:999;}.lights-off .tooltip,[data-theme="light"] .tooltip{background-color:#fff;color:#333;box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);}.circle-inner-main:hover .tooltip,.circle-inner:hover .tooltip,.wbw-word:hover .tooltip.wbw-tooltip{opacity:1;visibility:visible;}.tooltip.wbw-tooltip{bottom:100%;left:50%;top:auto;transform:translate(-50%, -8px);direction:ltr;font-size:22px;}[data-wbw-lang="hi"] .tooltip.wbw-tooltip,[data-wbw-lang="bn"] .tooltip.wbw-tooltip{font-size:18px;}@media (min-width:701px){.tooltip{bottom:50%;left:100%;transform:translate(10px, 50%);}}@media (max-width:700px){.tooltip{bottom:100%;left:50%;transform:translateX(-50%);}}.tooltip::after{content:'';position:absolute;width:0;height:0;border-style:solid;}@media (min-width:701px){.tooltip::after{border-width:5px 5px 5px 0;border-color:transparent #333 transparent transparent;top:50%;left:-5px;transform:translateY(-50%);}.lights-off .tooltip::after, [data-theme="light"] .tooltip::after{border-color:transparent #fff transparent transparent;}}@media (max-width:700px){.tooltip::after{border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent;top:100%;left:50%;transform:translateX(-50%);}.lights-off .tooltip::after, [data-theme="light"] .tooltip::after{border-color:#fff transparent transparent transparent;}}.tooltip.wbw-tooltip::after{border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent;top:100%;left:50%;transform:translateX(-50%);}.lights-off .tooltip.wbw-tooltip::after,[data-theme="light"] .tooltip.wbw-tooltip::after{border-color:#fff transparent transparent transparent;}.wbw-word-title{position:relative;display:inline-block;cursor:default;padding:0 4px;margin:0 2px;transition:background-color 0.2s ease;}.wbw-word-title::before{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translate(-50%, -8px);direction:ltr;white-space:nowrap!important;max-width:none!important;font-weight:600;font-size:16px;text-align:center;z-index:999;background-color:#333;color:#fff;padding:6px 12px;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease;pointer-events:none;}.wbw-word-title::after{content:'';position:absolute;bottom:100%;left:50%;transform:translate(-50%, -3px);border-width:5px 5px 0 5px;border-style:solid;border-color:#333 transparent transparent transparent;z-index:999;opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease;pointer-events:none;}.lights-off .wbw-word-title::before,[data-theme="light"] .wbw-word-title::before{background-color:#fff;color:#333;}.lights-off .wbw-word-title::after,[data-theme="light"] .wbw-word-title::after{border-color:#fff transparent transparent transparent;}.wbw-word-title:hover::before,.wbw-word-title:hover::after{opacity:1;visibility:visible;}span.cursor-pointer{position:relative;cursor:pointer;}.tooltip.tajweed-tooltip{bottom:100%;left:50%;top:auto;transform:translate(-50%, -8px);direction:ltr;line-height:1.3;white-space:nowrap!important;max-width:none!important;font-weight:600;font-size:20px;text-align:center;z-index:999;}.tooltip.tajweed-tooltip::after{border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent;top:100%;left:50%;transform:translateX(-50%);}.lights-off .tooltip.tajweed-tooltip::after, [data-theme="light"] .tooltip.tajweed-tooltip::after{border-color:#fff transparent transparent transparent;}span.cursor-pointer:hover .tooltip.tajweed-tooltip{opacity:1;visibility:visible;}.crypto-icon{width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#ddd;}.crypto-icon img{width:100%;height:auto;}.crypto-container{display:flex;align-items:center;}.crypto-container span{margin-left:8px;}.hidden{display:none;}.menu-container{display:none;flex-direction:column;align-items:stretch;gap:8px;width:200px;position:fixed;bottom:95px;right:25px;z-index:999;padding:12px;background-color:#ffffff;color:#2c2c2c;border:1px solid #222222!important;box-shadow:0 8px 20px rgba(0, 0, 0, 0.12);transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;}.lights-off .menu-container{background-color:#000000;color:#f1f1f1;border:1px solid #333333!important;box-shadow:0 8px 24px rgba(0, 0, 0, 0.6);}.menu-item{margin:0;width:100%;text-align:center;box-sizing:border-box;}.menu-card{border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px;background-color:#f7fbfd;transition:background-color 0.3s ease, border-color 0.3s ease;}.lights-off .menu-card{background-color:#121418;border-color:#2c2c2c;}.menu-item-title{font-size:14px;font-weight:700;margin-bottom:8px;cursor:default;text-transform:uppercase;letter-spacing:0.5px;}.theme-toggle-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-height:10px;padding:6px 0 50px 0;box-sizing:border-box;}.theme-toggle-wrapper .lights-toggle{display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;margin:0 auto!important;float:none!important;width:auto!important;height:auto!important;}.theme-toggle-wrapper .lights-toggle input,.theme-toggle-wrapper .lights-toggle label{position:relative!important;margin:0!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;}.font-size-container{display:flex;align-items:center;justify-content:space-around;gap:8px;}.font-btn{background:none;border:none;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:transform 0.15s ease, opacity 0.2s ease;}.font-btn:hover{opacity:0.8;transform:scale(1.15);}.font-btn:active{transform:scale(0.95);}.font-btn.btn-minus{font-size:20px;}.font-btn.btn-reset{font-size:24px;}.font-btn.btn-plus {font-size:28px;}.arabic-mode-options{display:flex;flex-direction:column;gap:8px;width:100%;}.mode-radio-card{display:block;cursor:pointer;width:100%;margin:0;}.mode-radio-card input[type="radio"]{display:none;}.mode-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border:2px solid #ccab7a;border-radius:10px;background:transparent;font-size:14px;text-align:center;font-weight:500;transition:all 0.2s ease;}.mode-radio-card:hover .mode-content{border-color:#fc9803;background:rgba(252, 152, 3, 0.05);}.mode-radio-card:has(input[type="radio"]:checked) .mode-content,.mode-radio-card input[type="radio"]:checked + .mode-content{border-color:#fc9803;background:rgba(252, 152, 3, 0.1);color:#fc9803;font-weight:600;}.mode-radio-card:has(input[type="radio"]:checked) .mode-content i,.mode-radio-card input[type="radio"]:checked + .mode-content i{color:#fc9803;}.lights-off .mode-content{border-color:#304057;color:#b8c1d3;}.lights-off .mode-radio-card:hover .mode-content{border-color:#535FD7;background:rgba(83, 95, 215, 0.05);}.lights-off .mode-radio-card:has(input[type="radio"]:checked) .mode-content,.lights-off .mode-radio-card input[type="radio"]:checked + .mode-content{border-color:#535FD7;background:rgba(83, 95, 215, 0.1);color:#535FD7;font-weight:600;}.lights-off .mode-radio-card:has(input[type="radio"]:checked) .mode-content i,.lights-off .mode-radio-card input[type="radio"]:checked + .mode-content i{color:#535FD7;}.lights-off .menu-select{background-color:#262626;color:#f1f1f1;border-color:#3e3e3e!important;}.lights-off .menu-select:hover{border-color:#2c2c2c!important;}.lights-off .menu-select:focus{outline:none;border-color:#f1c40f!important;box-shadow:0 0 0 3px rgba(241, 196, 15, 0.2);}.reciter-card{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;cursor:pointer;}.reciter-card:hover{opacity:0.8;transform:scale(1);}.menu-container.show{display:flex;opacity:1;transform:translateY(0);}.font-size-container{display:flex;align-items:center;justify-content:center;gap:10px;}.progress-bar{width:100%;height:3px;background-color:transparent;position:absolute;top:0;}.progress{width:0;height:100%;background-color:#fc9803;transition:width 0.5s ease;}.lights-off .progress{background-color:#535FD7;}.fetch{display:inline-block;width:100%;height:1em;background-color:#eaf2f7;animation:pulse 1.5s infinite;}.lights-off .fetch{background-color:#242830;}@keyframes pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}.lights-off .repeat-form,.repeat-form{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);padding:20px;width:100%;}.repeat-form label{float:left;width:40%;margin-bottom:8px;font-weight:bold;}.repeat-form input{float:right;width:55%;padding:8px;margin-bottom:16px;border-radius:8px;border:1px solid #ccc;color:#333;background-color:#f7fbfd;}.lights-off .repeat-form input{color:#ccc;background-color:#191c21;}.repeat-form .w3-margin-top:after{content:"";display:table;clear:both;}.site-footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: center; padding-top: 48px; padding-bottom: 48px; }.footer-brand, .footer-links, .footer-social-links, .footer-copyright, .footer-divider, .footer-legal, .footer-build { flex: none; width: 100%; display: inline-flex; justify-content: center; align-items: center; }.footer-brand, .footer-links, .footer-social-links { margin-bottom: 24px; }.footer-social-links li { display: inline-flex; }.footer-social-links li+li { margin-left: 16px; }.footer-social-links li a { padding: 8px; }.footer-links { gap: 50px; }.footer-links a, .footer-legal a { padding: 0 !important; margin: 0 !important; display: inline-block; }.footer-divider { margin: 5px 0 5px 0; }.footer-legal { margin: 0; padding: 0; font-size: 13px; gap: 32px; }.footer-build { margin: 0; padding: 0; font-size: 13px; }@media(min-width:760px){.site-footer{margin-top:20px;}.site-footer-inner{justify-content:space-between;padding-top:64px;padding-bottom:64px;}.footer-brand,.footer-links,.footer-social-links,.footer-copyright,.footer-legal,.footer-build{flex:0 0 50%;width:50%;max-width:50%;}.footer-divider{flex:0 0 100%;width:100%;max-width:100%;}.footer-brand,.footer-copyright,.footer-legal{justify-content:flex-start;}.footer-links,.footer-social-links,.footer-build{justify-content:flex-end;}.footer-links{order:1;margin-bottom:0;}.footer-divider{height:1px;background-color:#666;order:2;margin:5px 0 5px 0;}.footer-legal{order:3;}.footer-build{order:3;margin:0;}}.menu-tab{cursor:pointer;margin-right:10px;}.active-tab{border-bottom:3px solid;}.inactive-tab{text-decoration:none;}.bookmark-item a{margin-right:5px;}.bookmark-item a:hover{border-bottom:1px solid;}.recently-read-item a{margin-right:10px;}.recently-read-item a:hover{border-bottom:1px solid;}.delete-btn{cursor:pointer;margin-left:5px;margin-right:5px;}.delete-btn:hover{color:red;}.w3-show{display:block;}.w3-table{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-centered tr td{text-align:center}.w3-table td{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}.w3-table td:first-child{padding-left:16px}.w3-btn{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;text-align:center;cursor:pointer;white-space:nowrap}.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.w3-btn,.w3-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w3-btn-floating-home{width:24px;height:24px;line-height:18px}.lights-off .w3-btn-floating-home{border:2px solid #d4d4d4;background-color:transparent;}.w3-btn-floating-home{text-align:center;border:2px solid #555555;font-size:18px;padding:5px;}.w3-btn:disabled{cursor:not-allowed;opacity:0.3}.w3-btn:disabled *{pointer-events:none}.w3-btn:disabled:hover{box-shadow:none}.w3-texts{display:none}.w3-sidenav{height:100%;width:280px;max-width:85vw;background-color:#ffffff;position:fixed!important;z-index:4;overflow-y:auto;left:0;top:0;transition:background-color 0.3s ease;}body.lights-off .w3-sidenav,.lights-off .w3-sidenav{background-color:#000000;}.w3-sidenav .nav-item{display:block;text-align:left;padding:12px 20px;margin:0;text-decoration:none!important;color:#000000;background-color:transparent;border-bottom:1px solid #f0f0f0!important;transition:all 0.2s ease;font-size:15px;cursor:pointer;}.w3-sidenav .nav-item:last-child{border-bottom:none!important;}.w3-sidenav .nav-item:hover{background-color:#333333!important;color:#ffffff!important;}.w3-sidenav .nav-item:hover span{color:#ffffff!important;}.w3-sidenav .nav-item.active,.w3-sidenav .nav-item.active:hover{background-color:#fc9803!important;color:#ffffff!important;font-weight:600;cursor:pointer!important;}.w3-sidenav .nav-item.active span,.w3-sidenav .nav-item.active:hover span{color:#ffffff!important;}body.lights-off .w3-sidenav .nav-item,.lights-off .w3-sidenav .nav-item{color:#ffffff;border-bottom:1px solid #333333!important;}body.lights-off .w3-sidenav .nav-item:hover,.lights-off .w3-sidenav .nav-item:hover{background-color:#cccccc!important;color:#000000!important;}body.lights-off .w3-sidenav .nav-item:hover span,.lights-off .w3-sidenav .nav-item:hover span{color:#000000!important;}body.lights-off .w3-sidenav .nav-item.active,body.lights-off .w3-sidenav .nav-item.active:hover,.lights-off .w3-sidenav .nav-item.active,.lights-off .w3-sidenav .nav-item.active:hover{background-color:#535FD7!important;color:#ffffff!important;font-weight:600;}body.lights-off .w3-sidenav .nav-item.active span,body.lights-off .w3-sidenav .nav-item.active:hover span,.lights-off .w3-sidenav .nav-item.active span,.lights-off .w3-sidenav .nav-item.active:hover span{color:#ffffff!important;}.w3-navbar,.w3-navbar-head{list-style-type:none;margin:0;padding:0;overflow:hidden;}.w3-navbar-head{padding-top:5px;padding-bottom:5px;}.w3-navbar li,.w3-navbar-head li{float:left;}.w3-navbar li a,.w3-navbar-head li a{display:block;padding:8px 16px;text-decoration:none!important;white-space:nowrap;word-break:keep-all;}.w3-navbar li a:hover,.w3-navbar-head li a:hover{color:#000;background-color:#ccc;}.w3-opennav{color:inherit;transition:opacity 0.3s ease;}.w3-opennav:hover{cursor:pointer;opacity:0.8;}#main{transition:margin-left .4s;}input[type=checkbox].w3-check{width:24px;height:24px;position:relative;top:6px;}.w3-content{margin:auto;}.w3-show{display:block!important;}#top{margin-top:60px;transition:margin-top 0.3s;}.w3-top{position:fixed;width:100%;z-index:99;max-width:1440px;top:0;}@media (max-width:500px){#top{margin-top:107px;}.w3-navbar-head{display:flex;flex-wrap:wrap;}.w3-navbar-head li{width:50%!important;display:flex;}.w3-navbar-head li:nth-child(1){justify-content:flex-start;}.w3-navbar-head li:nth-child(2){justify-content:flex-end;}.w3-navbar-head li:nth-child(3){justify-content:flex-start;}.w3-navbar-head li:nth-child(4){justify-content:flex-end;}.w3-navbar-head #nav-container,.w3-navbar-head #menuIcon,.w3-navbar-head #toggle-container{float:none!important;text-align:right;}}@media (min-width:501px){.w3-navbar-head #toggle-container,.w3-navbar-head #menuIcon{float:right;}.w3-navbar-head #nav-container{float:left;}}@media screen and (max-width:700px){.w3-navbar li:not(.w3-opennav){float:none;width:100%!important}}@media screen and (max-width:700px){.w3-navbar{text-align:center}}.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.3);z-index:1;backdrop-filter:blur(2px);}.lights-off .w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.3);z-index:1;backdrop-filter:blur(2px);}.w3-large{font-size:18px!important}.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-center{text-align:center!important}.w3-round-small{border-radius:2px!important}.w3-round-large{border-radius:8px!important}.w3-round-xlarge{border-radius:16px!important}.w3-round-xxlarge{border-radius:32px!important}.w3-border{border:1px solid #807f7f!important}@-webkit-keyframes w3-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes w3-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.w3-container-home{max-width:1200px;margin:0 auto;}.w3-row-home{display: flex;flex-wrap: wrap;gap: 15px;box-sizing: border-box;padding-top: 30px;}.w3-third-home{flex:1 1 calc(33.333% - 15px);display:flex;align-items:center;box-sizing:border-box;text-decoration:none !important;color:inherit;padding:10px;border:1px solid #807f7f;border-radius:6px;box-shadow:0 8px 14px 0 rgba(0,0,0,0.2), 0 8px 22px 0 rgba(0,0,0,0.15);--c: linear-gradient(#858585 0 0);background: var(--c), var(--c);background-size: .8em .15em;background-position: 50% 100%;background-repeat:no-repeat;transition:all .3s linear, background-size .3s .2s linear;}.lights-off .w3-third-home{box-shadow: 0 8px 14px 0 rgba(0,0,0,0.4), 0 8px 22px 0 rgba(0,0,0,0.3);}.w3-third-home:hover{--c: linear-gradient(#fc9803 0 0);background-size:100% .15em;background-position:0 100%, 100% 100%;border-color:#fc9803;}.lights-off .w3-third-home:hover{--c: linear-gradient(#535FD7 0 0);border-color:#535FD7;}@media only screen and (max-width:1025px){.w3-third-home {flex: 1 1 calc(50% - 15px);}}@media only screen and (max-width:700px){.w3-third-home{flex: 1 1 100%;}}.w3-btn-floating-home{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;box-sizing:border-box;border:none;font-size:16px;font-weight:bold;border-radius:50%;margin-right:10px;flex-shrink:0;background-color:#dfe4eb;color:#304057;transition:background-color 0.3s, color 0.3s;}.lights-off .w3-btn-floating-home{background-color:#242a36;color:#b8c1d3;border:none;}.w3-third-home:hover .w3-btn-floating-home{background-color:#fc9803;color:#fff;}.lights-off .w3-third-home:hover .w3-btn-floating-home{background-color:#535FD7;color:#fff;}.w3-third-home .teks-surah{flex-grow:1;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:0px;}.w3-third-home .name{font-size:0.8em;font-weight:bold;text-align:left;line-height:1;}.w3-third-home .code{font-family:"surah", sans-serif;font-size:0.8em;font-weight:bold;text-align:center;line-height:1;}.w3-third-home .en{font-size:12px;text-align:left;line-height:1;margin-top:5px;color:#304057;}.w3-third-home .ayah{font-size:12px;text-align:center;line-height:1;margin-top:5px;color:#304057;}.lights-off .w3-third-home .en{color:#b8c1d3;}.lights-off .w3-third-home .ayah{color:#b8c1d3;}.w3-third-home:hover .en,.w3-third-home:hover .ayah{color:#fc9803;}.lights-off .w3-third-home:hover .en,.lights-off .w3-third-home:hover .ayah{color:#535FD7;}.w3-card-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}.w3-card-8{box-shadow:0 8px 14px 0 rgba(0,0,0,0.2),0 8px 22px 0 rgba(0,0,0,0.15)!important}.lights-off .w3-card-8{box-shadow:0 8px 14px 0 rgba(0,0,0,0.4),0 8px 22px 0 rgba(0,0,0,0.3)!important}.w3-card-10{box-shadow:0 8px 14px 0 rgba(0,0,0,0.2),0 8px 22px 0 rgba(0,0,0,0.15)!important}.w3-card-10:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.24),0 8px 22px 0 rgba(0,0,0,0.19)!important}.lights-off .w3-card-10{box-shadow:0 8px 16px 0 rgba(90, 90, 90, 0.2),0 6px 20px 0 rgba(130, 130, 130, 0.19)!important}.lights-off .w3-card-10:hover{box-shadow:0 8px 16px 0 rgba(120, 120, 120, 0.24),0 8px 22px 0 rgba(150, 150, 150, 0.26)!important}.w3-card-24{background-color:#eaf2f7;}.lights-off .w3-card-24{background-color:#242830;}.w3-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s}@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}@keyframes opac{from{opacity:0} to{opacity:1}}@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}.w3-animate-left{position:relative;-webkit-animation:animateleft 0.6s;animation:animateleft 0.6s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}.w3-animate-zoom{-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}.lights-off .w3-blue{color:#fff!important;background-color:#535FD7!important}.w3-blue{color:#fff!important;background-color:#fc9803!important}.w3-black{color:#fff!important;background-color:#000!important}.w3-black-white{color:#000!important;background-color:#fff!important}.w3-black-white a:hover{color:#fff!important;background-color:#333!important}.lights-off .w3-black-white{color:#fff!important;background-color:#000!important}.lights-off .w3-black-white a:hover{color:#000!important;background-color:#ccc!important}div.swal2-container.swal-custom-backdrop{background:rgba(255, 255, 255, 0.3)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;}body.lights-off div.swal2-container.swal-custom-backdrop{background:rgba(0, 0, 0, 0.4)!important;}.swal-title-custom{font-size:1.5rem!important;font-weight:700!important;color:#fc9803!important;display:flex;justify-content:center;align-items:center;padding:10px 0;}.swal-title-danger{color:#e11d48!important;}.swal-subtitle{font-size:0.95rem;color:#304057;display:block;}body.lights-off .swal-title-custom{color:#535FD7!important;}body.lights-off .swal-title-danger{color:#fb7185!important;}body.lights-off .swal-subtitle{color:#b8c1d3;}.reciter-container{max-height:320px;overflow-y:auto;padding:5px;margin-top:15px;text-align:left;}.reciter-container::-webkit-scrollbar{width:6px;}.reciter-container::-webkit-scrollbar-thumb{background:#999;border-radius:10px;}.reciter-option{display:flex;align-items:center;padding:14px 18px;margin-bottom:10px;border:2px solid #ccab7a;border-radius:12px;cursor:pointer;transition:all 0.2s ease;background:transparent;}.reciter-option:hover{border-color:#fc9803;background:rgba(252, 152, 3, 0.05);}.reciter-option:has(input[type="radio"]:checked){border-color:#fc9803;background:rgba(252, 152, 3, 0.1);}.reciter-option input[type="radio"]{display:none;}.reciter-content{display:flex;align-items:center;width:100%;font-size:1.05rem;color:#304057;font-weight:500;}.reciter-icon{font-size:1.4rem;margin-right:15px;color:#8595AE;transition:color 0.2s;}.reciter-option:has(input[type="radio"]:checked).reciter-content{color:#fc9803;font-weight:600;}.reciter-option:has(input[type="radio"]:checked).reciter-icon{color:#fc9803;}body.lights-off .reciter-option{border-color:#304057;}body.lights-off .reciter-option:hover{border-color:#535FD7;background:rgba(83, 95, 215, 0.05);}body.lights-off .reciter-option:has(input[type="radio"]:checked){border-color:#535FD7;background:rgba(83, 95, 215, 0.1);}body.lights-off .reciter-content{color:#b8c1d3;}body.lights-off .reciter-option:has(input[type="radio"]:checked).reciter-content, body.lights-off .reciter-option:has(input[type="radio"]:checked).reciter-icon{color:#535FD7;}.social-btn-custom{transition:transform 0.2s;margin:0 8px;background:transparent;border:none;cursor:pointer;font-size:1.8rem;color:#fc9803;}.social-btn-custom:hover{transform:scale(1.15);color:#ffc35c;}body.lights-off .social-btn-custom{color:#535FD7;}body.lights-off .social-btn-custom:hover{color:#4685fa;}.note-delete-btn{color:#e11d48;background:#ffe4e6;border-radius:8px;padding:8px 16px;border:none;transition:all 0.2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.95rem;font-weight:500;}.note-delete-btn i{margin-right:6px;}.note-delete-btn:hover{background:#fecdd3;}body.lights-off .note-delete-btn{background:rgba(225, 29, 72, 0.15);color:#fb7185;}body.lights-off .note-delete-btn:hover{background:rgba(225, 29, 72, 0.25);}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255, 255, 255, 0.3)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;z-index:9998;visibility:hidden;opacity:0;transition:opacity 0.3s ease, visibility 0.3s ease;}body.lights-off .sidebar-overlay,.lights-off .sidebar-overlay{background:rgba(0, 0, 0, 0.4)!important;}.sidebar-overlay.show-overlay{visibility:visible;opacity:1;}.quran-sidebar{height:100vh;width:280px;max-width:85vw;position:fixed;z-index:9999;top:0;left:-340px;background-color:#ffffff;color:#000000;display:flex;flex-direction:column;transition:left 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:4px 0 24px rgba(0, 0, 0, 0.15);font-family:inherit;}.quran-sidebar.show-sidebar{left:0;}body.lights-off .quran-sidebar,.lights-off .quran-sidebar{background-color:#000000;color:#ffffff;box-shadow:4px 0 24px rgba(0, 0, 0, 0.6);border-right:1px solid #333333;}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 16px 20px;border-bottom:1px solid #ccc;}body.lights-off .sidebar-header,.lights-off .sidebar-header{border-bottom:1px solid #333333;}.sidebar-header h3{margin:0;font-size:1.3rem!important;font-weight:700!important;color:#000000!important;letter-spacing:0.2px;}body.lights-off .sidebar-header h3,.lights-off .sidebar-header h3{color:#ffffff!important;}.sidebar-content{overflow-y:auto;overflow-x:hidden;flex-grow:4;padding:12px 0 24px 0;}.sidebar-content::-webkit-scrollbar{width:4px;}.sidebar-content::-webkit-scrollbar-thumb{background:#999;border-radius:4px;}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#acacac;}.lights-off .sidebar-content::-webkit-scrollbar-thumb:hover{background:#666;}.lang-group{margin-bottom:8px;}.lang-title{font-size:12px;font-weight:700;margin:16px 20px 8px 20px;padding-bottom:6px;text-transform:uppercase;border-bottom:1px solid #acacac;letter-spacing:0.8px;}body.lights-off .lang-title,.lights-off .lang-title{border-bottom:1px solid #2e2e2e;}label.trans-option{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;margin:0;cursor:pointer;transition:all 0.2s ease;background:transparent;color:#000000;}label.trans-option:hover{background-color:#333333!important;color:#ffffff!important;}label.trans-option:hover .trans-left, label.trans-option:hover .info-icon{color:#ffffff!important;}label.trans-option:has(input[type="radio"]:checked){background-color:#fc9803!important;color:#ffffff!important;}label.trans-option:has(input[type="radio"]:checked) .trans-left, label.trans-option:has(input[type="radio"]:checked).info-icon{color:#ffffff!important;font-weight:600;}body.lights-off label.trans-option,.lights-off label.trans-option{color:#ffffff;}body.lights-off label.trans-option:hover,.lights-off label.trans-option:hover{background-color:#cccccc!important;color:#000000!important;}body.lights-off label.trans-option:hover .trans-left,.lights-off label.trans-option:hover .trans-left, body.lights-off label.trans-option:hover .info-icon,.lights-off label.trans-option:hover .info-icon{color:#000000!important;}body.lights-off label.trans-option:has(input[type="radio"]:checked),.lights-off label.trans-option:has(input[type="radio"]:checked){background-color:#535FD7!important;color:#ffffff!important;}body.lights-off label.trans-option:has(input[type="radio"]:checked).trans-left,.lights-off label.trans-option:has(input[type="radio"]:checked).trans-left, body.lights-off label.trans-option:has(input[type="radio"]:checked).info-icon,.lights-off label.trans-option:has(input[type="radio"]:checked).info-icon{color:#ffffff!important;font-weight:600;}.trans-left{display:flex;align-items:center;flex-grow:1;font-size:0.8rem;font-weight:500;color:inherit;}.trans-left input[type="radio"]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #8595AE;border-radius:4px;background-color:transparent;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;transition:all 0.2s ease;margin-right:7px;}.trans-left input[type="radio"]:checked{background-color:#007BFF;border-color:#007BFF;}.trans-left input[type="radio"]:checked::after{content:'';width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px;}.info-icon{position:relative;color:inherit;cursor:help;padding-left:10px;font-size:16px;display:flex;align-items:center;transition:color 0.2s ease;}.info-icon .tooltip-text{visibility:hidden;opacity:0;width:max-content;max-width:180px;background-color:#1a202c;color:#f7fafc;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:99999!important;right:120%;top:50%;transform:translateY(-50%);font-size:12px;font-weight:normal;line-height:1.4;transition:opacity 0.3s ease, visibility 0.3s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);pointer-events:none;}.info-icon .tooltip-text::after{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);border-width:5px 0 5px 10px;border-style:solid;border-color:transparent transparent transparent #1a202c;}.lights-off .info-icon .tooltip-text{background-color:#eaf2f7;color:#1a202c;}.lights-off .info-icon .tooltip-text::after{border-color:transparent transparent transparent #eaf2f7;}.info-icon:hover .tooltip-text,.info-icon:active .tooltip-text{visibility:visible;opacity:1;}.prostration-line{border-top:2px solid currentColor;}.translation-grid{display:grid;grid-template-columns:1fr;gap:15px;border-radius:8px;}@media (min-width:768px){.translation-grid{grid-template-columns:1fr 1fr;}}.translation-item{border:1px solid;padding:15px;border-radius:5px;}.translation-item b{display:block;margin-bottom:8px;font-size:1.1em;}.translation-item div{margin-bottom:4px;font-size:0.95em;}.nav-tabs{display:flex;width:100%;border-bottom:1px solid #ccc;}body.lights-off .nav-tabs{border-bottom:1px solid #333333;}.nav-tab{flex:1;text-align:center;padding:16px 0;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.3s ease;color:inherit;}.nav-tab:hover{color:#fff;background-color:#333333;}body.lights-off .nav-tab:hover{color:#000;background-color:#ccc}.nav-tab.active{border-bottom:2px solid #fc9803;color:#fc9803;}body.lights-off .nav-tab.active,.lights-off .nav-tab.active{border-bottom:2px solid #535FD7;color:#535FD7;}.nav-item{display:block;text-align:left;padding:12px 20px;margin:0;text-decoration:none;color:#000000;background-color:transparent;border-bottom:1px solid #f0f0f0;transition:all 0.2s ease;font-size:15px;cursor:pointer;}.nav-item:hover{background-color:#333333!important;color:#ffffff!important;}.nav-item:hover .trans-left,.nav-item:hover .info-icon{color:#ffffff!important;}.nav-item.active,.nav-item.active:hover,label.trans-option.nav-item.active,label.trans-option.nav-item.active:hover{background-color:#fc9803!important;color:#ffffff!important;font-weight:600;cursor:pointer!important;pointer-events:auto!important;}.nav-item.active .trans-left,.nav-item.active .info-icon,.nav-item.active:hover .trans-left,.nav-item.active:hover .info-icon{color:#ffffff!important;font-weight:600;}body.lights-off .nav-item,.lights-off .nav-item{color:#ffffff;border-bottom:1px solid #333333;}body.lights-off .nav-item:hover,.lights-off .nav-item:hover{background-color:#cccccc!important;color:#000000!important;}body.lights-off .nav-item:hover .trans-left,.lights-off .nav-item:hover .trans-left, body.lights-off .nav-item:hover .info-icon,.lights-off .nav-item:hover .info-icon{color:#000000!important;}body.lights-off .nav-item.active,body.lights-off .nav-item.active:hover,.lights-off .nav-item.active,.lights-off .nav-item.active:hover,body.lights-off label.trans-option.nav-item.active,body.lights-off label.trans-option.nav-item.active:hover{background-color:#535FD7!important;color:#ffffff!important;}body.lights-off .nav-item.active .trans-left,.lights-off .nav-item.active .trans-left, body.lights-off .nav-item.active .info-icon,.lights-off .nav-item.active .info-icon,body.lights-off .nav-item.active:hover .trans-left,.lights-off .nav-item.active:hover .trans-left,body.lights-off .nav-item.active:hover .info-icon,.lights-off .nav-item.active:hover .info-icon{color:#ffffff!important;font-weight:600;}.nav-item,label.trans-option.nav-item{border-bottom:1px solid #f0f0f0!important;}body.lights-off .nav-item,.lights-off .nav-item,body.lights-off label.trans-option.nav-item,.lights-off label.trans-option.nav-item{border-bottom:1px solid #333333!important;}.nav-item:last-child, label.trans-option.nav-item:last-child{border-bottom:none!important;}.audio-player-bar{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1082px;background-color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgb(48, 64, 87);border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);border:1px solid #666;z-index:999;padding:12px 20px;display:flex;flex-direction:column;gap:8px;transition:bottom 0.25s ease, transform 0.25s ease, background-color 0.3s ease, color 0.3s ease;}body.lights-off .audio-player-bar,.lights-off .audio-player-bar{background-color:#121418;color:#b8c1d3;box-shadow:0 8px 14px 0 rgba(0,0,0,0.4),0 8px 22px 0 rgba(0,0,0,0.3);border:1px solid #666;}.audio-player-bar.hidden{display:none!important;}.close-player-btn{position:absolute;top:5px;right:5px;background:transparent;border:none;color:inherit;font-size:14px;cursor:pointer;transition:opacity 0.2s ease, color 0.2s ease;}.close-player-btn:hover{opacity:1;color:#fc9803;}.lights-off .close-player-btn:hover{color:#535FD7;}.player-header{width:100%;text-align:center;padding-right:5px;}.track-title{font-size:16px;font-weight:700;white-space:normal;}.player-content{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;}.track-sub{font-size:16px;font-weight:700;white-space:nowrap;}.audio-progress-bar{flex-grow:1;height:6px;background-color:rgba(0, 0, 0, 0.1);border-radius:4px;position:relative;cursor:pointer;overflow:hidden;}.lights-off .audio-progress-bar{background-color:rgba(255, 255, 255, 0.15);}.audio-progress-bar .progress{width:0%;height:100%;background-color:#fc9803;transition:width 0.1s linear;}.lights-off .audio-progress-bar .progress{background-color:#535FD7;}.player-controls{display:flex;align-items:center;gap:15px;}.player-controls button{background:transparent;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform 0.15s ease, color 0.15s ease;}.player-controls button:hover{transform:scale(1.15);color:#fc9803;}.lights-off .player-controls button:hover{color:#535FD7;}:root{--karaoke-bg-active:rgba(252, 152, 3, 0.1);}body.lights-off,.lights-off{--karaoke-bg-active:rgba(83, 95, 215, 0.1);}.active-audio-bg{background-image:linear-gradient(to left, var(--karaoke-bg-active) var(--verse-progress), transparent var(--verse-progress))!important;display:inline!important; padding:0!important;border-radius:0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important;color:inherit!important;}#quranSearchInput{padding:6px 12px;width:100%;background-color:#eaf2f7!important;color:#000000!important;}#quranSearchInput::placeholder{color:#888888;}body.lights-off #quranSearchInput,.lights-off #quranSearchInput{background-color:#242830!important;color:#ffffff!important;border-color:#333333!important;}body.lights-off #quranSearchInput::placeholder,.lights-off #quranSearchInput::placeholder{color:#aaaaaa!important;}.search-dropdown-menu{display:none;position:absolute;top:100%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:#eaf2f7;color:#000000;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);z-index:9999;margin-top:5px;padding:0;list-style:none;}.search-item{padding:10px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#000000;background-color:transparent;border-bottom:1px solid #f0f0f0;text-decoration:none;transition:background 0.2s ease;}.search-item:last-child{border-bottom:none!important;}.search-item:hover{background-color:#333333!important;color:#ffffff!important;}.search-surah-num{font-size:12px;background-color:#e0e0e0;color:#333333;padding:2px 8px;border-radius:12px;}body.lights-off .search-dropdown-menu,.lights-off .search-dropdown-menu{background-color:#242830!important;border:1px solid #333333!important;color:#ffffff!important;box-shadow:0 4px 10px rgba(0, 0, 0, 0.5);}body.lights-off .search-item,.lights-off .search-item{color:#ffffff!important;background-color:transparent!important;border-bottom:1px solid #333333!important;}body.lights-off .search-item:hover,.lights-off .search-item:hover{background-color:#cccccc!important;color:#000000!important;}body.lights-off .search-surah-num,.lights-off .search-surah-num{background-color:#333333!important;color:#ffffff!important;}.search-section-title{padding:12px 15px 6px 15px;font-size:13px;font-weight:600;color:#888888;display:flex;justify-content:space-between;align-items:center;}.search-clear-btn{color:#007bff;cursor:pointer;font-weight:500;}.search-clear-btn:hover{text-decoration:underline;}.search-divider{height:1px;background-color:#f0f0f0;margin:4px 0;}body.lights-off .search-section-title, .lights-off .search-section-title{color:#aaaaaa;}body.lights-off .search-clear-btn, .lights-off .search-clear-btn{color:#4da3ff;}body.lights-off .search-divider, .lights-off .search-divider{background-color:#333333;}@media screen and (max-width:500px){.header-top-container{flex-direction:column-reverse;gap:12px!important;}.header-search-box{width:100%!important;}.header-nav-button{padding:8px 15px;display:flex;justify-content:center;align-items:center;}}.acc-item{overflow:hidden;transition:box-shadow 0.3s ease, background-color 0.3s ease;background-color:#fff;}.lights-off .acc-item{background-color:#121418;color:#fff;}.acc-header{cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;padding:16px 20px!important;transition:background-color 0.3s, color 0.3s;}.acc-subtitle{font-size:0.85em;opacity:0.8;font-weight:normal;margin-left:6px;}.acc-icon{transition:transform 0.3s ease;font-size:0.9em;}.acc-icon.open{transform:rotate(180deg);}.acc-body{padding:0!important;display:none;}.day-row{padding:8px 10px;display:flex;justify-content:space-between;align-items:center;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.08);transition:background-color 0.2s;}.lights-off .day-row{border-bottom:1px solid rgba(255,255,255,0.08);}.day-row:hover{background-color:rgba(0,0,0,0.03);}.lights-off .day-row:hover{background-color:rgba(255,255,255,0.03);}.day-row:last-child{border-bottom:none;}.day-current{border-left:4px solid #fc9803;background-color:rgba(252, 152, 3, 0.1);}.lights-off .day-current{border-left:4px solid #535FD7;background-color:rgba(83, 95, 215, 0.1);}.day-completed .day-title{text-decoration:line-through;opacity:0.5;}.day-info{font-size:0.85em;opacity:0.7;margin-top:4px;}.acc-btn{padding:6px 16px;border-radius:20px;cursor:pointer;border:1px solid transparent;transition:all 0.2s;font-weight:bold;font-size:0.9em;text-align:center;}.btn-mark{background:transparent;color:inherit;border-color:rgba(0,0,0,0.3);}.lights-off .btn-mark{border-color:rgba(255,255,255,0.3);}.btn-mark:hover{background:rgba(0,0,0,0.1);}.lights-off .btn-mark:hover{background:rgba(255,255,255,0.1);}.faq-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;}.faq-item{border-radius:8px;background-color:#eaf2f7;border:1px solid transparent;overflow:hidden;transition:background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}.lights-off .faq-item{background-color:#242830;border-color:#2c2c2c}.faq-item.active{background-color:#fc9803!important;}.faq-item.active .faq-question,.faq-item.active .faq-text,.faq-item.active .faq-icon{color:#ffffff!important;}.lights-off .faq-item.active{background-color:#535FD7!important;}.lights-off .faq-item.active .faq-question,.lights-off .faq-item.active .faq-text,.lights-off .faq-item.active .faq-icon{color:#ffffff!important;}.faq-question{width:100%;text-align:left;padding:18px 24px;font-size:1.05em;font-weight:bold;cursor:pointer;border:none;background:transparent;display:flex;justify-content:space-between;align-items:center;color:#333;transition:color 0.3s ease, background-color 0.3s ease;}.lights-off .faq-question{color:#fff;}.faq-icon{font-size:1.2em;font-weight:normal;transition:transform 0.3s ease;}.faq-item.active .faq-icon{transform:rotate(45deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}.faq-text{padding:0 24px 20px 24px;font-size:0.95em;line-height:1.6;color:#444;}.lights-off .faq-text{color:#e0e0e0;}.khatm-responsive-card{display:flex;flex-direction:column;overflow:hidden;}.khatm-calendar-side{padding:20px 10px;text-align:center;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(128, 128, 128, 0.2);background-color:rgba(128, 128, 128, 0.05);}.khatm-schedule-box{display:flex;flex-direction:column;align-items:center;background-color:#dfe4eb;border:1px solid rgba(128, 128, 128, 0.1);border-radius:12px;padding:20px;}.lights-off .khatm-schedule-box{background-color:#242a36;}.khatm-schedule-row{display:flex;width:100%;align-items:center;justify-content:space-between;}@media (min-width:768px){.khatm-responsive-card{flex-direction:row;} .khatm-calendar-side{width:260px;border-bottom:none;border-right:1px solid rgba(128, 128, 128, 0.2);} .khatm-schedule-box{flex-direction:row;justify-content:space-around;} .khatm-content-side{padding-left:10px;flex:1;}}.khatm-surah-detail{text-align:center;flex:1;}.khatm-surah-icon{font-family:"surah", sans-serif;font-size:55px;margin:10px 0;line-height:1;}.khatm-divider-icon{font-size:24px;margin:15px 20px;opacity:0.8;}.card{background-color:#eaf2f7;color:#304057;text-align:justify;margin:auto;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;}.lights-off .card{background-color:#242830;color:#b8c1d3;}@media (max-width: 767px){.khatm-divider-icon i{transform: rotate(90deg);display:inline-block;}}@media (max-width:599px){.card{flex-direction:column;text-align:center;gap:10px;}}.tajweed-legend-bar{position:fixed;top:52px;left:50%;transform:translateX(-50%);background:#eaf2f7;color:#304057;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.12);z-index:98;transition:all 0.3s ease;box-sizing:border-box;width:115px;}.tajweed-legend-bar.expanded{width:100%;max-width:1440px;}.lights-off .tajweed-legend-bar{background-color:#242830; color:#b8c1d3; box-shadow:0 4px 12px rgba(0, 0, 0, 0.4);}.legend-header{padding:0 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:12px;font-weight:600;user-select:none;white-space:nowrap;gap:8px;}.legend-header:hover{background-color:rgba(0, 0, 0, 0.04);}.lights-off .legend-header:hover{background-color:rgba(255, 255, 255, 0.04);}.legend-content{display:flex;flex-wrap:wrap;padding:12px 20px;gap:10px 24px;justify-content:center;overflow:hidden;transition:max-height 0.3s ease, padding 0.3s ease;border-top:1px solid rgba(0, 0, 0, 0.06);}.lights-off .legend-content{border-top:1px solid rgba(255, 255, 255, 0.06);}.legend-content.collapsed{max-height:0;padding-top:0;padding-bottom:0;border-top:none;}.legend-item{font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;}.bg-silent{background-color:var(--color-silent-1);}.bg-madd-2{background-color:var(--color-madd-2-4-6);}.bg-madd-4{background-color:var(--color-madd-4-5);}.bg-madd-6{background-color:var(--color-madd-6);}.bg-ghunnah{background-color:var(--color-ghunnah);}.bg-ikhfa{background-color:var(--color-ikhfa);}.bg-iqlab{background-color:var(--color-iqlab);}.bg-qalqalah{background-color:var(--color-qalqalah);}.bg-idgham-bighunnah{background-color:var(--color-idgham-bighunnah);}.bg-idgham-bilaghunnah{background-color:var(--color-idgham-bilaghunnah);}.bg-waqaf{background-color:var(--color-waqaf-1);}.tajweed-legend-bar{top:52px;}@media (max-width:500px){.tajweed-legend-bar{top:100px;}}#top{margin-top:60px;transition:margin-top 0.3s ease;}@media (max-width:500px){#top{margin-top:107px;}}body.legend-open #top{margin-top:142px;}@media (min-width:768px) and (max-width:1425px){body.legend-open #top{margin-top:182px;}}@media (min-width:562px) and (max-width:767px){body.legend-open #top{margin-top:222px;}}@media (min-width:501px) and (max-width:561px){body.legend-open #top{margin-top:262px;}}@media (max-width:500px){body.legend-open #top{margin-top:312px;}}