@import "/assets/css/bootstrap.min.css";@import "/assets/css/fontawesome.min.css";@import "/assets/css/style.css";@import "/assets/css/responsive.css";@import "https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap";@font-face{font-family:NotoNastaliqUrdu;src:local("NotoNastaliqUrdu"),url(/assets/fonts/NotoNastaliqUrdu/NotoNastaliqUrdu.ttf) format("truetype")}.swal2-actions{flex-direction:row-reverse}.w-screen{width:100vw!important}.text-small{font-size:12px;font-weight:500}.arabic-font{font-family:Scheherazade New,sans-serif;font-size:1.35rem;line-height:3rem;font-weight:400;direction:rtl}.urdu-font{line-height:2.75rem;direction:rtl}.chapter-urdu-font,.urdu-font{font-family:NotoNastaliqUrdu,sans-serif;font-size:1rem;font-weight:400}.chapter-urdu-font{line-height:2.6rem}.hadith-book-arabic-font{font-family:Scheherazade New,sans-serif;font-size:1.1rem!important;line-height:1.65rem;font-weight:400}.site-loader-wrapper{height:100dvh;width:100dvw;top:0;left:0;background-color:hsla(0,0%,100%,.489);z-index:9999999999999;display:flex;align-items:center;justify-content:center;position:fixed;visibility:hidden;opacity:0;transition:all .3s ease-in-out}.site-loader-wrapper.active{visibility:visible;opacity:1}.text-brand{color:var(---brand-color)}.bg-common-colour{background-color:var(--common-colour)!important}.bg-common-colour-light{background-color:var(--common-colour-light)!important}.border-common-colour{border-color:var(--common-colour)!important}.border-common-colour-light{border-color:var(--common-colour-light)!important}.border-4{border-width:4px!important;border-style:solid!important}.border-2{border-width:2px!important;border-style:solid!important}.border-3{border-width:3px!important;border-style:solid!important}.dua-active-category{border-radius:5px;background-color:var(--common-colour);color:#fff}.h-screen{height:100vh!important}.hadith-chapter-arabic-font{font-family:Scheherazade New,sans-serif;font-size:1.2rem!important;line-height:1.65rem;font-weight:400}:root{---brand-color:#0364a8}.min-height-100{min-height:100vh}@media (min-width:1200px){.banner-gap-fix{position:relative;top:-151px;margin-bottom:-151px}.banner-gap-fix-child{align-items:flex-end;padding-bottom:50px}}.clickable{cursor:pointer}.green-text{color:#006b43}.arabic-ayat-style{font-family:Noorehuda,sans-serif;font-size:1.65rem!important;line-height:3rem;font-weight:400;direction:rtl}.top-bar-loading{position:fixed;top:0;left:0;width:100%;height:4px;background-color:#f0f0f0}.progress-bar{height:100%;background-color:#007bff;animation:loadingAnimation 2s infinite}@keyframes loadingAnimation{0%{width:0}to{width:100%}}.hover-black-text{transition:.24s ease-in-out}.hover-black-text:hover{color:#000}.bg-transparent{background-color:transparent!important}.outline-none{outline:none!important}.border-none{border:none!important}.btn-icon-navbar{font-size:1.5rem}.btn-reset{background-color:transparent;outline:none;border:none}.hover-opacity-low{transition:.1s ease-out}.hover-opacity-low:hover{opacity:.6}.verse-id-round{border-radius:50%;width:30px;height:30px;display:flex;font-size:20px;padding:20px;background-color:#ddeee5;justify-content:center;align-items:center}.ml-3{margin-left:.9rem}.sura-audio-wrapper{visibility:hidden;transform:translateY(200px) translateX(-50%) scale(.4);transition:all .9s ease-in-out}.sura-audio-wrapper.visible{visibility:visible;transform:translateY(0) translateX(-50%) scale(1)}.settings-footer-icon{width:50px;height:50px;display:grid;place-items:center;font-size:20px;border-radius:50%;color:#fff;border:2px solid var(--theme-colour);margin-right:5px;transition:all .25s ease-in-out}.contact-info:hover .settings-footer-icon{color:var(--theme-colour)}.settings-footer-icon i{text-align:center;display:inline-block;margin:0 auto}.rhap_progress-bar{height:2px!important}.rhap_progress-indicator{background:#83fcc6!important;width:14px!important;height:14px!important;top:-6px!important}.rhap_progress-filled{background:#a6ffd7a8!important}.rhap_download-progress{background:#a4a4a4!important}.rhap_time{font-size:10px!important}.para-wrapper{max-height:100vh;height:100%;overflow-y:auto}.ayat-no-number{font-size:16px;padding:5px 10px;border:1px solid #000;border-radius:50%}.sura-view-switch{background-color:transparent;outline:none;border:none;font-size:16px;color:#515151;cursor:pointer;padding:10px;font-weight:600}.sura-view-switch.active{border-bottom:2px solid #007d3a}.text-align{text-align:justify}.ongoing-style{background:var(--common-colour);padding:14px 50px;color:#fff;border-radius:0 50px 50px 50px}.courses:hover .card-hover-title{color:red!important}.notice-img{height:300px}.notice-img img{width:max-content;max-height:100%;max-width:100%}.notice{font-family:var(--common-font)}@media (max-width:576px){.contact-message-height{height:150px!important}.text-align{text-align:left}.notice-img{height:150px}}.active-header{border-bottom:2px solid #006b43}.border-radius-none{border-radius:0!important}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.1)}}.animate__animated{animation-duration:5s;animation-fill-mode:both}.animate__zoomIn{animation-name:zoomIn}.hover-common,.hover-common-light{transition:all .25s ease-in-out}.hover-common-light:hover{color:var(--common-colour-light)}.hover-common:hover{color:var(--common-colour)}.tafsir-wrapper{max-width:1200px;width:100%;padding:20px;margin:0 auto}.banner-height{height:100vh}.banner-text{font-size:70px;color:#fff}@media (max-width:768px){.hero-container{justify-content:center;text-align:center;padding-bottom:0}.banner-height{height:300px}.banner-text{font-size:50px;color:#fff;margin-bottom:20px}.banner-button{padding:8px 20px}}.hadith-intro{background-repeat:no-repeat;background-position:50%;background-size:cover;min-height:300px;color:#fff;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;padding-top:150px;position:relative;z-index:1}.hadith-intro:after{position:absolute;top:0;left:0;width:100%;content:"";background-color:rgba(0,0,0,.534);z-index:-1}@media (max-width:1200px){.hadith-intro{align-items:center;padding-top:0}}@media (max-width:576px){.hadith-intro{align-items:center}}.event-details-icon{width:22px;color:var(--common-colour-light)}.banner-gap-fix{background-color:transparent}.banner-gap-fix-child{align-items:center;padding-bottom:0}.book-no{color:#19191b;background-color:#e1e1e1;width:36px;line-height:36px;border-radius:20px;text-align:center;font-size:16px}.book-title-en{font-size:1.1rem}.banner-child{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;padding-bottom:50px}@media (min-width:992px){.hadith-book-list-group:nth-child(2n){padding-right:0!important}}@media (max-width:992px){.hadith-book-list-group{padding-right:0!important}.book-title-bn{font-size:1.08rem}.remove-border{border:0!important}}.hadith-book-list-group-item:hover{cursor:pointer;background-color:#f3f3f3;transition:all .5s}.hadith-book-list-group-item:hover .book-no{background-color:#d3cfc8;color:#000;transition:all .5s}.hadith-book-list-group-item:hover .text-black-50 span,.hadith-book-list-group-item:hover .text-dark h6{transition:color .5s}.hadith-book-card{min-height:120px}.book-header{font-size:1.15rem;font-weight:700;cursor:pointer;padding:0 6px}@media (max-width:768px){.book-header{font-size:1.1rem}}@media (min-width:768px){.hadith-chapter-list-group:nth-child(2n){padding-right:0!important}}@media (max-width:768px){.hadith-chapter-list-group{padding-right:0!important}}.hadith-chapter-list-group-item:hover{cursor:pointer;background-color:#f3f3f3;transition:all .5s}.hadith-chapter-list-group-item:hover .book-no{background-color:#d3cfc8;transition:all .5s}.hadith-chapter-list-group-item:hover .text-black-50 span,.hadith-chapter-list-group-item:hover .text-dark h6{transition:color .5s}.hadith-chapter-card{min-height:100px}@media (max-width:576px){.chapter-title{font-size:17px!important}.title-text-responsive{font-size:2rem}.book-title{font-size:18px!important}.total-text{font-size:17px!important}}.hadith-no-field{font-size:1.08rem;padding:5px 8px;margin:4px 0;border:1px solid #000;border-radius:4px;color:#000;font-weight:700;display:inline-block}@media (max-width:768px){.hadith-no-field{font-size:1rem}}.hadith-small-img{height:24px;width:24px}.hadith-small-img.active,.hadith-small-img:hover{filter:invert(0) sepia(0) saturate(0) hue-rotate(223deg) brightness(97%) contrast(107%);transition:all .4s}.hadith-card-header{background-color:#fff!important;border:none!important}.hadith-header-area{border-bottom:1px solid #006b434a!important}.hadith-card-header-item{margin:6px 0 0 2px}.hadith-title-ur{font-size:1.05rem;color:#006b43;line-height:2.75rem}.hadith-desc-ur{font-size:1rem}.hadith-desc{font-size:1.05rem}.hadith-arabic-title{color:#006b43}.card-footer-item{font-size:1rem;color:#006b43;display:inline-block;padding:4px 2px}.hadith-chapter-title{font-size:1.35rem}@media (max-width:768px){.hadith-chapter-title{font-size:1.2rem}.title-text-responsive{font-size:2.5rem}}.intro{background-color:#e1e1e1;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:50%;text-align:center;padding-top:15px;padding-bottom:15px}.go-back{font-size:1.25rem}.go-back,.hadith-book-title{text-decoration:none;color:#000;display:inline-block}.hadith-book-title{font-size:1.1rem;font-weight:700}@media (max-width:768px){.hadith-book-title{font-size:1.05rem}}.loader-content{display:flex;justify-content:center;align-items:center;height:100vh}li:after,li:before{list-style:none!important;list-style-type:none!important}.cursor-pointer{cursor:pointer}.carousel-indicators{z-index:1!important}.css-10nakn3-MuiModal-root-MuiPopover-root-MuiMenu-root,.css-zw3mfo-MuiModal-root-MuiDialog-root{z-index:1000000}.sidebar-backdrop:not(.active-sidebar-on-small-devices){position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:4;opacity:0;visibility:hidden;transition:all .3s ease-in-out;background-color:rgba(0,0,0,.381);cursor:pointer}.sidebar-backdrop.open:not(.active-sidebar-on-small-devices){opacity:1;visibility:visible}.sidebar-main:not(.active-sidebar-on-small-devices){position:fixed;top:0;height:100vh;overflow:hidden;background-color:#f7f7f7;transition:all .3s ease-in-out;z-index:7}.sidebar-main{max-width:300px;overflow:hidden}.sidebar-main.left:not(.active-sidebar-on-small-devices){left:0;transform:translateX(-100%)}.sidebar-main.right:not(.active-sidebar-on-small-devices){right:0;transform:translateX(100%)}.sidebar-main.left.open:not(.active-sidebar-on-small-devices),.sidebar-main.right.open:not(.active-sidebar-on-small-devices){transform:translateX(0)}.dashboard-nav-header{display:none}.dashboard-top-nav{padding:6px 10px}@media (max-width:993px){.sidebar-wrapper.active-sidebar-on-small-devices{z-index:999999}.sidebar-wrapper{width:auto!important}.dashboard-nav-header{display:block;color:#000;position:relative}.title-text-responsive{font-size:3.5rem}.sidebar-backdrop.active-sidebar-on-small-devices{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:4;opacity:0;visibility:hidden;transition:all .3s ease-in-out;background-color:rgba(0,0,0,.381);cursor:pointer}.sidebar-backdrop.open.active-sidebar-on-small-devices{opacity:1;visibility:visible}.sidebar-main.active-sidebar-on-small-devices{position:fixed;top:0;height:100vh;overflow:hidden;background-color:#f7f7f7;transition:all .3s ease-in-out;z-index:6}.sidebar-main.active-sidebar-on-small-devices{transform:translateX(0)}.sidebar-main.left.active-sidebar-on-small-devices{left:0;transform:translateX(-100%)}.sidebar-main.right.active-sidebar-on-small-devices{right:0;transform:translateX(100%)}.sidebar-main.left.open.active-sidebar-on-small-devices,.sidebar-main.right.open.active-sidebar-on-small-devices{transform:translateX(0)}}.jumuatime{max-width:800px}@media (max-width:420px){.jumuatime{padding:10px}.title-text-responsive{font-size:1.5rem}}.jumuatime-table-header{padding-bottom:20px;text-align:center;margin-top:0;color:var(--common-colour);font-family:var(--common-font)}.jumuatime-table{width:100%;border-collapse:collapse;font-family:var(--common-font);background-color:#ffffffb9}.jumuatime-table td,.jumuatime-table th{padding:15px;text-align:center;font-weight:400;border:none!important}.jumuatime-table tr{height:auto;border:none!important}.jumuatime-table th{background-color:var(--common-colour);color:#fff}.jumuatime-table .subheadings{font-weight:400}.jumuatime-table tbody tr:nth-child(2n){background-color:#f2f2f2}.jumuatime-table tbody tr:hover{background-color:#ddd}.thin-bar{scrollbar-width:thin;scroll-behavior:smooth}.thin-bar::-webkit-scrollbar{width:2px}.thin-bar::-webkit-scrollbar-track{scrollbar-color:#007 #bada55}.thin-bar::-webkit-scrollbar-thumb{background-color:#888;border-radius:50%}.thin-bar::-webkit-scrollbar-track{display:none}.thin-bar::-webkit-scrollbar-thumb:hover{background-color:#555}.link-hover:hover{cursor:pointer;background-color:#d8e3c5;border-color:#3fbc8e}.link-hover{transition:all .5s}.related-dua-button:hover{background-color:#006b43;color:#fff}.active-page-number{width:30px;aspect-ratio:1/1;font-weight:700;border-radius:50px;color:#fff;background-color:var(--common-colour-light)}.pagination-border{border:3px solid var(--common-colour-light)!important}.dynamic-heading{position:relative;display:inline-block;cursor:pointer}.dynamic-heading:after{content:"";position:absolute;width:30%;height:3px;background-color:#000;top:100%;left:0;transition:all .25s ease-in-out}.card-img{position:relative}.card-img .badge{position:absolute;top:5px;left:5px}.dynamic-heading:hover:after{width:100%;height:3px;background-color:var(---brand-color);top:100%;left:0}.badge{width:max-content;display:inline-block;padding:5px 10px;font-size:10px;font-weight:700;border-radius:20px;margin-top:10px}.upcoming{background-color:#007bff;color:#fff}.ongoing{background-color:#28a745;color:#fff}.event-card .card-title{transition:all .25s ease-in-out}.event-card:hover .card-title{color:var(---brand-color)}.event-card img{position:relative}.event-card img:after{content:"";position:absolute;top:0;left:0;background-color:green;opacity:1;width:100px;height:100px;z-index:2}.visit-calender-button{padding:20px;border-radius:10px}.event-calender{width:80%!important;height:90vh;margin:0 auto;overflow-x:auto}.add-to-calender-sticky{position:absolute;top:10px;right:10px}div#atcb-reference a{display:none!important;opacity:0!important;visibility:hidden!important}.event-details-container{margin:0 auto;padding:20px;border-radius:5px}.event-details-container .event-title{font-size:2rem;margin-bottom:10px}.event-details-container .event-subtitle{font-size:1.5rem;color:#666;margin-bottom:20px}.event-details-container .event-description{margin-bottom:20px}.event-details-container .event-info{font-size:1.1rem}.event-details-container .speaker-info{margin-top:20px;border-top:1px solid #ccc;padding-top:20px}.event-container{display:flex;margin:20px;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.single-event-countdown{text-align:center;padding:5px 0;color:#fff;background-color:var(--common-colour-light);display:flex;justify-content:center}.single-event-countdown ul{display:flex;margin:0 auto;padding:10px;gap:40px}.single-event-countdown ul li{display:flex;flex-direction:column;font-size:x-large}.single-event-countdown ul li span{font-size:30px;font-weight:700}.event-image{flex:0 0 30%;margin-right:20px}.event-image img{width:100%;border-radius:8px}.event-details{flex:1 1}.event-description{margin-bottom:15px}.event-subtitle{font-style:italic;margin-top:10px}.nav-area{display:flex;align-items:center;max-width:100%;margin:0 auto;padding:0 20px;height:58px}.menus{display:flex;list-style:none}.menu-items{position:relative;font-size:14px}.menu-items a{display:block;font-size:inherit;text-decoration:none}.menu-items button{border:none;background-color:transparent;cursor:pointer;width:100%}.menu-items a,.menu-items button{text-align:left;padding:.4rem .8rem}.menu-items a.nav-active,.menu-items a:hover,.menu-items button:hover{color:#ffc107!important}.arrow:after{content:"";display:inline-block;margin-left:.28em;vertical-align:.09em;border-top:.42em solid;border-right:.32em solid transparent;border-left:.32em solid transparent}.dropdown{position:absolute;right:auto;left:0;box-shadow:0 10px 15px -3px rgba(46,41,51,.08),0 4px 6px -2px rgba(71,63,79,.16);z-index:9999;min-width:10.5rem;padding:.5rem 0;list-style:none;background-color:var(--common-colour);border-radius:0;display:none}.dropdown.show{display:block}.dropdown.dropdown-submenu{position:absolute;left:100%;top:-7px}.bg-login-logout:hover{background-color:#fbc50b}.dashboard-nav-hover{padding:9px 10px;margin:7px 0;transition:all .25s ease-in-out;display:flex;align-items:center;gap:10px;cursor:pointer}.dashboard-nav-hover.active,.dashboard-nav-hover:hover{background-color:hsla(219,6%,56%,.51);color:#fff}.mobile-nav-menu{height:100dvh;position:relative}.mobile-nav-item{color:#1f1f1f!important;border-radius:3px;padding:4px 10px}.mobile-nav-item.nav-active{background-color:var(--common-colour-light);color:#fff!important}.click-to-expand.active>.expanded-by-click{max-height:100000px}.expanded-by-click{height:100%;max-height:0;overflow:hidden;transition:all .25s ease-in-out}.close-button{position:absolute;right:10px;top:14px;color:#000}.dua-category-wrapper{background-color:#f3f3f3}.title-text-responsive{font-size:3.5rem}.success-tick{font-size:100px;color:green}.registration-tick{font-size:100px;color:#f0f002}.cross-tick{font-size:100px;color:red}.excla-tick{font-size:100px;color:#ff0}.donate-amount-card{padding:14px;text-align:center;border-radius:8px;border:2px solid hsla(0,0%,50%,.516);margin:3px;cursor:pointer;box-shadow:4px 4px 4px 3px rgba(0,0,0,.11);transition:all .25s ease-in-out}.payment-amount{width:100%;padding:0 50px}.donate-amount-card.selected{border:2px solid var(--common-colour-light);box-shadow:none}.cursor-not-allowed{cursor:not-allowed!important}.donation-section{position:relative;overflow:hidden;padding:30px 0}.blur-donation-page,.donation{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:30px 0}.blur-donation-page{opacity:.05}.donation-cards{margin-top:50px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.donation-card{flex:1 1;min-width:calc(250px - 20px);max-width:calc(300px - 20px);overflow:hidden;flex-wrap:wrap;position:relative;height:400px;margin:0 auto}.donation-card-title,.donation-title{color:var(--common-colour);font-weight:800;text-align:center}.donation-card-title{margin-bottom:25px}.donation-card-title:hover{color:var(--common-colour-light)}.donation-card-image{object-fit:cover;width:100%;height:200px}.donate-btn{width:55%;background-color:#ffd936;border:none;outline:none;padding:10px;font-weight:900;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}.show-card{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute}.hide-card{display:none}.donation-amount-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%}.payment-type{display:flex;gap:5px}.payment-type>p{padding:1px 10px;margin:5px 0;background-color:#fff;border:1px solid var(--common-colour-light);cursor:pointer;border-radius:20px}.form-title{color:#8b090e;font-weight:800}.amount-box{display:flex;flex-direction:column;width:23vw;gap:5px}.amount{display:flex;justify-content:center;align-items:center}.amount>p{border:1px solid var(--common-colour-light);padding:3px 30px;margin:10px 0;cursor:pointer}.input-amount{margin:10px 0;padding:7px}.close-image{width:15px;height:15px;position:absolute;top:10px;right:10px}.close-image:hover{border:1px solid gray;padding:3px;cursor:pointer;transform:scale(2)}.amount-selector.selected{background:var(--common-colour-light)!important;color:#fff;border:1px solid var(--common-colour-light)!important}.donate-card-btn{width:55%;background-color:#ffd936;border:none;outline:none;padding:10px;font-weight:900;margin-top:30px}.enrollment-form{padding:10px;margin:0 auto}.form-group-hicny{display:flex;flex-direction:column}.form-label-hicny{font-weight:bolder;margin-bottom:.5rem}.form-control-hicny{border-radius:.5rem;border:1px solid #ccc}.form-control-hicny:focus{border:1px solid #009f03}.invalid-feedback{color:#dc3545;margin-top:.25rem}.container.gallery-container{background-color:#fff;color:#35373a;min-height:100vh;padding:30px 50px}.gallery-container h1{text-align:center;margin-top:50px;font-family:Droid Sans,sans-serif;font-weight:700}.gallery-container p.page-description{text-align:center;margin:25px auto;font-size:18px;color:#999}.tz-gallery{padding:40px}.tz-gallery .row>div{padding:2px}.tz-gallery .lightbox img{width:100%;border-radius:0;position:relative}.tz-gallery .lightbox:before{position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;opacity:0;color:#fff;font-size:26px;font-family:Glyphicons Halflings;content:"\e003";pointer-events:none;z-index:9000;transition:.4s}.tz-gallery .lightbox:after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:rgba(46,132,206,.7);content:"";transition:.4s}.tz-gallery .lightbox:hover:after,.tz-gallery .lightbox:hover:before{opacity:1}.baguetteBox-button{background-color:transparent!important}.gallery-item{overflow:hidden;border-radius:5px;display:flex;position:relative;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:16/9;margin:6px;border:.5px solid rgba(92,92,92,.475)}.gallery-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.gallery-item.slider-on:hover:after{opacity:1;visibility:visible}.gallery-item img{width:100%;height:auto;display:block;transition:transform .3s ease}.gallery-item.slider-on .view-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;font-size:30px;color:#fff;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.gallery-item:hover .view-icon{opacity:1;visibility:visible}.gallery-item:hover img{transform:scale(1.1)}.slider-controller button{background-color:transparent!important;color:#ffffffac!important;border:none!important;outline:none!important;font-size:3.5rem!important;padding:.5rem 1rem!important;position:absolute;padding:10px;z-index:12;transition:all .3s ease-in-out;visibility:visible!important;opacity:.4!important}.slider-controller button:disabled{color:#353535c5!important;cursor:not-allowed}.slider-controller button:active{scale:.9;transform-origin:center}.slider-controller button:hover{opacity:1!important}.slider-controller .prev{top:50%;left:20px;transform:translateY(-50%)}.slider-controller .next{top:50%;right:20px;transform:translateY(-50%)}.slider-controller .close{top:20px;right:20px}.slider-wrapper{overflow:hidden;position:fixed;top:0;left:0;z-index:-6;background-color:transparent!important;width:100vw!important;height:100vh!important;display:flex;justify-content:center!important;align-items:center!important;visibility:hidden!important;opacity:0!important;transition:all .3s ease-in-out}.slider-wrapper.open{z-index:10;background-color:#000000c5!important;visibility:visible!important;opacity:1!important}.slider-wrapper.open .slider-image,.slider-wrapper.open .slider-image>img{transform:scale(1);visibility:visible;opacity:1}.slider-image{position:relative}.slider-image>img{max-width:80vw!important;max-height:80vh!important;transform:scale(0);visibility:hidden;opacity:0;transition:all .3s ease-in-out}.slider-image .page-info{position:absolute;top:100%;right:2px;z-index:11;font-size:smaller;color:#faebd7!important}.slider-image-text{position:absolute;bottom:50px;left:50px;z-index:11;transition:all .3s ease-in-out}.slider-image-text h3,.slider-image-text h6{color:#ffffff87!important}@media (max-width:568px){.slider-controller button{font-size:1.5rem!important}.slider-controller .prev{left:-15px}.slider-controller .next{right:-15px}.slider-controller .close{top:5px;right:5px}}.login-block{margin:30px auto;min-height:93.6vh}.login-block .auth-box{margin:20px auto 0;max-width:450px!important}.card{border-radius:5px;box-shadow:0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);border:none;margin-bottom:30px;transition:all .3s ease-in-out;background-color:#fff}.card .card-block{padding:1.25rem}.f-80{font-size:80px}.form-group{margin-bottom:1.25em}.form-material .form-control{display:inline-block;height:43px;width:100%;border-radius:0;font-size:16px;font-weight:400;padding:9px;background-color:transparent;box-shadow:none;border:none;border-bottom:1px solid #ccc}.btn-primary{background-color:#4099ff;border-color:#4099ff;color:#fff;cursor:pointer;transition:all .3s ease-in}.m-b-20{margin-bottom:20px}.btn-md{padding:10px 16px;font-size:15px;line-height:23px}#infoMessage p{color:red!important}.btn-google{color:#545454;background-color:#fff;box-shadow:0 1px 2px 1px #ddd}.or-container{align-items:center;color:#ccc;display:flex;margin:25px 0}.line-separator{background-color:#ccc;flex-grow:5;height:1px}.or-label{flex-grow:1;margin:0 15px;text-align:center}.btn{text-transform:capitalize;font-size:15px;cursor:pointer}tr{border:1px solid#c1c1c1;height:60px}td,th{vertical-align:middle;text-align:center}.time-icon{font-size:55px;color:var(--common-colour)}.course-image{width:100%;max-height:500px;object-position:center top}.sura-id{width:40px;aspect-ratio:1/1;background-color:rgba(16,195,141,.352);border-radius:50%;align-items:center;margin:0 10px;transition:.25s ease-in-out}.sura-card-right,.sura-id{display:flex;justify-content:center}.sura-card-right{align-items:flex-end;flex-direction:column}.para-card{border:1px solid gray;transition:.25s ease-in-out}.para-card:hover{border-color:#18c892}.para-card:hover .para-name{color:#18c892;transition:.25s ease-in-out}.activeLink{border-bottom:1px solid #007d3a}body.noscroll{overflow:hidden}.sidebar-width{width:300px}.sidebar-max-width{overflow-x:hidden;max-width:300px;width:100%}.filter-topic{border:none;background-color:transparent;padding:8px 30px;margin-bottom:5px;cursor:pointer;transition:all .3s ease;flex-grow:1}.max-w-full{max-width:100%}.max-w-0{max-width:0}.translate-x-0{transform:translateX(0)}.translate-x-full{transform:translateX(100%)}.-translate-x-full{transform:translateX(-100%)}.filter-topic.active{border-bottom:2px solid #18c892}.sidebar-element{overflow-x:hidden;transition:all .3s ease}.sidebar-elements{width:200%;display:flex;flex-direction:row;overflow-x:hidden}.search-bar-input{outline:none;border:none;background-color:#ddeee5}.search-bar-input::placeholder{text-align:center}.search-bar-input:focus{text-align:center;color:#575757}.sidebar-list-item{padding:8px 15px;transition:.2s ease-in-out;border-radius:5px;cursor:pointer}.sidebar-list-item.active,.sidebar-list-item:hover{background-color:#ddeee5}.ayatlist,.suralist{padding:10px 5px;overflow-y:auto;height:90vh}.quran-search-banner{height:350px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-end;padding:20px}.single-sura-wrapper{padding:10px 5px;height:90vh}.sura-heading{background-color:#007d3a22;color:#1d1d1d!important;padding:20px 10px}.sura-heading h2{letter-spacing:5px}.community-card-image{height:15rem;overflow:hidden}.community-card-image img{height:100%;width:100%;object-fit:cover}.about-image-1{height:15rem}.about-image-2 img{height:500px}.about-image-1 img{height:100%;width:100%;object-fit:cover}.about-image-2 img{object-fit:cover}.circle-box{display:flex;flex-direction:column;justify-content:space-between}@media (max-width:768px){.fixed-nav{top:0;display:block;position:-webkit-sticky;position:sticky}}.service-card-button>a{margin-top:10px;display:inline-flex;align-items:center;color:#000}.service-card-button i{margin-right:10px;padding:10px;border-radius:50%;border:3px solid var(--common-colour-light);transform:rotate(-20deg);transition:.4s ease-in-out}.service-card-button:hover i{padding:10px;background-color:var(--common-colour-light);transform:rotate(0deg);transition:.4s ease-in-out}.service-card-button span{font-weight:500}.spinner{display:flex;justify-content:center;align-items:center}.spinner-custom{width:1rem;height:1rem;border-width:.1em}.profile-image{width:130px;height:130px;border-radius:50%;overflow:hidden;margin:0 auto}.status-confirmed,.status-created,.status-open,.status-paid,.status-pending,.status-waiting{position:relative}.status-confirmed:before,.status-created:before,.status-open:before,.status-paid:before,.status-pending:before,.status-waiting:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%)!important;width:10px;height:10px;border-radius:50%;margin-right:3px;transition:all .4s ease-in-out}.status-paid:before{background-color:#28a745}.status-pending:before{background-color:#ffc107}.status-open:before{background-color:#007bff}.status-created:before{background-color:#6f42c1}.status-waiting:before{background-color:#17a2b8}.status-confirmed:before{background-color:#28a745}.dashbox-wrapper{max-width:90%!important;width:100%;overflow-x:auto}.dashbox-wrapper table tbody tr{transition:all .2s ease-in-out}.dashbox-wrapper table tr{height:45px;font-size:14px}.dashbox-wrapper table tbody tr:hover{filter:contrast(.85)!important}.dashbox-wrapper table tbody tr:hover .hover-text-common-color{color:var(--common-colour)}.dashbox-wrapper table tbody tr:nth-child(odd){filter:contrast(.93)}.dashbox-wrapper table tbody tr td:first-child,.dashbox-wrapper table thead tr th:first-child{text-align:start!important}.dashbox-wrapper table tbody tr td:last-child,.dashbox-wrapper table thead tr th:last-child{text-align:end!important}.dashbox-wrapper table tbody tr td,.dashbox-wrapper table thead tr th{text-align:center!important}.support-us-section h1,.support-us-section h2,.support-us-section h3,.support-us-section h4,.support-us-section h5,.support-us-section h6{color:#fff!important}.banner-shadow:before{top:0;content:"";position:absolute;width:100%;height:100%;background-color:#171717;opacity:.6;z-index:-1}.banner-shadow{position:relative;z-index:1}.pagination-button{background-color:var(--common-colour-light)!important;color:#fff}.word-break{word-break:break-word}.line-break{overflow:hidden;text-overflow:ellipsis;white-space:wrap;line-clamp:0}.h-300px{height:300px}.program-title-card{position:relative;border:1px solid #dadada;border-radius:8px;padding:30px 7px;width:100%;height:100%;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center}.program-title-card .discount-clip{position:absolute;top:0;right:0;padding:3px 10px;max-width:200px;color:#fff;width:-moz-fit-content;width:fit-content;background-color:var(--common-colour-light);border-radius:0 8px 0 8px}.program-title-card .deleted{position:relative}.program-title-card .deleted:after{content:"";position:absolute;top:50%;left:59%;transform:translate(-50%,-50%) rotate(-30deg);width:30px;height:1.2px;background-color:#45454596}.program-title-card-title{font-size:1.5em;margin-bottom:8px;color:#333}.program-title-card-amount{font-size:1.1em;margin-bottom:16px}.program-title-card-button{max-width:100%}.program-title-card-button:hover{background-color:#0056b3}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-slider{background-repeat:no-repeat;background-size:cover}.me-29px{margin-right:29px}.invoice-logo{font-size:50px;font-weight:700;width:80px}.text-grey{color:grey}.react-icons-devider{position:relative;text-decoration:none;color:#fff}.react-icons-devider:after{content:"";position:absolute;right:-9px;top:10px;width:1px;height:14px;background-color:#fff;opacity:.7}.react-icons-devider:last-child:after{content:none}.payment-page{background-color:#f9f9f9;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.payment-page-header{font-size:2rem;font-weight:700;color:#333;margin-bottom:1.5rem;text-align:center}.credit-card-section,.payment-form{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.credit-card-section .MuiTextField-root{margin-bottom:1rem}.submit-button{background-color:#007bff;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;text-align:center;display:block;margin:1rem auto 0}.submit-button:hover{background-color:#0056b3}.recurring-payment-form{background-color:#fff;max-width:800px;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.recurring-payment-container{max-width:800px;margin:0 auto;padding:20px}.payment-summary-card-simple{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px;padding:24px;margin-bottom:24px}.amount-display-simple{margin-bottom:4px}.amount-large{font-size:2rem;font-weight:700;color:#333}.frequency-text{font-size:1.2rem;color:#666;margin-left:4px}.security-info{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.cancel-info-simple,.security-badge-simple{display:flex;align-items:center;font-size:14px;color:#666}.security-badge-simple i{color:#28a745}.cancel-info-simple i{color:#007bff}.submit-button-simple{width:100%;padding:16px 20px;background:#007bff;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:16px}.submit-button-simple:hover:not(:disabled){background:#0056b3}.submit-button-simple:disabled{background:#6c757d;cursor:not-allowed}.custom-checkbox-container{margin-top:1rem;margin-bottom:1rem}.custom-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.custom-checkbox-label:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.1);transform:translateY(-1px)}.custom-checkbox-label.checked{border-color:#007bff!important;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);box-shadow:0 4px 12px rgba(0,123,255,.2)}.custom-checkbox-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,123,255,.1),transparent);transition:left .5s ease}.custom-checkbox-label.checked:before{left:100%}.custom-checkbox-input{display:none}.custom-checkbox-box{width:25px;height:25px;aspect-ratio:1/1;border:2px solid #ccc;border-radius:4px;margin-right:12px;position:relative;transition:all .3s ease;background:#fff;display:inline-block}.custom-checkbox-label:hover .custom-checkbox-box{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.custom-checkbox-label.checked .custom-checkbox-box{background:#007bff;border-color:#007bff;transform:scale(1.1)}.custom-checkbox-box:after{content:"";position:absolute;top:25%;left:35%;transform:translateY(-50%) translateX(-50%);width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease}.custom-checkbox-label.checked .custom-checkbox-box:after{transform:rotate(45deg) scale(1)}.custom-checkbox-text{font-size:14px;font-weight:500;color:#333;transition:color .3s ease}.custom-checkbox-label.checked .custom-checkbox-text{color:#007bff}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,123,255,.7)}70%{box-shadow:0 0 0 10px rgba(0,123,255,0)}to{box-shadow:0 0 0 0 rgba(0,123,255,0)}}.custom-checkbox-label.checked .custom-checkbox-box{animation:pulse 1s ease-out}@media (max-width:768px){.payment-summary-card-simple{padding:20px}.amount-large{font-size:1.75rem}.security-info{flex-direction:column;gap:12px;text-align:center}.cancel-info-simple,.security-badge-simple{justify-content:center}}