body .blog>.qe-selector-wrap{z-index:35!important}
body .blog>.qe-selector-wrap.is-menu-open{z-index:1200!important}
body .blog>.qe-selector-wrap.surah_1,body .blog>.qe-selector-wrap.topic{position:absolute!important}
body .qe-selector-panel{display:contents}
body .qe-selector-menu{
  display:none!important;
  position:absolute!important;
  top:100%!important;
  left:0!important;
  width:100%!important;
  height:auto!important;
  max-height:58vh!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d8e6df!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:#fff!important;
  box-shadow:0 18px 34px rgba(18,42,36,.18)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  z-index:999!important;
  transition:none!important;
}
body .qe-selector-menu.is-open{display:block!important}
body .qe-selector-head{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:50px!important;
  padding:0 10px 0 18px!important;
  background:#00584e!important;
  color:#fff!important;
}
body .qe-selector-head .surah,body .qe-selector-head .heading_top{margin:0!important;padding:0!important;color:#fff!important;font-size:16px!important;line-height:1.2!important}
body .qe-selector-head .closebtn{position:static!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:25px!important;line-height:1!important;text-decoration:none!important;cursor:pointer!important}
body .qe-selector-menu a{display:block!important;padding:12px 18px!important;border-bottom:1px solid #e7eee9!important;background:#fff!important;color:#183b35!important;font-size:15px!important;line-height:1.35!important;text-decoration:none!important;transform:none!important;transition:background .18s ease,color .18s ease!important}
body .qe-selector-menu a:hover{border-bottom:1px solid #d8e6df!important;background:#eef8f4!important;color:#00584e!important;transform:none!important}
body .qe-selector-state,body .qe-selector-retry{display:block!important;width:100%!important;padding:14px 18px!important;border:0!important;background:#fff!important;color:#50625e!important;font-size:14px!important;text-align:left!important}
body .qe-selector-retry{cursor:pointer!important;color:#00584e!important;font-weight:700!important}

@media (max-width:991px){
  .blog{position:relative!important}
  .blog>.qe-selector-wrap.surah_1,.blog>.qe-selector-wrap.topic{position:relative!important;left:auto!important;top:auto!important;z-index:35!important}
  .blog>.qe-selector-wrap.is-menu-open{z-index:1200!important}
  .surah_1,.topic{height:auto!important}
  .openbtn,.openbtn-topic{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    height:62px!important;
    padding:0 24px!important;
    border:1px solid #d8e6df!important;
    background:#ffffff!important;
    color:#173b36!important;
    font-size:17px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    box-shadow:0 10px 24px rgba(18,42,36,.08)!important;
  }
  .openbtn{border-radius:14px 14px 0 0!important;background:#00584e!important;color:#fff!important}
  .openbtn-topic{border-top:0!important;border-radius:0 0 14px 14px!important}
  .openbtn:after,.openbtn-topic:after{content:'›'!important;float:none!important;font-size:28px!important;line-height:1!important}
  .openbtn[aria-expanded="true"]:after,.openbtn-topic[aria-expanded="true"]:after{content:'⌄'!important;font-size:20px!important}
  .qe-selector-menu{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    min-width:100%!important;
    height:auto!important;
    max-height:58vh!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d8e6df!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    background:#fff!important;
    box-shadow:0 18px 34px rgba(18,42,36,.18)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:999!important;
    transition:none!important;
  }
  .surah_1 .qe-selector-menu,.topic .qe-selector-menu{width:200%!important}
  .topic .qe-selector-menu{left:auto!important;right:0!important}
  .qe-selector-menu.is-open{display:block!important}
  .qe-selector-head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:50px!important;
    padding:0 10px 0 18px!important;
    background:#00584e!important;
    color:#fff!important;
  }
  .qe-selector-head .surah,.qe-selector-head .heading_top{
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.2!important;
    letter-spacing:.2px!important;
  }
  .qe-selector-head .closebtn{
    position:static!important;
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:25px!important;
    line-height:1!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }
  .qe-selector-menu a{
    display:block!important;
    padding:12px 18px!important;
    border-bottom:1px solid #e7eee9!important;
    background:#fff!important;
    color:#183b35!important;
    font-size:15px!important;
    line-height:1.35!important;
    text-decoration:none!important;
    transform:none!important;
    transition:background .18s ease,color .18s ease!important;
  }
  .qe-selector-menu a:hover{
    border-bottom:1px solid #d8e6df!important;
    background:#eef8f4!important;
    color:#00584e!important;
    transform:none!important;
  }
  #main{margin-left:0!important}
}

@media (max-width:768px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .padding-resh{position:relative!important;padding:16px 0 55px!important;background:#fcfaf6!important}
  .colallt{width:calc(100% - 20px)!important;margin:0 10px!important}
  .blog{padding:0!important;min-width:0!important}
  .qe-selector-panel{display:block!important;width:min(100%,390px)!important;margin:0 auto 24px!important;padding:0!important;position:relative!important;z-index:40!important}
  .qe-selector-panel>.qe-selector-wrap.surah_1,.qe-selector-panel>.qe-selector-wrap.topic{display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;float:none!important;clear:both!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;z-index:auto!important}
  .qe-selector-panel>.qe-selector-wrap.is-menu-open{z-index:1200!important}
  .blog>.qe-selector-wrap.surah_1,.blog>.qe-selector-wrap.topic{position:relative!important;left:auto!important;right:auto!important;top:auto!important;float:none!important;clear:both!important;width:min(100%,390px)!important;margin:0 auto!important}
  .blog>.qe-selector-wrap.topic{margin-top:0!important}
  .qe-selector-panel .openbtn,.qe-selector-panel .openbtn-topic{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:56px!important;margin:0!important;padding:0 18px!important;font-size:15px!important;font-weight:700!important;border:1px solid #d8e6df!important;background:#fff!important;color:#16332f!important;box-shadow:0 10px 22px rgba(18,42,36,.1)!important;opacity:1!important;visibility:visible!important}
  .qe-selector-panel .openbtn{border-radius:14px 14px 0 0!important;background:#00584e!important;color:#fff!important}
  .qe-selector-panel .openbtn-topic{border-top:0!important;border-radius:0 0 14px 14px!important;background:#fff!important;color:#16332f!important}
  .qe-selector-menu,.sidebar,.sidebar-topic{top:100%!important;left:0!important;right:auto!important;z-index:999!important;width:100%!important;min-width:100%!important;height:auto!important;max-height:62vh!important;margin:0!important;border:1px solid #d8e6df!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 18px 34px rgba(18,42,36,.18)!important;overflow-x:hidden!important;overflow-y:auto!important}
  .surah_1 .qe-selector-menu,.topic .qe-selector-menu{width:100%!important;min-width:100%!important;left:0!important;right:auto!important}
  .qe-selector-menu a,.sidebar a,.sidebar-topic a{display:block!important;min-height:44px!important;padding:12px 18px!important;border-bottom:1px solid #e6eee9!important;background:#fff!important;color:#183b35!important;font-size:15px!important;line-height:1.35!important;font-weight:500!important;opacity:1!important;visibility:visible!important;text-decoration:none!important;transform:none!important}
  .qe-selector-menu a:hover,.sidebar a:hover,.sidebar-topic a:hover{color:#00584e!important;background:#eef8f4!important;border-bottom:1px solid #d2e4dc!important;transform:none!important}
  .qe-selector-search{position:sticky!important;top:50px!important;z-index:3!important;display:block!important;width:calc(100% - 20px)!important;height:42px!important;margin:10px!important;padding:0 12px!important;border:1px solid #d8e6df!important;border-radius:10px!important;background:#fff!important;color:#183b35!important;font-size:15px!important;outline:none!important}
  .qe-selector-search::placeholder{color:#6f7f7a!important}
  .sidebar .closebtn,.sidebar-topic .closebtn,.sidebar-topic .ht{top:0!important;right:4px!important;margin:0!important;padding:8px 12px!important;color:#fff!important;font-size:28px!important;line-height:1!important}
  .surah_heading{clear:both!important;padding-top:30px!important;margin:0 0 10px!important}
  .surah_heading:before{font-size:11px!important;margin-bottom:7px!important}
  .surah_heading h1{font-size:29px!important;line-height:1.18!important}
  .qe-surah-subtitle{font-size:13px!important;line-height:1.45!important;margin:7px 12px 20px!important}
  .qe-ayat-search{width:100%!important;height:52px!important;margin:0 auto 22px!important}
  .qe-ayat-search #keyword.new-colg{height:52px!important;font-size:14px!important;padding:0 14px!important}
  .qe-ayat-search .fa-search{width:54px!important;height:52px!important;font-size:17px!important}
  .textsi-1>.summary{width:100%!important;padding:20px 15px!important;border-radius:13px!important}
  .textsi-1>.summary:before{font-size:27px!important;margin-bottom:8px!important}
  .summary #surah_short_des{font-size:13px!important;line-height:1.5!important}
  .summary #surah_short_des p:first-child:before{font-size:19px!important}
  .read_more,.read_lesss{font-size:13px!important;padding:8px 18px!important;margin-top:14px!important}
  form[name="frmSearch"]>.container-fluid{width:100%!important;margin:18px 0 0!important;padding:0 0 0 48px!important;overflow:visible!important}
  .newclasrow{width:100%!important;min-height:0!important;height:auto!important;margin:20px 0!important;padding:100px 15px 0!important;border-right-width:10px!important;border-radius:14px!important;overflow:visible!important}
  .qe-ayah-pill{top:14px!important;left:13px!important;font-size:11px!important;padding:6px 10px!important}
  .qe-verse-number{top:54px!important;left:15px!important;width:52px!important;height:52px!important;font-size:17px!important}
  .newclasrow:after{display:none!important}
  .verse-action-buttons{left:-47px!important;right:auto!important;top:0!important;width:40px!important;height:auto!important;padding:8px 3px!important;gap:9px!important;flex-direction:column!important;border-radius:13px!important}
  .verse-action-buttons a,.verse-action-buttons button,.share-desktop-wrapper,.share-desktop-wrapper>.share-desktop-btn{width:32px!important;height:32px!important;min-width:32px!important;font-size:12px!important}
  .newclasrow .padding-rem{min-height:0!important;width:100%!important;padding:0!important;margin:0 0 18px!important}
  .newclasrow .arabic_heading{font-size:29px!important;line-height:1.8!important;text-align:right!important;overflow-wrap:anywhere!important;margin:0!important}
  .newclasrow .translation{width:100%!important;padding:0!important;margin:0 0 7px!important;text-align:left!important}
  .newclasrow .translation b{font-size:17px!important;line-height:1.5!important;font-weight:500!important;overflow-wrap:anywhere!important}
  .newclasrow .transliteration{width:100%!important;padding:0!important;margin:0 0 18px!important;font-size:14px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
  .newclasrow .tafsir{position:static!important;width:calc(100% + 30px)!important;height:auto!important;min-height:0!important;margin:0 -15px!important;padding:10px 13px!important;border-radius:0 0 4px 13px!important;overflow:hidden!important}
  .newclasrow .tafsir>.row{width:100%!important;margin:0!important;display:block!important}
  .newclasrow .tafsir .col-md-6:first-child,.newclasrow .tafsir .col-md-6:last-child{width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important}
  .newclasrow .tafsir .col-md-6:first-child{font-size:13px!important;margin-bottom:8px!important}
  .newclasrow .tafsir .col-md-6:last-child{display:flex!important;justify-content:flex-start!important;gap:6px!important;padding-right:30px!important;font-size:12px!important;overflow:hidden!important;white-space:nowrap!important}
  .qe-topic-pill{font-size:11px!important;padding:4px 9px!important;max-width:none!important;white-space:nowrap!important}
  .qe-topic-chevron{right:0!important;width:27px!important;height:27px!important;font-size:19px!important}
  .newclasrow:has(.qe-topics-expanded){min-height:0!important;padding-bottom:0!important}
  .newclasrow:has(.qe-topics-expanded) .tafsir{min-height:0!important;padding-bottom:10px!important}
  .newclasrow .tafsir .col-md-6:last-child.qe-topics-expanded{display:flex!important;flex-wrap:wrap!important;white-space:normal!important;padding:5px 30px 2px 0!important}
  .newclasrow:has(.qe-topics-expanded) .qe-topic-chevron{top:5px!important}
  .qf_icon-container{right:8px!important;bottom:16px!important}
  .qf_icon{width:48px!important;height:48px!important}
}
@media (max-width:390px){
  form[name="frmSearch"]>.container-fluid{padding-left:42px!important}
  .verse-action-buttons{left:-42px!important;width:36px!important}
  .verse-action-buttons a,.verse-action-buttons button,.share-desktop-wrapper,.share-desktop-wrapper>.share-desktop-btn{width:29px!important;height:29px!important;min-width:29px!important}
  .newclasrow{padding-left:12px!important;padding-right:12px!important}
  .newclasrow .tafsir{width:calc(100% + 24px)!important;margin-left:-12px!important;margin-right:-12px!important}
}

@media (max-width:768px){
  form[name="frmSearch"]>.container-fluid{width:100vw!important;margin-left:calc(50% - 50vw)!important;padding:0 10px!important;overflow:visible!important}
  .newclasrow{width:100%!important;max-width:none!important;margin:18px 0 26px!important;padding:68px 14px 0!important;border:1px solid #b9d7d0!important;border-right:8px solid #004c43!important;border-radius:14px!important;background:linear-gradient(115deg,#f1fbf7,#fbfefd)!important;overflow:hidden!important;box-sizing:border-box!important}
  .newclasrow:before,.newclasrow:after,.qe-verse-number{display:none!important}
  .qe-ayah-pill{position:static!important;display:inline-flex!important;width:auto!important;margin:0 0 16px!important;padding:7px 12px!important;border-radius:999px!important;background:#00584e!important;color:#fff!important;font-size:12px!important;line-height:1!important;clip-path:none!important;filter:none!important}
  .verse-action-buttons{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:52px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:stretch!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #d4e6df!important;border-radius:14px 14px 0 0!important;background:#fff!important;box-shadow:none!important;z-index:5!important}
  .verse-action-buttons a,.verse-action-buttons button,.share-desktop-wrapper{flex:1 1 0!important;min-width:0!important;width:auto!important;height:52px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#00584e!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .share-desktop-wrapper{display:inline-flex!important;position:relative!important}
  .share-desktop-wrapper>.share-desktop-btn{width:100%!important;height:52px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#00584e!important;box-shadow:none!important}
  .share-mobile-btn{display:inline-flex!important}
  .verse-action-buttons i{font-size:17px!important;line-height:1!important}
  .verse-action-label{display:none!important}
  .bookmark-icon-top.active,.last-read-btn.active{background:#00584e!important;color:#fff!important}
  .share-dropdown-menu{left:auto!important;right:0!important;top:52px!important;z-index:20!important}
  .newclasrow .padding-rem{width:100%!important;margin:0!important;padding:0!important;min-height:0!important}
  .newclasrow .arabic_heading{font-size:31px!important;line-height:1.9!important;margin:8px 0 22px!important;text-align:right!important;color:#256761!important}
  .newclasrow .translation,.newclasrow .transliteration{width:100%!important;margin:0 0 14px!important;padding:0!important;text-align:left!important}
  .newclasrow .translation b{font-size:20px!important;line-height:1.55!important;color:#142f2b!important}
  .newclasrow .transliteration{font-size:15px!important;line-height:1.55!important;color:#42534f!important}
  .newclasrow .tafsir{position:static!important;flex:0 0 calc(100% + 28px)!important;width:calc(100% + 28px)!important;min-width:0!important;max-width:calc(100% + 28px)!important;margin:18px -14px 0!important;padding:12px 14px!important;border-radius:0 0 0 6px!important;background:#dff1ec!important;overflow:hidden!important;box-sizing:border-box!important}
  .newclasrow .tafsir>.row{width:100%!important;max-width:100%!important;margin:0!important;overflow:visible!important}
  .newclasrow .tafsir .col-md-6:first-child{text-align:center!important}
  .newclasrow .tafsir .col-md-6:last-child{display:flex!important;flex-wrap:wrap!important;white-space:normal!important;gap:8px!important;padding-right:0!important;max-width:100%!important;overflow:visible!important}
  .newclasrow .tafsir .col-md-6:last-child>.qe-topic-pill{display:inline-flex!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-overflow:clip!important;line-height:1.35!important;box-sizing:border-box!important}
  .newclasrow .tafsir .qe-topic-chevron{position:absolute!important;top:10px!important;right:14px!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:1px solid rgba(0,88,78,.2)!important;border-radius:8px!important;background:#fff!important;color:#00584e!important;font-size:22px!important;font-weight:700!important;line-height:1!important;transform:none!important;z-index:4!important;box-shadow:0 4px 10px rgba(18,42,36,.08)!important}
  .newclasrow .tafsir .col-md-6:last-child{padding-top:34px!important}
}

/* OVERRIDE: Translation bold + Transliteration italic (2026-08-05) */
.newclasrow .translation b{font-weight:700!important}
.newclasrow .transliteration{font-style:italic!important}