trix-editor{border:1px solid #bbb;border-radius:3px;margin:0;padding:.4em .6em;min-height:5em;outline:none}trix-toolbar *{box-sizing:border-box}trix-toolbar .trix-button-row{display:flex;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto}trix-toolbar .trix-button-group{display:flex;margin-bottom:10px;border:1px solid #bbb;border-top-color:#ccc;border-bottom-color:#888;border-radius:3px}trix-toolbar .trix-button-group:not(:first-child){margin-left:1.5vw}@media (max-device-width: 768px){trix-toolbar .trix-button-group:not(:first-child){margin-left:0}}trix-toolbar .trix-button-group-spacer{flex-grow:1}@media (max-device-width: 768px){trix-toolbar .trix-button-group-spacer{display:none}}trix-toolbar .trix-button{position:relative;float:left;color:#0009;font-size:.75em;font-weight:600;white-space:nowrap;padding:0 .5em;margin:0;outline:none;border:none;border-bottom:1px solid #ddd;border-radius:0;background:transparent}trix-toolbar .trix-button:not(:first-child){border-left:1px solid #ccc}trix-toolbar .trix-button.trix-active{background:#cbeefa;color:#000}trix-toolbar .trix-button:not(:disabled){cursor:pointer}trix-toolbar .trix-button:disabled{color:#00000020}@media (max-device-width: 768px){trix-toolbar .trix-button{letter-spacing:-.01em;padding:0 .3em}}trix-toolbar .trix-button--icon{font-size:inherit;width:2.6em;height:1.6em;max-width:calc(.8em + 4vw);text-indent:-9999px}@media (max-device-width: 768px){trix-toolbar .trix-button--icon{height:2em;max-width:calc(.8em + 3.5vw)}}trix-toolbar .trix-button--icon:before{display:inline-block;position:absolute;inset:0;opacity:.6;content:"";background-position:center;background-repeat:no-repeat;background-size:contain}@media (max-device-width: 768px){trix-toolbar .trix-button--icon:before{right:6%;left:6%}}trix-toolbar .trix-button--icon.trix-active:before{opacity:1}trix-toolbar .trix-button--icon:disabled:before{opacity:.125}trix-toolbar .trix-button--icon-attach:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);top:8%;bottom:4%}trix-toolbar .trix-button--icon-bold:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-italic:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-link:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-strike:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-quote:before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-heading-1:before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-code:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-bullet-list:before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-number-list:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-undo:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-redo:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-decrease-nesting-level:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-increase-nesting-level:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-dialogs{position:relative}trix-toolbar .trix-dialog{position:absolute;top:0;left:0;right:0;font-size:.75em;padding:15px 10px;background:#fff;box-shadow:0 .3em 1em #ccc;border-top:2px solid #888;border-radius:5px;z-index:5}trix-toolbar .trix-input--dialog{font-size:inherit;font-weight:400;padding:.5em .8em;margin:0 10px 0 0;border-radius:3px;border:1px solid #bbb;background-color:#fff;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-toolbar .trix-input--dialog.validate:invalid{box-shadow:red 0 0 1.5px 1px}trix-toolbar .trix-button--dialog{font-size:inherit;padding:.5em;border-bottom:none}trix-toolbar .trix-dialog--link{max-width:600px}trix-toolbar .trix-dialog__link-fields{display:flex;align-items:baseline}trix-toolbar .trix-dialog__link-fields .trix-input{flex:1}trix-toolbar .trix-dialog__link-fields .trix-button-group{flex:0 0 content;margin:0}trix-editor [data-trix-mutable]:not(.attachment__caption-editor){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection,trix-editor [data-trix-mutable] ::-moz-selection{background:none}trix-editor [data-trix-mutable]::selection,trix-editor [data-trix-cursor-target]::selection,trix-editor [data-trix-mutable] ::selection{background:none}trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection{background:highlight}trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection{background:highlight}trix-editor [data-trix-mutable].attachment.attachment--file{box-shadow:0 0 0 2px highlight;border-color:transparent}trix-editor [data-trix-mutable].attachment img{box-shadow:0 0 0 2px highlight}trix-editor .attachment{position:relative}trix-editor .attachment:hover{cursor:default}trix-editor .attachment--preview .attachment__caption:hover{cursor:text}trix-editor .attachment__progress{position:absolute;z-index:1;height:20px;top:calc(50% - 10px);left:5%;width:90%;opacity:.9;transition:opacity .2s ease-in}trix-editor .attachment__progress[value="100"]{opacity:0}trix-editor .attachment__caption-editor{display:inline-block;width:100%;margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment__toolbar{position:absolute;z-index:1;top:-.9em;left:0;width:100%;text-align:center}trix-editor .trix-button-group{display:inline-flex}trix-editor .trix-button{position:relative;float:left;color:#666;white-space:nowrap;font-size:80%;padding:0 .8em;margin:0;outline:none;border:none;border-radius:0;background:transparent}trix-editor .trix-button:not(:first-child){border-left:1px solid #ccc}trix-editor .trix-button.trix-active{background:#cbeefa}trix-editor .trix-button:not(:disabled){cursor:pointer}trix-editor .trix-button--remove{text-indent:-9999px;display:inline-block;padding:0;outline:none;width:1.8em;height:1.8em;line-height:1.8em;border-radius:50%;background-color:#fff;border:2px solid highlight;box-shadow:1px 1px 6px #00000040}trix-editor .trix-button--remove:before{display:inline-block;position:absolute;inset:0;opacity:.7;content:"";background-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);background-position:center;background-repeat:no-repeat;background-size:90%}trix-editor .trix-button--remove:hover{border-color:#333}trix-editor .trix-button--remove:hover:before{opacity:1}trix-editor .attachment__metadata-container{position:relative}trix-editor .attachment__metadata{position:absolute;left:50%;top:2em;transform:translate(-50%);max-width:90%;padding:.1em .6em;font-size:.8em;color:#fff;background-color:#000000b3;border-radius:3px}trix-editor .attachment__metadata .attachment__name{display:inline-block;max-width:100%;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}trix-editor .attachment__metadata .attachment__size{margin-left:.2em;white-space:nowrap}@charset "UTF-8";.trix-content{line-height:1.5}.trix-content *{box-sizing:border-box;margin:0;padding:0}.trix-content h1{font-size:1.2em;line-height:1.2}.trix-content blockquote{border:0 solid #ccc;border-left-width:.3em;margin-left:.3em;padding-left:.6em}.trix-content [dir=rtl] blockquote,.trix-content blockquote[dir=rtl]{border-width:0;border-right-width:.3em;margin-right:.3em;padding-right:.6em}.trix-content li{margin-left:1em}.trix-content [dir=rtl] li{margin-right:1em}.trix-content pre{display:inline-block;width:100%;vertical-align:top;font-family:monospace;font-size:.9em;padding:.5em;white-space:pre;background-color:#eee;overflow-x:auto}.trix-content img{max-width:100%;height:auto}.trix-content .attachment{display:inline-block;position:relative;max-width:100%}.trix-content .attachment a{color:inherit;text-decoration:none}.trix-content .attachment a:hover,.trix-content .attachment a:visited:hover{color:inherit}.trix-content .attachment__caption{text-align:center}.trix-content .attachment__caption .attachment__name+.attachment__size:before{content:" \b7  "}.trix-content .attachment--preview{width:100%;text-align:center}.trix-content .attachment--preview .attachment__caption{color:#666;font-size:.9em;line-height:1.2}.trix-content .attachment--file{color:#333;line-height:1;margin:0 2px 2px;padding:.4em 1em;border:1px solid #bbb;border-radius:5px}.trix-content .attachment-gallery{display:flex;flex-wrap:wrap;position:relative}.trix-content .attachment-gallery .attachment{flex:1 0 33%;padding:0 .5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2 .attachment,.trix-content .attachment-gallery.attachment-gallery--4 .attachment{flex-basis:50%;max-width:50%}.trix-content .attachment-gallery>action-text-attachment,.trix-content .attachment-gallery>.attachment{flex:1 0 33%;padding:0 .5em;max-width:33%}.trix-content .attachment-gallery.attachment-gallery--2>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--2>.attachment,.trix-content .attachment-gallery.attachment-gallery--4>action-text-attachment,.trix-content .attachment-gallery.attachment-gallery--4>.attachment{flex-basis:50%;max-width:50%}.trix-content action-text-attachment .attachment{padding:0!important;max-width:100%!important}.card-columns{display:grid;grid-template-columns:1fr}@media (min-width: 720px){.card-columns{grid-template-columns:1fr 1fr}}.card-columns .card{height:300px;min-height:300px;break-inside:avoid-column;position:unset;background-size:cover;background-repeat:no-repeat;border-radius:24px;background-clip:content-box;background-position:center}.card-columns .card .card-body{display:flex;flex-direction:column;background-color:#000000b3;border-radius:24px;color:#fff;text-align:center;align-items:center;justify-content:center}.callout{padding:20px;margin:20px 0;border:1px solid!important;border-left-width:5px!important;border-radius:3px;border-left-color:#57d798!important}.callout h4{color:#1b809e;margin-top:0;margin-bottom:5px}.callout p:last-child{margin-bottom:0}.callout.callout-info{border-left-color:#0a60ff!important}.callout.callout-danger{border-left-color:#f46363!important}.callout.callout-warning{border-left-color:#f3bf50!important}.page-section{position:relative;border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0;-webkit-box-shadow:inset 0 3px 6px rgba(0,0,0,.05);box-shadow:inset 0 3px 6px #0000000d;padding:15px}.page-section.filters{padding:45px 15px 15px}.page-section.filters:after{position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#959595;text-transform:uppercase;letter-spacing:1px;content:"Filters"}.page-section .table-container{width:100%;overflow-x:auto}.page-section table{overflow-x:auto}.page-section.page-section-card,.section-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}@media (min-width: 720px){.page-header{margin-top:1.5rem}}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}.page-wrapper{margin-bottom:60px}.page-wrapper .highlight-section{margin:-16px 0 14px;border-width:1px;padding:9px 14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}.page-wrapper .pagination li a,.page-wrapper .pagination li span{padding:10px 16px;font-size:18px;line-height:1.3333333}.filters select{min-width:200px}#editor-wrap #ayah_text{word-spacing:2rem;line-height:2;display:block;width:100%}#editor-wrap #words{overflow-y:scroll;max-height:200px}#editor-wrap #words .well{margin:10px}#editor-wrap #words .form-control{font-size:30px;min-height:62px;resize:none}#editor-wrap .btn,#editor-wrap .help-block{font-family:Roboto}@media (min-width: 768px){.page-section{margin-right:0;margin-left:0;background-color:#fff;border-color:#ddd;border-width:1px;border-radius:4px 4px 0 0;-webkit-box-shadow:none;box-shadow:none}}.sort-icons{position:relative}.sort-icons .fa-sort-up{position:absolute}.sort-icons .fa{font-size:20px}.sort-icons .fa:not(.active){color:#cacaca}.sort-link{cursor:pointer;text-decoration:none}.flex-between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.sidebar-item .selected{background:#cacaca}.label-text{width:max-content}pre{white-space:pre-wrap;word-wrap:break-word}#resource-bg{position:absolute;width:100%;height:100%;background:url(/assets/resource-header-bg-6408d2257103419dc6ebf2bc5769f8c19c3ae94448dc3c13c87c4fd6c9453f15.svg);mix-blend-mode:difference;background-size:cover;background-position:center;background-repeat:no-repeat;top:0;z-index:-10}@media (min-width: 1440px){#resource-bg{height:1400px;top:-90px;background-size:contain;background-position:top}}#resource-message{color:#1c1919;font-family:Open Sauce Sans;font-style:normal;font-weight:700;line-height:normal;text-align:center}#resource-message .fw-light{font-weight:400}@media (max-width: 540px){#resource-message{font-size:17px}}@media (min-width: 720px){#resource-message{font-size:32px;text-align:left}}@media (min-width: 1440px){#resource-message{max-width:70%;font-size:48px}}#resources .resources-list .card-container{display:grid;grid-template-columns:1fr}@media (min-width: 720px){#resources .resources-list .card-container{grid-template-columns:1fr 1fr}}@media (min-width: 1440px){#resources .resources-list .card-container{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}#resources .resources-list .count-badge{color:#57d798;border:1px solid #57D798;padding:3px 15px;border-radius:1332px;background-color:#bcefd6}#resources .resources-list .featured-resource-card{position:relative;border-radius:24px;background-repeat:no-repeat;background-size:cover;background-position:center}#resources .resources-list .featured-resource-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:0;border-radius:23px}#resources .resources-list .featured-resource-card .overlay~*{position:relative;z-index:20;color:#fff}#resources .resources-list .featured-resource-card a{text-decoration:none;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.2)}#resources .resources-list .featured-resource-card.card-recitations{background-image:url(/assets/resource-cards/audio-f5fd26831eb54057acdd6f0587330a4ed381fd4e9ea722a47e407d6e81f752bb.png)}#resources .resources-list .featured-resource-card.card-mushaf-layouts{background-image:url(/assets/resource-cards/mushaf-layout-11e6858d61d9edf98ba9505eb0dfff17e899330a8d7598a945ef961f0bb2870b.png)}#resources .resources-list .resource-card{height:550px;border-radius:24px;position:relative}@media (max-width: 540px){#resources .resources-list .resource-card{min-height:370px}}@media (max-width: 720px){#resources .resources-list .resource-card{min-height:400px}}#resources .resources-list .resource-card a{text-decoration:none;color:#fff}#resources .resources-list .resource-card .dropdown-toggle,#resources .resources-list .resource-card .dropdown-item{color:#000}.book-page{width:90%;max-width:700px;background-color:#fff;padding:30px;box-shadow:0 4px 8px #0000001a;margin:20px;border-radius:8px;line-height:1.6;text-align:justify}.iframe-container{position:relative;width:100%;padding-bottom:56.25%;height:100%;overflow:hidden}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.mushaf-layout-form .verse{display:flex;flex:1 1;padding-left:40px;flex-wrap:wrap}.mushaf-layout-form .word-group{text-align:center;margin:5px 10px;cursor:pointer;padding:10px;border:1px dotted rgba(248,168,46,.5);webkit-background-clip:padding-box;background-clip:padding-box}.placeholder ul{display:grid;grid-column-gap:12px;moz-column-gap:12px;column-gap:12px;grid-row-gap:12px;row-gap:12px;grid-template-columns:repeat(3,1fr);list-style:none}.bidi-override{unicode-bidi:bidi-override}.mushaf-layout{display:flex;justify-content:center}.mushaf-layout .word--missing{color:#f04903}.mushaf-layout .line--center{text-align:center;text-align-last:center}.mushaf-layout .ayah,.mushaf-layout .ayah-container{display:inline}.mushaf-layout .ayah.highlight,.mushaf-layout .ayah-container.highlight{border-bottom:1px solid #FCB941;background:transparent}.mushaf-layout .char a{color:inherit;text-decoration:none}.mushaf-layout .char:hover{border-bottom:1px solid #FCB941}.mushaf-layout .char-pause{color:#2cc990}.mushaf-layout .char-number{color:#00f}.mushaf-layout .page-wrapper{font-size:29.9px;direction:rtl;line-height:1.85;text-align:center;display:flex;align-content:center;margin:auto}.mushaf-layout .page{text-align:justify;text-align-last:justify;border:2px solid #0a0a0a;padding:10px}.muhsaf-indopak .char-end,.muhsaf-me_quran .char-end{font-family:UthmanicHafs1-Ver17}.page{text-align:justify;text-align-last:justify}.mushaf .line--center{text-align:center;text-align-last:center}.mushaf .ayah,.mushaf .ayah-container{display:inline}.mushaf .ayah:hover{border-bottom:1px solid #FCB941}.mushaf .mushaf-layout{display:flex;justify-content:center}.mushaf .mushaf-layout .char a{color:inherit;text-decoration:none}.mushaf .mushaf-layout .char a:hover{border-bottom:1px solid #FCB941}.mushaf .highlight{border-bottom:1px solid #FCB941;background:transparent}.mushaf .char.highlight{border-bottom:1px solid black;background:transparent}.mushaf .char-pause{color:#2cc990}.mushaf .char-number,.mushaf .char-end{color:#00f}.mushaf .page-wrapper{font-size:29.9px;direction:rtl;line-height:1.85;text-align:center;display:flex;align-content:center;margin:auto}.mushaf .page{text-align:justify;text-align-last:justify}.muhsaf-v2 .page{word-spacing:-.25em}.indopak-nastaleeq .char a{unicode-bidi:unset}#font-switcher select{min-width:200px}.mushaf-img.img{max-width:unset!important}.surah-name{display:flex;justify-content:center;align-items:center;margin:10px auto 0}.line---bismillah .surah-name{background:none;width:unset;height:unset;margin:unset}.line--surah-name.line---bismillah{display:flex;justify-content:center;align-items:center;margin:10px auto 0}.line---bismillah{display:flex;justify-content:center;align-items:center}tajweed,rule,r{cursor:pointer}.ham_wasl,.slnt,.laam_shamsiyah{color:#aaa}.ham_wasl:hover,.slnt:hover,.laam_shamsiyah:hover{background-color:#d7d7d7}.madda_normal{color:#537fff}.madda_permissible{color:#4050ff}.madda_necessary{color:#000ebc}.madda_obligatory{color:#2144c1}.qalaqah{color:#dd0008}.qalaqah:hover{background-color:#f3a6a9;color:#dd0008}.ikhafa_shafawi{color:#d500b7}.ikhafa_shafawi:hover{background-color:#f0a6e6;color:#d500b7}.ikhafa{color:#9400a8}.ikhafa:hover{background-color:#daa6e1;color:#9400a8}.iqlab{color:#26bffd}.iqlab:hover{background-color:#92e5ff;color:#0099c5}.idgham_shafawi{color:#58b800}.idgham_shafawi:hover{background-color:#bae890;color:#58b800}.idgham_ghunnah{color:#169200}.idgham_ghunnah:hover{background-color:#9ce58e;color:#169200}.idgham_wo_ghunnah{color:#169200}.idgham_wo_ghunnah:hover{background-color:#9ce58e;color:#169200}.idgham_mutajanisayn,.idgham_mutaqaribayn{color:#a1a1a1}.idgham_mutajanisayn:hover,.idgham_mutaqaribayn:hover{background-color:#d7d7d7}.ghunnah{color:#ff7e1e}.ghunnah:hover{background-color:#ff7e1e;color:#000}.tajweed-rule-icon{width:20px;height:20px;display:inline-block}.tajweed-rule-icon.izhar{background:#006400}.tajweed-rule-icon.izhar_shafawi{background:#00f}.tajweed-rule-icon.ham_wasl,.tajweed-rule-icon.slnt,.tajweed-rule-icon.laam_shamsiyah{background:#aaa}.tajweed-rule-icon.ikhafa_shafawi{background:#d500b7}.tajweed-rule-icon.ikhafa{background:#9400a8}.tajweed-rule-icon.qalaqah{background:#009ee6}.tajweed-rule-icon.iqlab{background:#26bffd}.tajweed-rule-icon.idgham_ghunnah,.tajweed-rule-icon.idgham_wo_ghunnah{background:#169200}.tajweed-rule-icon.idgham_shafawi{background:#58b800}.tajweed-rule-icon.ghunnah{background:#ff7e1e}.tajweed-rule-icon.tafkheem{background:#006994}.tajweed-rule-icon.madda_obligatory_mottasel,.tajweed-rule-icon.madda_obligatory_monfasel{background:#f2007f}.tajweed-rule-icon.madda_normal{background:#537fff}.tajweed-rule-icon.madda_permissible{background:#f38e02}.tajweed-rule-icon.madda_necessary{background:#00008b}.tajweed-new .tafkheem{color:#006994}.tajweed-new .izhar{color:#006400}.tajweed-new .izhar_shafawi{color:#00f}.tajweed-new .ikhafa_shafawi{color:#d500b7}.tajweed-new .ikhafa_shafawi:hover{background-color:#f0a6e6;color:#d500b7}.tajweed-new .ham_wasl,.tajweed-new .slnt,.tajweed-new .laam_shamsiyah{color:#aaa}.tajweed-new .ham_wasl:hover,.tajweed-new .slnt:hover,.tajweed-new .laam_shamsiyah:hover{background-color:#d7d7d7}.tajweed-new .madda_normal{color:#537fff}.tajweed-new .madda_permissible{color:#f38e02}.tajweed-new .madda_necessary{color:#a9045c}.tajweed-new .madda_obligatory,.tajweed-new .madda_obligatory_mottasel,.tajweed-new .madda_obligatory_monfasel{color:#f2007f}.tajweed-new .qalaqah{color:#009ee6}.tajweed-new .qalaqah:hover{background-color:#b3def4;color:#009ee6}.tajweed-new .ikhafa{color:#9400a8}.tajweed-new .ikhafa:hover{background-color:#daa6e1;color:#9400a8}.tajweed-new .iqlab{color:#26bffd}.tajweed-new .iqlab:hover{background-color:#92e5ff;color:#0099c5}.tajweed-new .idgham_shafawi{color:#58b800}.tajweed-new .idgham_shafawi:hover{background-color:#bae890;color:#58b800}.tajweed-new .idgham_ghunnah{color:#169200}.tajweed-new .idgham_ghunnah:hover{background-color:#9ce58e;color:#169200}.tajweed-new .idgham_wo_ghunnah{color:#169200}.tajweed-new .idgham_wo_ghunnah:hover{background-color:#9ce58e;color:#169200}.tajweed-new .idgham_mutajanisayn,.tajweed-new .idgham_mutaqaribayn{color:#a1a1a1}.tajweed-new .idgham_mutajanisayn:hover,.tajweed-new .idgham_mutaqaribayn:hover{background-color:#d7d7d7}.tajweed-new .ghunnah{color:#ff7e1e}.tajweed-new .ghunnah:hover{background-color:#ff7e1e;color:#000}body{--rem: 16}.uthmani{font-family:UthmanicHafs1-Ver17}.arabic{direction:rtl}.saw{color:#f0c}.tafsir{font-size:20px}.tafsir .heading{font-size:larger}.tafsir .qpc-hafs{font-size:20px!important}.tafsir .translation,.tafsir .arabic{margin-left:5px;margin-right:5px}.tafsir .blue{color:#006d98}.tafsir .red,.tafsir .translation{color:#950000}.tafsir .green,.tafsir root{color:green}.tafsir .brown{color:#707070}.tafsir .reference{color:#f06;font-size:small}.tafsir .gray{color:#999}.tafsir .arabic,.tafsir .quot{color:#57d798}.tafsir h3{margin:10px 0;font-size:larger}.tafsir .page-number{text-align:left;font-size:small;margin:20px 0}.tafsir .poetry{color:#e76c47;margin:12px 0;text-align:center}.tafsir .hlt{color:#57d798}.tafsir .sep{color:#e3120a;font-size:1.2rem;line-height:1.8;text-align:center}.suggestion-popup{position:fixed;right:41px;bottom:92px;transform:translate(41px,92px)}.mushaf .mushtabiat{border:.9px dotted lightgray}.border-highlighted{border:1px solid #FF0000!important}[data-location]{display:inline-block;cursor:pointer}.h{color:#57d798}.b{font-weight:700}.diff{overflow:auto}.diff ul{background:#fff;overflow:auto;font-size:13px;list-style:none;margin:0;padding:0;display:table;width:100%}.diff del,.diff ins{display:block;text-decoration:none}.diff li{padding:0;display:table-row;margin:0;height:1em}.diff li.ins{background:#dfd;color:#080}.diff li.del{background:#fee;color:#b00}.diff li:hover{background:#ffc}.diff del,.diff ins,.diff span{white-space:pre-wrap;font-family:courier}.diff del strong{font-weight:400;background:#fcc}.diff ins strong{font-weight:400;background:#9f9}.diff li.diff-comment{display:none}.diff li.diff-block-info{background:none repeat scroll 0 0 gray}.ml-2{margin-left:5px}.ab{color:#0000c8}.at{color:#329632;font-size:1.2em;font-weight:700}.navy,.emph{color:#1301b8}.navy-light,.conj{color:#00f}.seagreen,.v{color:#32bd2f}.seagreen-light{color:#3ece39}.sky,.n{color:#548dd4}.sky-dark,.pron{color:#3f70aa}.sky-light{color:#6f9fdb}.metal{color:#5c7085}.metal-light{color:#70869c}.rust,.p{color:#ad2323}.rust-light{color:#d73535}.gray,.det{color:#575757}.orange,.impv{color:#e37010}.orange-dark,.fut{color:#b65a0d}.inl{color:#e3a10f}.t{color:#89440a}.orange-light{color:#ef7d21}.purple,.adj{color:#8126c0}.purple-light{color:#9a3cd9}.blue,.pn{color:#257e9c}.blue-light{color:#2e9abe}.brown,.dem{color:#bf9f3e}.brown-light{color:#c9ad58}.rose,.intg{color:#fd5162}.rose-light{color:#fd6675}.gold,.rel{color:#817418}.prp{color:#a8a800}.gold-light{color:#97881c}.red,.neg{color:#f4400b}.red-light{color:#f76c44}.green,.voc{color:#1d6914}.green-light{color:#278e1c}.pink{color:#a8017b}.pink-light{color:#d8019c}.silver{color:#b4b4b4}.silver-light{color:#bebebe}.resize-container{display:grid;grid-template-columns:1fr auto 1fr;overflow:hidden}.resizable{border:1px solid #ccc;max-height:950px;overflow-y:auto}.resize-heading{position:sticky;top:0;background:#dedede;z-index:100}.handler{width:10px;margin-right:5px;background-color:#333;cursor:ew-resize;user-select:none}#pdf-container{overflow:auto;position:relative}.mutashabihat [data-action=add]{cursor:pointer}.mutashabihat [data-action=add].active,.mutashabihat [data-action=add]:hover{color:#fff;background:#2ed477}.mutashabihat [data-action=add].active:hover{background:#f46363!important}.mutashabihat [data-action=remove]{cursor:pointer}.mutashabihat [data-action=remove].active,.mutashabihat [data-action=remove]:hover{color:#fff;background:#f46363}.mutashabihat [data-action=remove].active:hover{background:#0a60ff!important}.zoomable{height:100%;display:flex;flex-direction:column}.zoomable #image-container{overflow:auto}.zoomable #zoom-img{transition:transform .3s ease;max-width:100%}.ayah-tajweed-words .border-primary{border-width:3px!important}.proofreading-container{display:none;height:calc(100vh - 100px);border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.proofreading-container.active{display:block}#proofreading-view-switcher .source-buttons{padding:10px 0;background:#fff;z-index:100}.iframe-container{height:100%;width:100%;overflow:auto}.iframe-container iframe{width:100%;height:100%;min-height:600px}#pdf-wrapper{height:100%;overflow:auto}#image-container{height:calc(100% - 120px);overflow:auto;background:#f8f9fa}.text-transliteration{display:flex;flex-wrap:wrap}.text-transliteration .word-group{border:1px solid;margin:5px 10px;padding:10px}.text-transliteration .word-group .word{background-clip:padding-box;border-collapse:collapse;cursor:pointer}.text-transliteration .word-group .word:hover{background:#dee2e6}.text-transliteration .word-group:first-of-type{border-left:0;margin-left:0}.text-transliteration .word-group:last-of-type{border-right:0;margin-right:0}.credits-list{list-style-type:none;padding:0;margin:0}.credits-list li{margin-bottom:10px;line-height:1.5;padding-bottom:10px}.credits-list li:last-child{border-bottom:none}.credits-list a{text-decoration:none;color:#343a40;font-weight:700}.credits-list a:hover{text-decoration:underline;color:#2ed477}.credits-description{display:block;color:#555;font-style:italic;margin-top:5px}.faq .item{border-bottom:1px solid #adb5bd}.faq .item.active .question-icon{transform:rotate(45deg)}.faq .item .question-icon{position:relative;width:1.6rem;height:1.6rem;background-color:#57d798;border-radius:50%;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.faq .item .question-icon:after,.faq .item .question-icon:before{width:2px;height:50%;background-color:#fff;position:absolute;left:50%;top:50%;content:"";transform:translate3d(-50%,-50%,0)}.faq .item .question-icon:after{width:50%;height:2px}.faq .item .question{display:flex;align-items:center;justify-content:space-between;color:#495057;text-decoration:none;gap:1rem}.faq .item .question:hover{color:#57d798}.faq .item .answer-wrapper{display:none;padding-bottom:1rem}pre{background:#37352f26;padding:.5rem;margin-top:10px;margin-bottom:10px}.quiz-container{background-color:#f4f4f4;color:#333;display:flex;justify-content:center;align-items:center;text-align:center}.quiz-container .box{max-width:800px;min-height:400px;padding:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;position:relative}@media (max-width: 540px){.quiz-container .more-activities{flex-direction:column}}.quiz-container .quiz{margin-top:30px}.quiz-container .options{display:flex;justify-content:left;margin-top:20px;flex-wrap:wrap}.quiz-container .result{margin-top:20px;font-size:1.2rem;font-weight:700}.quiz-container .shake{animation:shake .5s}.quiz-container .word-box,.quiz-container .blank-box{display:inline-block;padding:5px 10px;margin:5px;border:1px solid #2ED477;border-radius:4px;min-width:50px;min-height:50px;text-align:center}.quiz-container .blank-box{background-color:#f8f9fa;border-color:#f46363;cursor:pointer}.quiz-container .blank-box.correct{border-color:#2ed477}.quiz-container .draggable-word{display:inline-block;padding:5px 10px;margin:5px;border:1px solid #2ED477;background-color:#2ed477;color:#fff;border-radius:4px;cursor:grab}.quiz-container .sortable-ghost{background:#fff;border-style:dotted!important;color:#2ed477;opacity:.7}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px;padding-right:0}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:700;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0 0 0 20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-radius:0 4px 4px 0}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,white 50%,#eeeeee 100%);background-image:-o-linear-gradient(top,white 50%,#eeeeee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eeeeee 50%,#cccccc 100%);background-image:-o-linear-gradient(top,#eeeeee 50%,#cccccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,white 0%,#eeeeee 50%);background-image:-o-linear-gradient(top,white 0%,#eeeeee 50%);background-image:linear-gradient(to bottom,#fff,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eeeeee 50%,white 100%);background-image:-o-linear-gradient(top,#eeeeee 50%,white 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-radius:0 4px 4px 0}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:gray}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.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 #ffffff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer}button.toast-close-button{padding:0;cursor:pointer;background:transparent;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 #999999;-webkit-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;opacity:1}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000000;-webkit-box-shadow:0 0 12px #000000;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}}@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 transparent}.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{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}.tools-help h2{font-size:24px;text-align:center;margin-bottom:30px}.tools-help h3{font-size:20px;margin-bottom:20px}.tools-help .step{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.tools-help .step .step-title{cursor:pointer}.tools-help .step h4{font-size:18px;margin-bottom:0}.tools-help .step p{font-size:16px;margin-bottom:20px}.tools-help .step .screenshot{text-align:center}.tools-help .step .screenshot img{max-width:100%;height:auto;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 5px #0000001a}[aria-expanded=true] .collapsed-reveal{display:none}[aria-expanded=true] .collapsed-hidden,[aria-expanded=false] .collapsed-reveal{display:unset}[aria-expanded=false] .collapsed-hidden{display:none}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#audio-player button[disabled]{opacity:.5;cursor:not-allowed}#current-ayah{position:relative}.highlight-span{position:absolute;background-color:#22c55e99;border-radius:.25rem;transition:all .25s ease;pointer-events:none;z-index:0}html,body{height:100%}.select2-container .select2-selection--single{height:38px!important}.select2-selection__rendered{line-height:38px!important}.select2-selection__clear,.select2-selection__arrow{height:38px!important}.select2-search__field:focus{outline:none!important}.form-floating .select2-container{padding:17px 0 0 5px}.form-floating .select2-selection{border:none}@media (min-width: 720px){.narrow-container{margin:0 auto;width:100%;max-width:700px!important}}@media (min-width: 920px){.narrow-container{max-width:900px!important}}