@font-face{font-family:"QT Pangea Var";src:url(//quranictarbiyah.com/wp-content/uploads/GreenShift/fonts/font_2/woff2/PangeaAfrikanVAR_2.003.woff2) format("woff2");font-weight:300 900;font-display:swap;ascent-override:93%;descent-override:23%;line-gap-override:0%}
@font-face{font-family:"QT Pangea Text";src:url(//quranictarbiyah.com/wp-content/uploads/GreenShift/fonts/font_6/woff2/PangeaAfrikanText-RegularWeb.woff2) format("woff2");font-weight:400;font-display:swap;ascent-override:93%;descent-override:23%;line-gap-override:0%}
.qt-search,.qt-header,.qt-cart,.qt-hero,.qt-mega,.qt-menu-block{
--qt-primary:var(--color-primary,#048a7c);
--qt-primary-700:var(--color-primary-700,#03776a);
--qt-primary-50:var(--color-primary-50,#e6f5f4);
--qt-primary-100:var(--color-primary-100,#d3eeec);
--qt-navy:var(--qt-navy-v5,#0f3d63);
--qt-navy-site:var(--color-secondary,#173e64);
--qt-yellow:#fcb000;
--qt-amber:#f7ad00;
--qt-text:var(--color-text,#000001);
--qtc-accent:#048a7c;--qtc-accent-700:#03776a;--qtc-accent-50:#e6f5f4;
--qt-sec:var(--color-text-secondary,#444);
--qt-muted:#5d6a76;
--qt-border:var(--color-border-solid,#e0e4e8);
--qt-border-strong:var(--color-border-strong,#c0c8d0);
--qt-surface:var(--color-surface,#f9fafb);
--qt-radius:12px;
--qt-radius-lg:24px;
--qt-shadow:0 1px 2px rgba(15,61,99,.06),0 4px 12px rgba(15,61,99,.06);
--qt-shadow-lg:0 1px 2px rgba(15,61,99,.06),0 24px 48px -12px rgba(15,61,99,.24);
--qt-ease:cubic-bezier(.4,0,.2,1);
--qt-ease-out:cubic-bezier(.165,.84,.44,1);
--qt-spring:linear(0, 0.0465, 0.1348, 0.2388, 0.3436, 0.4417, 0.5229, 0.6007, 0.6676, 0.7243, 0.7721, 0.8119, 0.845, 0.8725, 0.8952, 0.9139, 0.9281, 0.941, 0.9516, 0.9603, 0.9674, 0.9733, 0.9781, 0.982, 0.9853, 0.9879, 0.9901, 0.9917, 0.9932, 0.9944, 0.9954, 0.9963, 0.9969, 0.9975, 0.9979, 0.9983, 0.9986, 0.9988, 0.9991, 0.9992, 0.9994, 0.9995, 1);--qt-spring-dur:501ms;--qt-ctl-stretch:.16;--qt-ctl-press:.9;--qt-ctl-on:#048a7c;--qt-ctl-off:#d3dbe2;
--qt-head:"QT Pangea Var",var(--font-heading,"PangeaAfrikanVar"),"Pangea Afrikan",system-ui,sans-serif;
--qt-body:"QT Pangea Text",var(--font-body,"PangeaAfrikanText-RegularWeb"),-apple-system,"Segoe UI",sans-serif;
--qt-tint-quran:#fde6e6;--qt-tint-iman:#dbf5f5;--qt-tint-fiqh:#e2f3fa;--qt-tint-adab:#f1ebff;--qt-tint-sirah:#fef3d9;--qt-tint-none:var(--qt-surface);
--qt-c-quran:var(--color-quran,#e13347);--qt-c-iman:var(--color-iman,#048a7c);--qt-c-fiqh:var(--color-fiqh,#22c1de);--qt-c-adab:var(--color-adab,#624ea0);--qt-c-sirah:var(--color-sirah,#fcb000);
} .qt-header,.qt-mega,.qt-menu-block,.qt-cart{font-family:var(--qt-body)}
.qt-search *,.qt-header *,.qt-cart *,.qt-hero *,.qt-mega *{box-sizing:border-box}
.qt-icon{width:1em;height:1em;display:inline-block;flex:none;vertical-align:-.125em}
.qt-ui-icon{width:20px;height:20px;flex:none;display:block}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important} .qt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;border:0;font-family:var(--qt-head);font-weight:600;font-size:14px;line-height:1;letter-spacing:.5px;text-transform:uppercase;text-decoration:none!important;cursor:pointer;transition:transform .2s var(--qt-ease-out),box-shadow .2s var(--qt-ease),background-color .2s var(--qt-ease)}
.qt-btn:hover{transform:translateY(-1px)}
.qt-btn:active{transform:scale(.98)}
.qt-btn--primary{background:var(--qt-accent,var(--qt-primary));color:#fff!important;box-shadow:0 8px 20px rgba(4,138,124,.25)}
.qt-btn--primary:hover{box-shadow:0 12px 26px rgba(4,138,124,.32)}
.qt-btn--amber{background:var(--qt-amber);color:#0f2c49!important;box-shadow:0 8px 20px rgba(247,173,0,.25)}
.qt-btn--amber:hover{box-shadow:0 12px 26px rgba(247,173,0,.34)}
.qt-btn--ghost{background:#fff;color:var(--qt-navy)!important;box-shadow:inset 0 0 0 1.5px var(--qt-border-strong)}
.qt-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--qt-navy)}
.qt-btn--outline{background:transparent;color:var(--qt-primary)!important;box-shadow:inset 0 0 0 1.5px var(--qt-primary)}
.qt-btn--block{width:100%}
.qt-btn .qt-ui-icon{width:16px;height:16px} .qt-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-border-strong);color:var(--qt-text);font:inherit;font-size:14px;line-height:1;cursor:pointer;white-space:nowrap;transition:box-shadow .15s var(--qt-ease),background-color .15s var(--qt-ease)}
.qt-chip:hover,.qt-chip[aria-selected=true]{box-shadow:inset 0 0 0 1.5px var(--qt-primary);background:var(--qt-primary-50)}
.qt-chip--sm{min-height:28px;padding:0 10px;font-size:13px;background:var(--qt-primary-50);box-shadow:none}
.qt-chip b{font-family:var(--qt-head);font-weight:700;color:var(--qt-navy)}
.qt-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:999px;background:var(--qt-surface);color:var(--qt-muted);font-size:11.5px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.qt-badge--free{background:#dbf5f5;color:#00756d}
.qt-search :focus-visible,.qt-header :focus-visible,.qt-cart :focus-visible,.qt-hero :focus-visible,.qt-mega :focus-visible{outline:2px solid var(--qt-primary);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.qt-search *,.qt-header *,.qt-cart *,.qt-hero *,.qt-mega *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.qt-search-block{max-width:100%}
.qt-search{--qt-sf-edge:var(--qt-search-border,rgba(15,61,99,.38));font-size:15px;margin-inline:auto;max-width:var(--qt-search-max,520px);position:relative;width:100%}
.qt-search__form{margin:0;display:flex;align-items:center;gap:8px}
.qt-search__field{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 8px 0 46px;background:var(--qt-search-bg,#fff);border:1.5px solid var(--qt-sf-edge);border-radius:var(--qt-search-radius,999px);box-shadow:0 1px 2px rgba(15,61,99,.08),0 8px 20px -6px rgba(15,61,99,.20);transition:border-color .15s ease,box-shadow .15s ease}
.qt-search__field:hover{border-color:rgba(15,61,99,.6)}
.qt-search__field:focus-within{border-color:var(--qt-accent,var(--qt-teal,#048a7c));box-shadow:0 1px 2px rgba(15,61,99,.08),0 8px 20px -6px rgba(15,61,99,.20),0 0 0 4px var(--qt-teal-100,#d3eeec)}
.qt-search--sm .qt-search__field{min-height:42px}
.qt-search--lg .qt-search__field{min-height:56px;font-size:17px}
.qt-search__icon{position:absolute;inset-inline-start:18px;top:50%;translate:0 -50%;display:grid;color:var(--qt-navy,#0f3d63);pointer-events:none}
.qt-search__icon .qt-ui-icon{width:18px;height:18px}
.qt-search__chips{display:flex;flex-wrap:nowrap;gap:4px;max-width:55%;overflow:hidden}
.qt-search__chips:empty{display:none}
.qt-search__input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--qt-ink,#000001);flex:1;font:400 16px/1 var(--qt-body);height:100%;min-height:inherit;min-width:0;outline:0!important;padding:0!important}
.qt-search__input::placeholder{color:#6b7782;opacity:1}
.qt-search__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.qt-search__clear{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--qt-navy,#0f3d63);cursor:pointer;transition:background-color .15s,color .15s}
.qt-search__clear[hidden],.qt-search__close[hidden]{display:none}
.qt-search__clear:hover,.qt-search__clear:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-search__clear .qt-ui-icon{width:18px;height:18px}
.qt-search__submit{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border:0;border-radius:999px;background:var(--qt-accent,var(--qt-teal,#048a7c));color:#fff;cursor:pointer;font:600 13px/1 var(--qt-head);letter-spacing:.5px;text-transform:uppercase}
.qt-search__close{flex:none;height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--qt-navy,#0f3d63);font:400 16px/1 var(--qt-body);cursor:pointer}
.qt-search__close:hover,.qt-search__close:focus-visible{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-search :focus-visible{outline:2px solid var(--qt-teal,#048a7c);outline-offset:2px}
.qt-search__input:focus-visible{outline:0} .qt-search__panel{animation:qt-pop .18s var(--qt-ease,ease);background:#fff;border:1px solid var(--qt-line,#e0e4e8);border-radius:24px;box-shadow:0 1px 2px rgba(15,61,99,.06),0 24px 48px -12px rgba(15,61,99,.24);display:flex;flex-direction:column;left:0;max-height:min(76vh,680px);overflow:hidden;position:absolute;text-align:left;top:calc(100% + 10px);width:min(var(--qt-search-panel,920px),100vw - 32px);z-index:1000}
.qt-search__panel[hidden]{display:none}
@keyframes qt-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.qt-sp__top{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--qt-line,#e0e4e8);flex:none}
.qt-lab{font:600 12px/1 var(--qt-head);letter-spacing:.08em;text-transform:uppercase;color:var(--qt-muted)}
.qt-lab em{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;margin-inline-start:8px;font-family:var(--qt-body);font-size:13px}
.qt-search .qt-seg{position:relative;display:inline-grid;grid-template-columns:repeat(4,1fr);padding:4px;border-radius:999px;background:#eef2f4;--i:0}
.qt-search .qt-seg::before{content:"";position:absolute;inset-inline-start:4px;top:4px;bottom:4px;width:calc((100% - 8px)/4);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(15,61,99,.12),0 2px 6px rgba(15,61,99,.08);translate:calc(var(--i)*100%) 0;transition:translate var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-search .qt-seg button{position:relative;z-index:1;min-width:92px;height:36px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--qt-muted);cursor:pointer;font:400 15px/1 var(--qt-body);transition:color .15s}
.qt-search .qt-seg button:hover{color:var(--qt-hover-ink,#03776a)}
.qt-search .qt-seg button[aria-checked=true]{color:var(--qt-navy,#0f3d63)}
.qt-sp__cols{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.qt-sp__cols.no-side,.qt-sp__cols:not(:has(.qt-sp__side)){grid-template-columns:minmax(0,1fr)}
.qt-sp__side{background:var(--qt-surface,#f9fafb);border-inline-end:1px solid var(--qt-line,#e0e4e8);overflow:auto;padding:18px 12px;min-height:0}
.qt-sp__main{min-width:0;overflow:auto;padding:18px 24px 22px;min-height:0}
.qt-sp__group{margin-bottom:22px}
.qt-sp__group:last-child{margin-bottom:0}
.qt-search .qt-sp__h{color:var(--qt-muted);font:600 12px/1 var(--qt-head);letter-spacing:.08em;margin:0 0 10px;padding:0 12px;text-transform:uppercase}
.qt-sp__main .qt-sp__h{padding:0}
.qt-search .qt-sp__h small{font-weight:400;letter-spacing:0;margin-inline-start:4px}
.qt-sp__sug{align-items:center;background:transparent;border:0;border-radius:var(--qt-hover-radius,10px);color:var(--qt-ink,#000001);cursor:pointer;display:flex;font:400 16px/1.3 var(--qt-body);gap:12px;padding:11px 12px;text-align:left;transition:background-color .15s ease,color .15s ease;width:100%}
.qt-sp__sug .qt-ui-icon{color:var(--qt-muted);flex:none;height:17px;width:17px}
.qt-sp__sug span{flex:1;min-width:0}
.qt-sp__sug em{display:block;font:400 13px/1.2 var(--qt-body);font-style:normal;margin-top:2px}
.qt-sp__sug em,.qt-sp__sug small{color:var(--qt-muted);font-size:13px}
.qt-sp__sug:hover,.qt-sp__sug:focus-visible,.qt-sp__sug[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4);color:var(--qt-hover-ink,#03776a)}
.qt-sp__sug:hover .qt-ui-icon{color:var(--qt-hover-ink,#03776a)}
.qt-sp__sug--all{color:var(--qt-teal-700,#03776a)}
.qt-sp__sug--all b{font-family:var(--qt-head);font-weight:600}
.qt-sp__chips{display:flex;flex-wrap:wrap;gap:10px}
.qt-search .qt-chip{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--qt-line-strong,#c0c8d0);color:var(--qt-ink,#000001);cursor:pointer;font:400 15px/1 var(--qt-body);transition:box-shadow .15s ease,background-color .15s ease,color .15s ease,scale var(--qt-spring-dur,.5s) var(--qt-spring,ease)}
.qt-search .qt-chip:hover,.qt-search .qt-chip:focus-visible,.qt-search .qt-chip[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4);box-shadow:inset 0 0 0 1.5px var(--qt-teal,#048a7c);color:var(--qt-hover-ink,#03776a)}
.qt-search .qt-chip:active{scale:.93}
.qt-search .qt-chip--sm{height:30px;padding:0 10px;gap:6px;font-size:13px;background:var(--qt-teal-50,#e6f5f4);color:var(--qt-teal-700,#03776a);box-shadow:none}
.qt-search .qt-sp__note{background:#fef3d9;border-radius:12px;color:#6b4a00;font-size:14px;margin:0 0 14px;padding:8px 12px}
.qt-search .qt-sp__empty{padding:10px 0}
.qt-search .qt-sp__empty h4{color:var(--qt-navy);font:600 18px/1.3 var(--qt-head);margin:0 0 4px}
.qt-search .qt-sp__empty p{color:var(--qt-muted);margin:0 0 14px}
.qt-sp__msg{color:var(--qt-muted);grid-column:1/-1;padding:28px}
.qt-sp__msg--loading{display:flex;gap:6px;justify-content:center}
.qt-sp__msg--loading span{animation:qt-dot 1s infinite var(--qt-ease,ease);background:var(--qt-teal-100,#d3eeec);border-radius:50%;height:8px;width:8px}
.qt-sp__msg--loading span:nth-child(2){animation-delay:.15s}
.qt-sp__msg--loading span:nth-child(3){animation-delay:.3s}
@keyframes qt-dot{50%{background:var(--qt-teal,#048a7c)}} .qt-sr{align-items:center;border-radius:var(--qt-hover-radius,10px);color:inherit!important;display:grid;gap:16px;grid-template-columns:64px minmax(0,1fr) auto;margin:0 -12px;padding:10px 12px;text-decoration:none!important;transition:background-color .15s ease}
.qt-sr__img{background:var(--qt-card-bg,var(--t,var(--qt-tint-none,#eef2f4)));border-radius:16px;display:grid;height:64px;overflow:hidden;place-items:center;width:64px}
.qt-sr__img img{box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 2px rgba(15,30,45,.14),3px 6px 10px -5px rgba(15,30,45,.3);display:block;height:auto;max-height:76%;max-width:76%;width:auto}
.qt-sr__img--icon .qt-ui-icon{color:var(--qt-muted);height:24px;width:24px}
.qt-sr__body{display:grid;gap:2px;min-width:0}
.qt-sr__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:400 16px/1.35 var(--qt-body);color:var(--qt-ink,#000001);transition:color .15s}
.qt-sr__meta{color:var(--qt-muted);font:400 14px/1.35 var(--qt-body)}
.qt-sr__price{color:var(--qt-navy,#0f3d63);font:600 15px/1 var(--qt-head);white-space:nowrap}
.qt-free{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--qt-teal-50,#e6f5f4);color:var(--qt-teal-700,#03776a);font:600 11px/1 var(--qt-head);letter-spacing:.08em;text-transform:uppercase}
.qt-oos{color:var(--qt-muted);font:400 13px/1 var(--qt-body);white-space:nowrap}
.qt-sr:hover,.qt-sr:focus-visible,.qt-sr[aria-selected=true]{background:var(--qt-hover-bg,#e6f5f4)}
.qt-sr:hover .qt-sr__title,.qt-sr[aria-selected=true] .qt-sr__title{color:var(--qt-hover-ink,#03776a)}
.qt-sr:hover .qt-free{background:#fff}
.qt-sr mark{background:#fbdc93;border-radius:3px;color:inherit;padding:0 1px} .qt-sp__grid{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.qt-sc{color:inherit!important;display:flex;flex-direction:column;min-width:0;text-decoration:none!important}
.qt-sc__img{align-items:flex-end;aspect-ratio:1/1;background:var(--qt-card-bg,var(--t,var(--qt-tint-none,#eef2f4)));border-radius:24px;display:flex;justify-content:center;padding-bottom:10%;position:relative}
.qt-sc__img::after{background:radial-gradient(closest-side,rgba(15,30,45,.22),rgba(15,30,45,0));border-radius:50%;bottom:8%;content:"";height:4.5%;left:20%;position:absolute;right:20%;transition:transform .45s var(--qt-ease-out,ease),opacity .45s var(--qt-ease-out,ease)}
.qt-sc__img img{box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 1px 2px rgba(15,30,45,.14),0 8px 14px -6px rgba(15,30,45,.3);display:block;max-height:72%;max-width:72%;position:relative;transition:transform .45s var(--qt-ease-out,ease);z-index:1}
.qt-sc:hover .qt-sc__img img,.qt-sc[aria-selected=true] .qt-sc__img img{transform:translateY(var(--qt-hover-lift,-6px))}
.qt-sc:hover .qt-sc__img::after{opacity:.55;transform:scale(1.12,1.25)}
.qt-sc__meta{color:var(--qt-muted);font:400 13px/1.45 var(--qt-body);margin-top:10px}
.qt-sc__title{color:var(--qt-ink,#000001);font:400 16px/1.35 var(--qt-body);margin:3px 0 6px;text-wrap:pretty;transition:color .15s}
.qt-sc:hover .qt-sc__title,.qt-sc[aria-selected=true] .qt-sc__title{color:var(--qt-hover-ink,#03776a)}
.qt-sc__price{color:var(--qt-navy,#0f3d63);font:600 16px/1.2 var(--qt-head)}
.qt-sc__price.is-free{color:var(--qt-teal,#048a7c)}
.qt-sc:focus-visible{outline:2px solid var(--qt-teal,#048a7c);outline-offset:6px;border-radius:14px} html.qt-search-lock{overflow:hidden;overscroll-behavior:none}
@media(max-width:699px){
.qt-search.is-open{position:fixed;inset:0;z-index:100001;max-width:none;margin:0;display:flex;flex-direction:column;background:#fff}
.qt-search.is-open .qt-search__form{flex:none;padding:8px 8px 8px 12px;background:linear-gradient(180deg,#fff,#f3faf9);border-bottom:1px solid var(--qt-line,#e0e4e8)}
.qt-search.is-open .qt-search__field{min-height:48px}
.qt-search.is-open .qt-search__panel{position:static;flex:1;min-height:0;width:auto!important;max-height:none;border:0;border-radius:0;box-shadow:none;animation:none}
.qt-sp__top{flex-wrap:wrap;gap:8px;padding:10px 16px 12px}
.qt-sp__top .qt-lab{flex:1 0 100%}
.qt-search .qt-seg{display:grid;width:100%}
.qt-search .qt-seg button{min-width:0;padding:0 2px;height:40px;font-size:14px}
.qt-sp__cols{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.qt-sp__side{border:0;background:#fff;padding:14px 8px 4px;overflow:visible}
.qt-sp__main{padding:12px 16px 24px;overflow:visible}
.qt-sp__sug{min-height:48px}
.qt-search .qt-chip{height:44px;padding:0 20px}
.qt-sp__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qt-sr{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;min-height:64px}
.qt-sr__img{height:56px;width:56px;border-radius:14px}
.qt-sr__title{font-size:15px}
.qt-sr__meta{font-size:13px}
}
@media(min-width:700px){.qt-search__close{display:none}}
@media(prefers-reduced-motion:reduce){.qt-search *{transition-duration:.01ms!important;animation-duration:.01ms!important}}