.q411-static-page{color:#484848;background:#fff;font-family:Arial,helvetica,sans-serif;font-size:1.2rem;line-height:1.75714em}.q411-static-page *,.q411-static-page :before,.q411-static-page :after{box-sizing:border-box}.q411-static-page a{color:#007bff;background-color:#0000;text-decoration:none}.q411-static-page a:hover{color:#0056b3;text-decoration:underline}.q411-static-page header:not(.q411-site-header){background:#111!important}.q411-static-page header:not(.q411-site-header) a,.q411-static-page header:not(.q411-site-header) button{color:#fff!important;text-decoration:none!important}.q411-static-page header:not(.q411-site-header) .absolute.top-full a{color:#b8b8c6!important}.q411-static-page header:not(.q411-site-header) .absolute.top-full a:hover{color:#fff!important}.q411-static-page .container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.q411-static-page .row{flex-wrap:wrap;margin-left:-15px;margin-right:-15px;display:flex}.q411-static-page .content,.q411-static-page .col-lg-12,.q411-static-page .col-lg-7,.q411-static-page .col-lg-5,.q411-static-page .col-lg-4,.q411-static-page .col-md-12,.q411-static-page .col-md-4,.q411-static-page .col-6{width:100%;padding-left:15px;padding-right:15px;position:relative}@media (min-width:992px){.q411-static-page .col-lg-12{flex:0 0 100%;max-width:100%}.q411-static-page .col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.q411-static-page .col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.q411-static-page .col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}}.q411-static-page .col-md-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.q411-static-page .col-md-4{flex:0 0 33.3333%;max-width:33.3333%}}.q411-static-page .col-6{flex:0 0 50%;max-width:50%}.q411-static-page #page-title{clear:both;background-color:#f8f9fa;width:100%;padding:20px;position:relative}.q411-static-page #page-title .page-title{text-align:center;padding:0}.q411-static-page #page-title .page-title>h1{font-family:var(--font-poppins),Arial,sans-serif;color:#1f1f1f;margin:0 0 1rem;font-size:2.5rem;font-weight:400;line-height:1.2}.q411-static-page #page-title .page-title>span{color:#484848;font-size:14px;font-weight:400;display:block}.q411-static-page #page-content{background:#fff;padding:40px 0}.q411-static-page .table-responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.q411-static-page .table{color:#212529;border-collapse:collapse;background:#fff;width:100%;margin-bottom:1rem}.q411-static-page .table th,.q411-static-page .table td{vertical-align:top;border-top:1px solid #dee2e6;padding:.75rem}.q411-static-page .table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.q411-static-page .table-bordered,.q411-static-page .table-bordered th,.q411-static-page .table-bordered td{border:1px solid #dee2e6}.q411-static-page .table-striped tbody tr:nth-of-type(odd){background-color:#0000000d}.q411-static-page .table-sm th,.q411-static-page .table-sm td{padding:.3rem}.q411-static-page .table-secondary,.q411-static-page .table-secondary>td,.q411-static-page .table-secondary>th{background-color:#d6d8db!important}.q411-static-page .text-center{text-align:center!important}.q411-static-page .text-white{color:#fff!important}.q411-static-page .text-success{color:#28a745!important}.q411-static-page .bg-success{background-color:#28a745!important}.q411-static-page .bg-dark{background-color:#343a40!important}.q411-static-page .bg-light{background-color:#f8f9fa!important}.q411-static-page .bg-white{background-color:#fff!important}.q411-static-page .text-muted{color:#6c757d!important}.q411-static-page .small,.q411-static-page small{font-size:80%;font-weight:400}.q411-static-page .border,.q411-static-page .border-top,.q411-static-page .border-left{border-color:#dee2e6!important}.q411-static-page .border{border:1px solid #dee2e6!important}.q411-static-page .border-top{border-top:1px solid #dee2e6!important}.q411-static-page .border-left{border-left:1px solid #dee2e6!important}.q411-static-page .border-success{border-color:#28a745!important}.q411-static-page .border-right{border-right:1px solid #dee2e6!important}.q411-static-page .rounded{border-radius:.25rem!important}.q411-static-page .shadow-sm{box-shadow:0 .125rem .25rem #00000013!important}.q411-static-page .p-3{padding:1rem!important}.q411-static-page .p-4{padding:1.5rem!important}.q411-static-page .mt-4{margin-top:1.5rem!important}.q411-static-page .mt-5{margin-top:3rem!important}.q411-static-page .mb-3{margin-bottom:1rem!important}.q411-static-page .mb-5{margin-bottom:3rem!important}.q411-static-page h1,.q411-static-page h2,.q411-static-page h3,.q411-static-page h4,.q411-static-page h5,.q411-static-page h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.q411-static-page h3{font-size:1.75rem}.q411-static-page h4{font-size:1.5rem}.q411-static-page h5{font-size:1.25rem}.q411-static-page p{margin-top:0;margin-bottom:1rem}.q411-static-page ul{margin-top:0;margin-bottom:1rem;padding-left:40px}.q411-static-page hr{border:0;border-top:1px solid #0000001a;margin-top:1rem;margin-bottom:1rem}.q411-static-page .btn{color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background-color:#343a40;border:1px solid #343a40;border-radius:.25rem;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;display:inline-block}.q411-static-page .btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.q411-static-page .arabic-font{font-family:var(--font-amiri),Arial,sans-serif;direction:rtl}.q411-static-page .meaning-cell,.q411-static-page .meaning-cell-header{text-align:left}@media (max-width:768px){.q411-static-page{font-size:1rem}.q411-static-page .container{max-width:100%;padding-left:30px;padding-right:30px}.q411-static-page #page-title .page-title>h1{font-size:26px;line-height:34px}}.q411-tool-page{background:#fff}.q411-tool-page main{font-size:90%}.q411-tool-page img{max-width:100%}.q411-tool-page .container{max-width:1140px}.q411-tool-page .form-control{color:#495057;background:#fff;border:1px solid #ced4da;border-radius:.25rem;width:100%;min-height:38px;padding:.375rem .75rem;display:block}.q411-tool-page label{margin-bottom:.5rem;display:inline-block}.q411-tool-page .col-md-6,.q411-tool-page .col-md-3,.q411-tool-page .col-md-8,.q411-tool-page .col-md-9{width:100%;padding-left:15px;padding-right:15px;position:relative}@media (min-width:768px){.q411-tool-page .col-md-3{flex:0 0 25%;max-width:25%}.q411-tool-page .col-md-6{flex:0 0 50%;max-width:50%}.q411-tool-page .col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.q411-tool-page .col-md-9{flex:0 0 75%;max-width:75%}}#heatmap-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:15px;display:grid}@media (min-width:768px){#heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}}.surah-box{aspect-ratio:1;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:inset 0 -2px #0000000d}.surah-box:active{transform:scale(.9)}.hifz-card:hover{transition:all .3s;transform:translateY(-3px)}#heatmap-grid a:hover{z-index:10;transition:all .2s;transform:scale(1.1);box-shadow:0 2px 10px #0000001a}.q411-tool-page #page-content{padding:0!important}.q411-tool-page #page-content>.container{max-width:1360px!important;margin:0 auto!important;padding:55px 0 80px!important}.q411-tool-page #page-content>.container>.row{width:100%!important;margin-left:0!important;margin-right:0!important;display:block!important}.q411-tool-page #page-content .content{flex:none!important;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;display:block!important}.q411-tool-page #page-content .content>.row{margin-left:0!important;margin-right:0!important}.q411-tool-page #page-content .content>.row:first-child{grid-template-columns:310px 310px 1fr;gap:36px;flex-wrap:nowrap!important;align-items:stretch!important;width:100%!important;display:grid!important}.q411-tool-page #page-content .content>.row:first-child>div{flex:none!important;width:auto!important;max-width:none!important;padding:0!important}.q411-tool-page #page-content .content>.row:first-child>div>div{box-sizing:border-box!important;background:#f8f9fa!important;border-radius:4px!important;height:150px!important;margin-bottom:0!important;box-shadow:0 2px 8px #00000014!important}.q411-tool-page #page-content .content>.row:first-child>div:first-child>div,.q411-tool-page #page-content .content>.row:first-child>div:nth-child(2)>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;padding:0!important}.q411-tool-page #page-content .content>.row:first-child h3{color:#2c3e50!important;margin:0!important;font-size:36px!important;font-weight:500!important;line-height:1!important}.q411-tool-page #page-content .content>.row:first-child p{color:#5f6870!important;margin:28px 0 0!important;font-size:16px!important;line-height:1.2!important}.q411-tool-page #page-content .content>.row:first-child>div:nth-child(3)>div{padding:32px!important}.q411-tool-page #page-content .content>.row:first-child h5{color:#2c3e50!important;margin:0 0 18px!important;font-size:24px!important;font-weight:500!important;line-height:1.2!important}.q411-tool-page #page-content .progress{background:#e9ecef;border-radius:999px;width:100%;overflow:hidden;height:10px!important}.q411-tool-page #page-content .progress-bar{background:#28a745;height:100%}.q411-tool-page #page-content .content>.row:first-child small{display:block;color:#6c757d!important;margin-top:10px!important;font-size:14px!important;line-height:1.4!important}.q411-tool-page #page-content .content>.row:nth-of-type(2){grid-template-columns:430px 1fr;gap:38px;flex-wrap:nowrap!important;align-items:start!important;width:100%!important;margin-top:26px!important;display:grid!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div{flex:none!important;width:auto!important;max-width:none!important;padding:0!important}.q411-tool-page #page-content .card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;width:100%!important;margin:0!important;box-shadow:0 2px 8px #00000014!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:first-child .card-header{align-items:center;height:80px;padding:0 28px;display:flex;color:#fff!important;background:#343a40!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:first-child .card-header h5{color:#fff!important;margin:0!important;font-size:24px!important;font-weight:500!important;line-height:1.2!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:first-child .card-body{justify-content:center;align-items:center;min-height:130px;display:flex}.q411-tool-page #page-content .list-group,.q411-tool-page #page-content .list-group-item{width:100%;margin:0;padding-left:0;list-style:none}.q411-tool-page #page-content .list-group-item{text-align:center;padding:42px 24px!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:nth-child(2) .card{box-shadow:none!important;background:#fff!important;border:1px solid #e5e5e5!important;border-radius:4px!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:nth-child(2) .card-header{border-bottom:1px solid #eee;gap:24px;height:100px;background:#fff!important;justify-content:space-between!important;align-items:center!important;padding:0 36px!important;display:flex!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:nth-child(2) .card-header h5{color:#2c3e50!important;margin:0!important;font-size:24px!important;font-weight:500!important;line-height:1.2!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:nth-child(2) .card-header .btn{text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;color:#fff!important;background:#2454ff!important;border-color:#2454ff!important;border-radius:5px!important;height:38px!important;padding:0 18px!important;font-size:12px!important;line-height:1!important;display:inline-flex!important}.q411-tool-page #page-content .content>.row:nth-of-type(2)>div:nth-child(2) .card-body{padding:32px!important}.q411-tool-page #heatmap-grid{grid-template-columns:repeat(14,50px)!important;justify-content:start!important;align-items:start!important;gap:12px!important;margin-top:0!important;display:grid!important}.q411-tool-page #heatmap-grid .surah-box{color:#bbb!important;width:50px!important;min-width:50px!important;height:50px!important;box-shadow:none!important;background:#f7f7f7!important;border:1px solid #e6e6e6!important;border-radius:10px!important;font-size:12px!important;font-weight:700!important}.q411-tool-page #heatmap-grid .surah-box.hifz-level-0{color:#bbb!important;background:#f7f7f7!important;border-color:#e6e6e6!important}.q411-tool-page #heatmap-grid .surah-box.hifz-level-1{color:#178246!important;background:#dff3e7!important;border-color:#b9e5c8!important}.q411-tool-page #heatmap-grid .surah-box.hifz-level-2{color:#116a38!important;background:#bfe8cf!important;border-color:#8bd4a8!important}.q411-tool-page #heatmap-grid .surah-box.hifz-level-3{color:#0d552d!important;background:#88d9aa!important;border-color:#55c383!important}.q411-tool-page #heatmap-grid .surah-box.hifz-level-4{color:#fff!important;background:#52c77f!important;border-color:#2faf63!important}.q411-tool-page #heatmap-grid .surah-box.hifz-level-5{color:#fff!important;background:#27ae60!important;border-color:#1f8f4e!important}.q411-tool-page #page-content .hifz-review-item{text-align:left!important;padding:16px 20px!important}.q411-tool-page #page-content .hifz-review-item a{color:#2c3e50;gap:5px;text-decoration:none;display:grid}.q411-tool-page #page-content .hifz-review-item small{color:#6c757d;font-size:12px}.q411-tool-page #page-content .mt-4.d-flex{justify-content:center;align-items:center;font-size:13px;display:flex;margin-top:24px!important}@media (max-width:1399px){.q411-tool-page #page-content>.container{padding-left:24px!important;padding-right:24px!important}}@media (max-width:991px){.q411-tool-page #page-content .content>.row:first-child,.q411-tool-page #page-content .content>.row:nth-of-type(2){grid-template-columns:1fr!important}.q411-tool-page #heatmap-grid{grid-template-columns:repeat(auto-fill,50px)!important}}