/* DeenWorld Quiz v1.5.1 - readability layer (loaded LAST).
   Makes Bengali text clearer on every DeenWorld page: a font made for Bengali screens, bigger text, enough line height
   for the vowel signs, darker grey text, and no theme underlines running through the letters. */

.dwq{
	--ff-bn:'Noto Sans Bengali','Hind Siliguri',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
	font-family:var(--ff,var(--ff-bn));
	font-size:17px;
	font-weight:500;
	line-height:1.7;
	text-rendering:optimizeLegibility;
	font-kerning:normal;
	-webkit-text-size-adjust:100%;
}
.dwq button,.dwq input,.dwq select,.dwq textarea{font-family:inherit}

/* headings & big labels: Bengali vowel signs need more height than Latin text, otherwise they get squeezed/clipped */
html .dwq h1,html .dwq h2,html .dwq h3,html .dwq h4{line-height:1.45;font-weight:800}
html .dwq.dwq-hm h1{line-height:1.2}
html .dwq-hm-card h3{line-height:1.35}

/* small / grey helper text: never thin, never pale */
.dwq small,.dwq .dwq-muted{font-weight:500}
.dwq .dwq-muted{color:#40544a}
.dwq-hm-card .dwq-muted,.dwq-hm-hero .dwq-muted{color:inherit}
.dwq label,.dwq th,.dwq td{font-weight:600}
.dwq td,.dwq th{line-height:1.6}
.dwq input::placeholder,.dwq textarea::placeholder{color:#6b7c72;opacity:1;font-weight:500}

/* no theme underline cutting through Bengali letters (an underline on the link itself can't be undone by its children) */
.dwq a,.dwq a:hover,.dwq a:focus,.dwq a:active,.dwq a *{text-decoration:none!important}
.dwq-winline a{font-weight:800;color:var(--em)}

/* text sitting on the picture background directly (not inside a card) stays dark and strong */
.dwq-sp-wt,.dwq-sp-planhead p{color:#173326}

/* a little more room in compact lists / tables so each Bengali line is easy to follow */
.dwq-table td,.dwq-ac-table td{padding-top:10px;padding-bottom:10px}
.dwq-qlist li,.dwq-rules li,.dwq-notifs li{line-height:1.65}

/* phones: keep text from being tiny */
@media(max-width:640px){
	.dwq{font-size:16.5px}
	.dwq-win-hd{font-size:19px}
}

/* ===== v1.6.13 - clearer text + no theme page title =====
   1) The theme's own big page name (black text above the card) repeats the heading that is already inside the page: hidden on DeenWorld pages only. */
body.dwq-dw .page-header,body.dwq-dw header.entry-header,body.dwq-dw .entry-header,body.dwq-dw h1.entry-title,body.dwq-dw .entry-title,
body.dwq-dw .page-title,body.dwq-dw h1.page-title,body.dwq-dw .elementor-widget-theme-post-title,body.dwq-dw .elementor-page-title,
body.dwq-dw .entry-hero-container-inner,body.dwq-dw .page-hero-section,body.dwq-dw .ast-archive-description,body.dwq-dw .wp-block-post-title{display:none!important}

/* 2) Some themes set a thin weight directly on p / li / td, which beats the inherited weight - lowest-specificity rules put it back
      (class rules of the plugin, e.g. bold prices, still win). */
:where(.dwq) p,:where(.dwq) li,:where(.dwq) td,:where(.dwq) dd,:where(.dwq) blockquote{font-weight:500}
:where(.dwq) :is(h1,h2,h3,h4,h5,h6){font-weight:800}
.dwq strong,.dwq b,.dwq th,.dwq dt{font-weight:800}
.dwq label,.dwq legend{font-weight:700}
.dwq [class*="-title"],.dwq [class*="-ttl"]{font-weight:800}
/* Latin words inside a heading (e.g. "Deen World") must not turn thin / use another font than the Bengali words around them */
.dwq h1 span:not([class]),.dwq h2 span:not([class]),.dwq h3 span:not([class]),.dwq h4 span:not([class]),
.dwq h1 em,.dwq h2 em,.dwq h3 em,.dwq h1 i:not([class]),.dwq h2 i:not([class]){font-weight:inherit;font-family:inherit;font-style:normal}
/* text on the cream panels / cards: a little stronger and darker so it is easy to read */
body.dwq-dw .dwq p,body.dwq-dw .dwq li{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.dwq .dwq-muted,.dwq small{color:#33473d}

/* ===== v1.6.16 - thick, clear text on every DeenWorld page (like the live site) ===== */
:is(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-hm,.dwq-wp,.dwq-wonly){font-family:var(--ff,'Noto Sans Bengali','Hind Siliguri',system-ui,-apple-system,'Segoe UI',Arial,sans-serif);font-weight:600;text-rendering:optimizeLegibility;font-kerning:normal}
:where(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-hm,.dwq-wp,.dwq-wonly) :is(p,li,td,dd,blockquote,span,small,div,a,label){font-weight:600}
:where(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-hm,.dwq-wp,.dwq-wonly) :is(h1,h2,h3,h4,h5,h6,strong,b,th,dt){font-weight:800}
:where(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-hm,.dwq-wp,.dwq-wonly) :is(button,input,select,textarea){font-weight:700}
:where(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-hm,.dwq-wp,.dwq-wonly) :is(input,textarea)::placeholder{font-weight:600}

/* ===== v1.6.17 - nothing slides / fades in after the page is shown; headings thick everywhere ===== */
body.dwq-dw .elementor-invisible{visibility:visible!important;opacity:1!important}
body.dwq-dw .animated,body.dwq-dw [class*="elementor-animation-"]:not([class*="elementor-animation-grow"]):not([class*="elementor-animation-float"]):not([class*="elementor-animation-pulse"]){animation:none!important}
body.dwq-dw .elementor-section,body.dwq-dw .elementor-container,body.dwq-dw .e-con{animation:none!important}
:where(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-hm,.dwq-wp,.dwq-wonly) :is(h1,h2,h3,h4,h5,h6,p,li,td,th,dd,dt,span,div,a,label,small,strong,b,button,input,select,textarea){font-family:inherit}
body.dwq-dw :is(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-wp,.dwq-wonly) :is(h2,h3,h4,h5,h6){font-weight:800}
body.dwq-dw .dwq:not(.dwq-hm) h1,body.dwq-dw :is(.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth) h1{font-weight:800}

/* ===== v1.6.18 - text and headings that come from the theme / Elementor on DeenWorld pages: same font, thick ===== */
body.dwq-dw :is(.entry-content,.elementor) :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title):not(.dwq *):not(.dwq-hm *){font-weight:800!important}
body.dwq-dw :is(.entry-content,.elementor) :is(p,li,.elementor-icon-list-text,.elementor-widget-text-editor):not(.dwq *){font-weight:600}
body.dwq-dw :is(.entry-content,.elementor) :is(h1,h2,h3,h4,h5,h6,p,li,.elementor-heading-title,.elementor-icon-list-text,.elementor-widget-text-editor):not(.dwq *){font-family:'Noto Sans Bengali','Hind Siliguri',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}

/* ===== v1.6.20 - same thick, clear look as the live site: the DeenWorld font is forced on every DeenWorld page,
   a bold is always drawn (never thin because a font only has one weight), headings thick ===== */
body.dwq-dw .dwq,body.dwq-dw .dwq *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-quiz-root,body.dwq-dw .dwq-quiz-root *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-ac,body.dwq-dw .dwq-ac *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-ct,body.dwq-dw .dwq-ct *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-lb,body.dwq-dw .dwq-lb *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-auth,body.dwq-dw .dwq-auth *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-hm,body.dwq-dw .dwq-hm *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-wp,body.dwq-dw .dwq-wp *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-wonly,body.dwq-dw .dwq-wonly *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-foot,body.dwq-dw .dwq-foot *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]),body.dwq-dw .dwq-hd,body.dwq-dw .dwq-hd *:not(svg):not(svg *):not([class*="icon"]):not([class*="fa-"]){font-family:'Noto Sans Bengali','Hind Siliguri',system-ui,-apple-system,'Segoe UI',Roboto,Arial,'Apple Color Emoji','Segoe UI Emoji',sans-serif!important;font-synthesis:weight style!important;text-rendering:optimizeLegibility}
body.dwq-dw :is(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-hm,.dwq-wp,.dwq-wonly,.dwq-foot,.dwq-hd) :is(h2,h3,h4,h5,h6){font-weight:800!important}
body.dwq-dw :is(.dwq,.dwq-quiz-root,.dwq-ac,.dwq-ct,.dwq-lb,.dwq-auth,.dwq-wp,.dwq-wonly,.dwq-foot) h1:not(.dwq-hm h1):not(.dwq-hm-hero h1){font-weight:800!important}

/* ===== v1.6.21 - the quiz page is as wide as on the live site (it no longer shrinks to its content) ===== */
body.dwq-dw .dwq-quiz-root{width:min(1115px,calc(100vw - 32px));max-width:none;margin-left:calc(50% - min(1115px,calc(100vw - 32px)) / 2)!important;margin-right:0!important}