@font-face{font-family:Open Sauce Sans;src:local("Open Sauce One"),url(/assets/OpenSauceOne-Regular-3bc35689959ae75d4f2d1ebd1c07911e713546c326b11ed7f0c85b3d5eded0aa.woff2),url(/assets/OpenSauceOne-Regular-057597dc6af959d45465636c636247c4cd4f739e54924a54707eede99bde85df.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{overflow-x:hidden}.btn-rounded{border-radius:66px}.sidescroll-container{padding:0 max(1rem,(100vw - 1680px)/2 + 1rem);cursor:grab;user-select:none;-webkit-user-select:none;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory}.sidescroll-container::-webkit-scrollbar{display:none}.sidescroll-container:active{cursor:grabbing}.dropdown-toggle,.dropdown-item{color:#000}.btn-link{text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-dark-hover:hover{background-color:#fff;color:#1c1919;border:1px solid #1c1919}.flex-center{display:flex;justify-content:center;align-items:center}.mb-8{margin-bottom:5rem!important}.px-8{padding-left:5rem!important;padding-right:5rem!important}@media (max-width: 768px){.p-md-0{padding:0!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.devise-links{font-size:small}}.device-container{min-height:100vh;display:flex;align-content:flex-start;overflow-x:hidden}.device-container canvas{width:1500px;height:800px!important}.device-container .left{position:relative;background-color:#000;border-radius:30px;height:85vh;z-index:1;overflow:hidden}@media (max-width: 540px){.device-container .left{height:40vh;padding:0!important}}@media (max-width: 540px){.device-container .left .qul-tag-wrapper{top:50%;left:50%;transform:translate(-50%,-50%)}}.device-container .right{display:flex;flex-direction:column;gap:25px;z-index:100}.nav-tabs-clean{height:45px;border-bottom:none}.nav-tabs-clean .nav-item .nav-link{border-radius:0;border:0;height:45px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,0)}.nav-tabs-clean .nav-item .nav-link.active{border-bottom:1px solid #212529;color:#212529}.nav-tabs-clean .nav-item .nav-link:hover{color:#212529}.card-container{display:grid;grid-template-columns:1fr}.card-container>a{color:#fff;text-decoration:none}@media (min-width: 720px){.card-container{grid-template-columns:1fr 1fr}}@media (min-width: 1440px){.card-container{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}a.tool-card-with-bg{text-decoration:none;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.2)}.tool-card-with-bg{height:500px;background-repeat:no-repeat!important;background-size:cover;background-position:center;position:relative}.tool-card-with-bg .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:0;border-radius:inherit}.tool-card-with-bg .overlay~*{position:relative;color:#fff}.tool-card-with-bg img{width:200px;height:200px}.tool-card-with-bg .word img{width:auto;height:auto}.tool-card-with-bg.segments,.tool-card-with-bg.recitation,.tool-card-with-bg.card-recitations{background-image:url(/assets/tools-cards/timestamp-4ae74174130ec3d7273f3f7a8bcb8e4717cd7192a13ae63565bbd1fefb6f33e9.webp)}.tool-card-with-bg.mushaf-layout,.tool-card-with-bg.page-layout,.tool-card-with-bg.card-mushaf-layouts{backdrop-filter:brightness(1.2);background-image:linear-gradient(#f5deb34d,#00000080),url(/assets/tools-cards/mushaf-layout-1bb3185bddb0cccdb8ad05e8ce2407ebc842513a23217342db829664bc88c44c.webp)}.tool-card-with-bg.mutashabihat{background-image:linear-gradient(#0000004d,#00000080),url(/assets/tools-cards/mutashabihat-2bc1d24ff551a2235e75ab05ab3db1b8406cda8a924e4216a501ec63f06e12bd.webp)}.tool-card-with-bg.quranic-text{background-image:linear-gradient(#0006,#00000080),url(/assets/tools-cards/quran-8d694e76b6fea497f64e44cc413ac0be60e62f548b3ab4a98eadeef4b80bc085.webp)}.tool-card-with-bg.translation{background-image:url(/assets/tools-cards/translation-d08321d701687bd6550c60596887e9296f221728a4ac9cc6849efc1e41dcd215.webp)}.tool-card-with-bg.transliteration{background-image:url(/assets/tools-cards/transliteration-d08321d701687bd6550c60596887e9296f221728a4ac9cc6849efc1e41dcd215.webp)}.tool-card-with-bg.fonts{background-image:url(/assets/tools-cards/transliteration-d08321d701687bd6550c60596887e9296f221728a4ac9cc6849efc1e41dcd215.webp)}.tool-card-with-bg.tafsirs{background-image:linear-gradient(#a38860cc,#826d4d80),url(/assets/tools-cards/tafsirs-4f81889e8be6e7b93d7f649444c9dafdd66f1644652161c899ccde6767b82cd2.webp)}.tool-card-with-bg.metadata{background-image:url(/assets/tools-cards/meta-3c7644b8d9d3a91519b9c9bbf2f434b55da097b6eed830b8511276a0cf0121c5.webp)}.tool-card-with-bg.surah-info{background-image:linear-gradient(#431b74cc,#5c2d8acc),url(/assets/tools-cards/surah-info-84652dc31631324933cdefd9ce841c65fb275a3b1e539317495d8239fd4ca65a.webp)}.tool-card-with-bg.ayah-topics{background-image:url(/assets/tools-cards/meta-3c7644b8d9d3a91519b9c9bbf2f434b55da097b6eed830b8511276a0cf0121c5.webp)}.tool-card-with-bg.grammar-morphology{background-image:linear-gradient(#c44900cc,#43253480),url(/assets/tools-cards/grammar-848592d96ef7c0556349173d14e416119993b8ac23e6ab2c786a15d2f733beeb.webp)}.tool-card-with-bg.pattern1{background-image:url(/assets/svg/pattern-1-099e1af51cb604924b7c3d34edf4c3d6417c46a83010bdb5a9ebb63e5f53f287.svg),linear-gradient(#636e72cc,#0984e3)}.tool-card-with-bg.pattern2{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#218c74,#84817a)}.tool-card-with-bg.pattern3{background-image:url(/assets/svg/pattern-3-275e203c7cf43e9275c5c4779ccdf4fc57c7773aa5b8b7f1e2a6c24266a077fb.svg),linear-gradient(#d63031,#9a031e4d)}.tool-card-with-bg.pattern4{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#fd79a8,#0984e3)}.tool-card-with-bg.pattern5{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#00b894,#0984e3)}.tool-card-with-bg.pattern6{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#3ae374,#7158e2)}.tool-card-with-bg.pattern7{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#fd79a8,#ff793f)}.tool-card-with-bg.pattern8{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#ff9f1a,#ff3838)}.tool-card-with-bg.pattern9{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#2c2c54,#cd6133)}.tool-card-with-bg.pattern10{background-image:url(/assets/svg/pattern-4-35b15a3cbdbb3f4b15cf2187ff781b9af48b6b7c252b3504f65f03f9c33515b4.svg),linear-gradient(#b33939,#34ace0)}@media (max-width: 720px){.tool-card-with-bg img{width:100px;height:100px}}.search-wrapper .resource-search-input{padding:10px 24px 10px 50px;width:300px;height:50px;border-radius:50px;border:1px solid #979797;background:#fff;border-width:1px}.search-wrapper .resource-search-input:focus{outline-color:#57d798}.custom-breadcrumb{list-style:none;padding:0;margin:0;text-align:center;display:flex;flex-wrap:wrap}@media (min-width: 720px){.custom-breadcrumb{text-align:start;justify-content:start}}.custom-breadcrumb .breadcrumb-link{color:#6c757d;position:relative;padding-right:10px}.custom-breadcrumb .breadcrumb-link:not(:last-child):after{content:">";color:#6c757d;margin-left:10px}.custom-breadcrumb .breadcrumb-link:hover{color:#000}.custom-breadcrumb .breadcrumb-link.active{font-weight:700;cursor:default}.custom-breadcrumb .breadcrumb-link:not(.active){cursor:pointer}.qul-tag{font-family:Inter;font-size:10px;display:flex;flex-direction:column;line-height:1.1}.toggle-password{position:absolute;cursor:pointer;top:18px;right:15px}.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer}button.toast-close-button{padding:0;cursor:pointer;background:#0000;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:1}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;background-color:var(--bs-info)}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important;background-color:var(--bs-danger)}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important;background-color:var(--bs-success)}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important;background-color:var(--bs-warning)}#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}@media all and (max-width: 240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px)and (max-width: 480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px)and (max-width: 768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}