.q411-guided{color:#484848;background:#fff;font-family:Arial,helvetica,sans-serif;font-size:14px;line-height:1.6}.q411-guided *,.q411-guided :before,.q411-guided :after{box-sizing:border-box}.q411-guided .q411-guided-scale{zoom:.9;transform-origin:top;width:111.111%;margin-left:-5.5555%}.q411-guided .container{width:100%;max-width:1140px;margin:0 auto;padding-left:15px;padding-right:15px}.q411-guided .row{flex-wrap:wrap;margin-left:-15px;margin-right:-15px;display:flex}.q411-guided .col-2,.q411-guided .col-6,.q411-guided .col-10,.q411-guided .col-12,.q411-guided .col-md-1,.q411-guided .col-md-3,.q411-guided .col-md-11{width:100%;padding-left:15px;padding-right:15px;position:relative}.q411-guided .col-2{flex:0 0 16.6667%;max-width:16.6667%}.q411-guided .col-6{flex:0 0 50%;max-width:50%}.q411-guided .col-10{flex:0 0 83.3333%;max-width:83.3333%}.q411-guided .col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.q411-guided .col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.q411-guided .col-md-3{flex:0 0 25%;max-width:25%}.q411-guided .col-md-11{flex:0 0 91.6667%;max-width:91.6667%}.q411-guided .mt-md-0{margin-top:0!important}}.q411-guided .text-center{text-align:center!important}.q411-guided .d-flex{display:flex!important}.q411-guided .flex-column{flex-direction:column!important}.q411-guided .align-items-center{align-items:center!important}.q411-guided .justify-content-center{justify-content:center!important}.q411-guided .mt-3{margin-top:1rem!important}.q411-guided .qg-page-title{background:#fff;padding:20px 0}.q411-guided .qg-page-title h1{color:#1b5e20;margin:0 0 4px;font-size:40px;font-weight:800;line-height:1.2}.q411-guided .qg-page-title span{color:#777;font-size:14px;display:block}.q411-guided .controls-wrapper{background:#fdfdfd;border-bottom:1px solid #eee;margin-bottom:20px;padding:20px 0}.q411-guided .controls-wrapper form{align-items:flex-end!important}.q411-guided .controls-wrapper form>.col-md-3{flex-direction:column;justify-content:flex-end;min-height:62px;display:flex}.q411-guided label{color:#666;text-align:center;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.q411-guided .form-control{color:#495057;background:#fff;border:1px solid #ced4da;border-radius:.25rem;width:100%;min-height:38px;padding:.375rem .75rem;display:block}.q411-guided .qg-surah-select{width:100%;min-width:0;max-width:100%;position:relative}.q411-guided .qg-surah-select-button{text-align:left;justify-content:space-between;align-items:center;max-width:100%;min-height:38px;display:flex}.q411-guided .qg-surah-select-button span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.q411-guided .qg-surah-select-arrow{border-bottom:2px solid #495057;border-right:2px solid #495057;flex:none;width:8px;height:8px;margin-left:10px;transform:rotate(45deg)translateY(-2px)}.q411-guided .qg-surah-select-menu{z-index:60;text-align:left;background:#fff;border:1px solid #333;width:100%;min-width:0;max-width:100%;max-height:58vh;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 24px #00000024}.q411-guided .qg-surah-select-option{color:#222;width:100%;max-width:100%;min-height:36px;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:0;padding:7px 20px;font-size:17px;line-height:1.3;display:block;overflow:hidden}.q411-guided .qg-surah-select-option:hover,.q411-guided .qg-surah-select-option.is-selected{color:#fff;background:#aee0ee}.q411-guided .custom-range{width:100%;min-height:38px}.q411-guided .qg-checks{flex-flow:row;justify-content:flex-end;align-items:center;gap:10px;padding-top:0;display:flex}.q411-guided .controls-wrapper form>.qg-checks{flex-flow:row}.q411-guided .form-check-inline{text-align:left;align-items:center;gap:5px;margin-bottom:0;display:inline-flex}.q411-guided .study-label{color:#666;cursor:pointer;font-size:12px;font-weight:700}.q411-guided .qg-ayah-section{padding:10px 0}.q411-guided .bismillah-block{text-align:center;border-bottom:2px solid #f8f9fa;padding:30px 0}.q411-guided .bismillah-block[data-compact=true]{padding:15px 0}.q411-guided .ayah-row{border-bottom:1px solid #eee;padding:25px 0;transition:padding .2s ease-in-out,background .3s}.q411-guided .ayah-row.compact-view{padding:12px 0}.q411-guided .ayah-row.playing{border-left:5px solid #1b5e20;background-color:#f1f8e9!important}.q411-guided .qg-pagination{border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:14px 0;display:flex}.q411-guided .qg-pagination-summary{color:#666;white-space:nowrap;font-size:13px;font-weight:700}.q411-guided .qg-pagination-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.q411-guided .qg-pagination button{color:#1b5e20;cursor:pointer;background:#fff;border:1px solid #d9e1dc;border-radius:4px;min-width:36px;height:34px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:700}.q411-guided .qg-pagination button.is-active{color:#fff;background:#1b5e20;border-color:#1b5e20}.q411-guided .qg-pagination button:disabled{cursor:not-allowed;opacity:.45}.q411-guided .qg-pagination-buttons span{color:#777;font-size:13px;font-weight:700}.q411-guided .arabic-text{color:#1b5e20;text-align:right;direction:rtl;margin-bottom:15px;font-family:Traditional Arabic,Amiri,serif;line-height:2.2;transition:font-size .1s ease-out}.q411-guided .compact-view .arabic-text{margin-bottom:5px}.q411-guided .qg-bismillah{color:#000;text-align:center}.q411-guided .translit,.q411-guided .english{text-align:right}.q411-guided .translit{color:#777;margin-bottom:5px;font-style:italic}.q411-guided .english{color:#333;font-size:16px}.q411-guided .qg-center-text{text-align:center}.q411-guided .qg-ayah-number{color:#bbb;margin-bottom:5px;font-size:11px;font-weight:700}.q411-guided .play-btn{color:#fff;cursor:pointer;background:#1b5e20;border:0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto;display:flex}.q411-guided .play-btn:hover{background:#124316}.q411-guided .qg-play-icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid;width:0;height:0;margin-left:3px}.q411-guided .qg-pause-icon{border-left:5px solid;border-right:5px solid;width:14px;height:18px}@media (max-width:767px){.q411-guided .q411-guided-scale{zoom:1;width:100%;margin-left:0}.q411-guided .container{max-width:100%;padding-left:14px;padding-right:14px}.q411-guided .qg-page-title h1{font-size:27px}.q411-guided .controls-wrapper{padding:16px 0}.q411-guided .controls-wrapper form{align-items:flex-start!important}.q411-guided .controls-wrapper form>.col-md-3{min-height:auto}.q411-guided .controls-wrapper label{text-align:left}.q411-guided .qg-surah-select-menu{max-height:62vh}.q411-guided .qg-surah-select-option{min-height:36px;padding:7px 14px;font-size:16px}.q411-guided .qg-checks{flex-flow:row;flex:0 0 100%;justify-content:flex-start;align-items:center;gap:10px;max-width:100%;padding-top:0}.q411-guided .controls-wrapper form>.col-md-3.col-6:not(.qg-checks){flex:0 0 100%;max-width:100%}.q411-guided .controls-wrapper form>.qg-checks{flex-flow:row}.q411-guided .qg-checks .form-check-inline{white-space:nowrap}.q411-guided .ayah-row{padding:18px 0}.q411-guided .qg-pagination{flex-direction:column;align-items:stretch;gap:8px;margin:14px 0;padding:12px 0}.q411-guided .qg-pagination-summary{text-align:center;font-size:12px}.q411-guided .qg-pagination-buttons{flex-wrap:nowrap;justify-content:center;gap:4px;max-width:100%;margin:0 auto}.q411-guided .qg-pagination button{min-width:26px;height:28px;padding:0 6px;font-size:11px}.q411-guided .qg-pagination-buttons span{font-size:11px}.q411-guided .play-btn{width:40px;height:40px}}