.open-mushaf-page{background:var(--gray-grayLight,#F5F5F5);min-height:100vh;width:100%;position:relative}.open-mushaf-page .mushaf-side-nav{position:fixed;top:50%;width:56px;height:56px;border-radius:9999px;background:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.12);border:1px solid rgba(49,46,211,.08);cursor:pointer;text-decoration:none;z-index:50;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.open-mushaf-page .mushaf-side-nav-prev{right:24px;transform:translateY(-50%)}.open-mushaf-page .mushaf-side-nav-next{right:92px;transform:translateY(-50%)}.open-mushaf-page .mushaf-side-nav:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 10px 28px rgba(49,46,211,.22);background:#f5f5fb}@media (max-width:1024px){.open-mushaf-page .mushaf-side-nav{display:none}}.open-mushaf-page .breadcrumb-section{padding-bottom:32px;background:transparent}.open-mushaf-page .breadcrumb-wrapper{padding-top:38px}.open-mushaf-container{max-width:1440px;width:100%;margin:0 auto;padding:0 40px}.open-mushaf-content{width:100%;padding:40px}@media (max-width:768px){.open-mushaf-container{padding:0 20px}.open-mushaf-content{padding:20px 0}.open-mushaf-page .breadcrumb-wrapper{padding-top:20px}}@media (max-width:480px){.open-mushaf-container{padding:0 15px}}@media (max-width:1024px){.open-mushaf-page .breadcrumb-wrapper,.open-mushaf-page .toolbar-wrapper-responsive,.open-mushaf-page~.toolbar-wrapper-responsive{display:none!important}}@media (min-width:1025px) and (max-width:1345px){.open-mushaf-page .breadcrumb-wrapper{justify-content:flex-end;padding-right:545px}}@media (max-width:1024px){.open-mushaf-page:not(.tajweed-content-page) .breadcrumb-section>div:not(.open-mushaf-container){top:24px!important;left:50%!important;right:auto!important;transform:translateX(-50%) scale(.92);transform-origin:center top;z-index:60}}@media (max-width:768px){.open-mushaf-page:not(.tajweed-content-page) .breadcrumb-section>div:not(.open-mushaf-container){top:20px!important;left:50%!important;right:auto!important;transform:translateX(-50%) scale(.82);transform-origin:center top}}@media (max-width:480px){.open-mushaf-page:not(.tajweed-content-page) .breadcrumb-section>div:not(.open-mushaf-container){top:16px!important;left:50%!important;right:auto!important;transform:translateX(-50%) scale(.66);transform-origin:center top}}@media (max-width:340px){.open-mushaf-page:not(.tajweed-content-page) .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.6)}}@media (max-width:1024px){.open-mushaf-page:not(:has([data-unlock-banner])) .hide-scrollbar{top:82px!important}}.open-mushaf-page .hide-scrollbar{bottom:44px!important;padding-bottom:30px!important}@media (max-height:900px){.toolbar-wrapper-responsive{top:60%!important}}@media (max-height:800px){.toolbar-wrapper-responsive{top:65%!important}}@media (max-height:700px){.toolbar-wrapper-responsive{top:auto!important;bottom:56px!important;transform:none!important;max-height:calc(100vh - 200px)!important}}.tajweed-content-page .breadcrumb-wrapper{justify-content:center!important;padding-right:0!important;transform-origin:top center}.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform-origin:top right!important;z-index:1000!important}.tajweed-content-page{overflow:visible!important}.tajweed-content-page .book-navigator-dropdown{transform-origin:top right;bottom:auto!important;padding-bottom:25px!important}@media (max-width:1460px){.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-16px)!important}}@media (max-width:1420px){.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-32px)!important}}@media (max-width:1390px){.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-42px)!important}}@media (max-width:1366px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.99)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-47px) scale(.98)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0101)}}@media (max-width:1345px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.985)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-55px) scale(.97)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0152)}}@media (max-width:1320px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.98)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-63px) scale(.96)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0204)}}@media (max-width:1300px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.975)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-71px) scale(.95)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0256)}}@media (max-width:1280px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.97)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-78px) scale(.94)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0309)}}@media (max-width:1240px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.96)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-90px) scale(.92)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0417)}}@media (max-width:1200px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.95)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-103px) scale(.9)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0526)}}@media (max-width:1160px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.94)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-115px) scale(.88)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0638)}}@media (max-width:1120px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.93)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-128px) scale(.86)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0753)}}@media (max-width:1080px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.92)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-136px) scale(.85)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.087)}}@media (max-width:1040px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:scale(.91)!important}.tajweed-content-page .breadcrumb-wrapper{transform:translateX(-144px) scale(.84)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.0989)}}@media (max-width:1024px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){right:auto!important;left:50%!important;transform-origin:top center!important;transform:translateX(-50%) scale(.9)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.1111)}}@media (max-width:960px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.89)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.1236)}}@media (max-width:900px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.88)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.1364)}}@media (max-width:840px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.87)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.1494)}}@media (max-width:768px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.86)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.1628)}}@media (max-width:680px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.85)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.1765)}}@media (max-width:600px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.84)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.1905)}}@media (max-width:540px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.83)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.2048)}}@media (max-width:480px){.tajweed-content-page .breadcrumb-section>div:not(.open-mushaf-container){transform:translateX(-50%) scale(.82)!important}.tajweed-content-page .book-navigator-dropdown{transform:scale(1.2195)}}@media (max-width:1024px){.tajweed-content-page .hide-scrollbar img{width:76vw!important;height:auto!important}}@media (max-width:900px){.tajweed-content-page .hide-scrollbar img{width:82vw!important}}@media (max-width:768px){.tajweed-content-page .hide-scrollbar img{width:88vw!important}}@media (max-width:600px){.tajweed-content-page .hide-scrollbar img{width:92vw!important}}@media (max-width:480px){.tajweed-content-page .hide-scrollbar img{width:95vw!important}}@media (max-width:600px){.open-mushaf-page:not(.tajweed-content-page) .hide-scrollbar img{max-width:92vw!important;height:auto!important}.open-mushaf-page:not(.tajweed-content-page) .hide-scrollbar>div>div{min-height:0!important}}@media (max-width:1024px){.open-mushaf-page .breadcrumb-section .open-mushaf-container{padding-top:var(--unlock-banner-clearance,110px)}.open-mushaf-page .breadcrumb-section [data-unlock-banner]{margin-top:0!important}}