*,*:before,*:after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 84px;
}

:root {
	--t-h: 255;
	--t-h2: calc(var(--t-h) + 28);
}

/* jumbotron */
:root,[data-theme~=bfjv] .jumbotron,[data-theme~=bfjv] .page-header {
	--t-bg: hsl(var(--t-h) 42% 6%);
	--t-bg2: hsl(var(--t-h) 36% 9%);
	--t-tile: hsl(var(--t-h) 30% 13%);
	--t-sur: hsl(var(--t-h) 40% 60% / .07);
	--t-sur2: hsl(var(--t-h) 40% 70% / .1);
	--t-sur3: hsl(var(--t-h) 40% 75% / .15);
	--t-line: hsl(var(--t-h) 40% 80% / .12);
	--t-line2: hsl(var(--t-h) 40% 85% / .22);
	--t-text: #f3f5fa;
	--t-text2: #b7bfd0;
	--t-text3: #909ab0;
	--t-head: #ffffff;
	--t-acc: hsl(var(--t-h) 92% 60%);
	--t-acc2: hsl(var(--t-h2) 92% 64%);
	--t-ok: rgb(var(--tone-ok));
	--t-gold: rgb(var(--color-g2));
	--t-acct: hsl(var(--t-h) 95% 74%);
	--t-goldt: rgb(var(--color-g2));
	--t-chipbg: hsl(var(--t-h) 90% 60% / .16);
	--t-accgrad: linear-gradient(135deg,var(--t-acc),var(--t-acc2));
	--t-grad: linear-gradient(135deg,hsl(var(--t-h) 92% 62%),hsl(var(--t-h2) 92% 66%));
	--t-gradtxt: #0b0f1a;
	--t-glow: 0 12px 36px -10px hsl(var(--t-h) 90% 55% / .5);
	--t-sh: 0 1px 2px rgb(0 0 0 / .25),0 12px 32px -16px rgb(0 0 0 / .6);
	--t-r: 16px;
	--t-r2: 24px;
	--t-rs: 12px;
	--t-max: clamp(1200px,76vw,1480px);
	--t-gut: 16px;
	--t-mesh: radial-gradient(60% 50% at 10% 0%,hsl(var(--t-h) 90% 55% / .5),transparent 60%),radial-gradient(50% 45% at 90% 10%,hsl(var(--t-h2) 90% 60% / .4),transparent 60%),radial-gradient(70% 60% at 50% 110%,hsl(var(--t-h) 70% 40% / .5),transparent 60%);
	--t-hdbg: hsl(var(--t-h) 42% 6% / .92);
	--t-barbg: hsl(var(--t-h) 42% 6% / .94);
	--t-duo: grayscale(1) sepia(1) saturate(2.6) hue-rotate(calc((var(--t-h) - 38) * 1deg)) brightness(.92) contrast(1.06);
}

[data-theme~=bfjv] {
	--t-bg: hsl(var(--t-h) 30% 97%);
	--t-bg2: #ffffff;
	--t-tile: #ffffff;
	--t-sur: hsl(var(--t-h) 30% 96%);
	--t-sur2: hsl(var(--t-h) 30% 93%);
	--t-sur3: hsl(var(--t-h) 30% 89%);
	--t-line: hsl(var(--t-h) 25% 90%);
	--t-line2: hsl(var(--t-h) 25% 82%);
	--t-text: #0f172a;
	--t-text2: #3f4a60;
	--t-text3: #5b6478;
	--t-head: #0b1222;
	--t-acc: hsl(var(--t-h) 85% 46%);
	--t-acc2: hsl(var(--t-h2) 85% 50%);
	--t-acct: hsl(var(--t-h) 88% 27%);
	--t-goldt: color-mix(in srgb,rgb(var(--color-g2)) 55%,#3a2a00);
	--t-chipbg: hsl(var(--t-h) 85% 46% / .12);
	--t-grad: linear-gradient(135deg,hsl(var(--t-h) 45% 20%),hsl(var(--t-h) 50% 11%));
	--t-gradtxt: #fff;
	--t-sh: 0 1px 2px rgb(15 23 42 / .06),0 14px 36px -18px rgb(15 23 42 / .22);
	--t-glow: 0 12px 32px -12px hsl(var(--t-h) 85% 46% / .35);
	--t-mesh: radial-gradient(60% 50% at 10% 0%,hsl(var(--t-h) 85% 60% / .2),transparent 60%),radial-gradient(50% 45% at 90% 10%,hsl(var(--t-h2) 85% 60% / .18),transparent 60%),radial-gradient(70% 60% at 50% 110%,hsl(var(--t-h) 60% 60% / .16),transparent 60%);
	--t-hdbg: rgb(255 255 255 / .94);
	--t-barbg: rgb(255 255 255 / .96);
}

body {
	margin: 0;
	background: var(--t-bg);
	color: var(--t-text);
	font-family: var(--ui-font-body,Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Bengali","Hind Siliguri",sans-serif);
	font-size: clamp(15px,.95rem + .15vw,17px);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

/* has */
body.has-bar {
	padding-bottom: 88px;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--t-acct);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

h1,h2,h3,h4 {
	margin: 0 0 .5em;
	line-height: 1.15;
	color: var(--t-head);
	font-family: var(--ui-font-head,inherit);
	font-weight: 800;
	letter-spacing: -.015em;
	overflow-wrap: break-word;
}

h1 {
	font-size: clamp(2rem,1.3rem + 2.6vw,3.3rem);
}

h2 {
	font-size: clamp(1.45rem,1.15rem + 1.2vw,2.1rem);
}

h3 {
	font-size: clamp(1.1rem,1rem + .4vw,1.3rem);
}

p {
	margin: 0 0 1em;
}

/* hidden */
.hidden-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* container */
.container {
	width: 100%;
	max-width: var(--t-max);
	margin: 0 auto;
	padding: 0 var(--t-gut);
}

svg {
	width: 1em;
	height: 1em;
	vertical-align: -.15em;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* button */
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	min-height: 48px;
	padding: .75em 1.4em;
	border-radius: 999px;
	font-weight: 700;
	font-size: .98rem;
	line-height: 1.1;
	color: var(--t-gradtxt);
	background: var(--t-grad);
	border: 1px solid transparent;
	text-decoration: none!important;
	cursor: pointer;
	white-space: normal;
	text-align: center;
	max-width: 100%;
	transition: transform .18s,filter .18s;
	box-shadow: var(--t-glow);
}

.button:hover {
	transform: translateY(-2px);
	filter: brightness(1.06);
}

.button:active {
	transform: translateY(0);
}

.button--login,.button--ghost {
	background: var(--t-sur2);
	color: var(--t-text);
	border-color: var(--t-line2);
	box-shadow: none;
}

.button--login:hover,.button--ghost:hover {
	background: var(--t-sur3);
}

.button--reg {
	background: var(--t-grad);
}

.button--gold {
	background: linear-gradient(135deg,rgb(var(--color-g1)),rgb(var(--color-g3)));
	color: #1a1200;
	box-shadow: 0 12px 32px -12px rgb(var(--color-g2) / .6);
}

.button--lg {
	min-height: 56px;
	padding: .9em 1.8em;
	font-size: 1.05rem;
}

.button--sm {
	min-height: 40px;
	padding: .5em 1em;
	font-size: .9rem;
}

/* header */
.header-top {
	background: transparent;
	color: var(--t-text3);
	font-size: 12.5px;
	line-height: 1.4;
	border-bottom: 1px solid var(--t-line);
}

.header-top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 30px;
	gap: 12px;
}

.header-top span b {
	color: var(--t-goldt);
}

/* top */
.top-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--t-hdbg);
	border-bottom: 1px solid var(--t-line);
}

.top-header__in {
	display: flex;
	align-items: center;
	min-height: 68px;
	gap: 16px;
}

/* navbar */
.navbar-brand {
	display: inline-flex;
	align-items: center;
	text-decoration: none!important;
}

.navbar-brand img {
	height: 40px;
	width: auto;
	display: block;
}

/* menu */
.menu {
	display: none;
	flex: 1;
	justify-content: center;
	min-width: 0;
	overflow: auto;
	scrollbar-width: none;
}

.menu::-webkit-scrollbar {
	display: none;
}

.menu ul,.offcanvas ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 2px;
	flex-wrap: nowrap;
}

.menu a {
	display: inline-flex;
	align-items: center;
	padding: .5em .8em;
	border-radius: 999px;
	color: var(--t-text2);
	font-weight: 600;
	font-size: .9rem;
	white-space: nowrap;
	text-decoration: none!important;
	transition: background .15s,color .15s;
}

.menu a:hover {
	color: var(--t-text);
	background: var(--t-sur2);
}

.menu a[aria-current=page] {
	color: var(--t-head);
	background: var(--t-sur3);
}

.menu .lang-switch a,.offcanvas .lang-switch a {
	color: var(--t-goldt);
}

/* top */
.top-header__cta {
	display: none;
	gap: 10px;
	margin-left: auto;
}

.top-header__cta .button {
	min-height: 42px;
	padding: .55em 1.1em;
	font-size: .92rem;
}

#main-menu__toggle {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* nav */
.nav-toggle {
	margin-left: auto;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	border: 1px solid var(--t-line2);
	border-radius: 14px;
	background: var(--t-sur);
}

.nav-toggle span:not(.hidden-text) {
	width: 20px;
	height: 2px;
	background: var(--t-text);
	position: relative;
	display: block;
	border-radius: 2px;
	transition: background .15s;
}

.nav-toggle span:not(.hidden-text):before,.nav-toggle span:not(.hidden-text):after {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 2px;
	background: var(--t-text);
	border-radius: 2px;
	transition: transform .2s,top .2s;
}

.nav-toggle span:not(.hidden-text):before {
	top: -6px;
}

.nav-toggle span:not(.hidden-text):after {
	top: 6px;
}

/* top */
#main-menu__toggle:checked~.top-header__in .nav-toggle span:not(.hidden-text) {
	background: transparent;
}

#main-menu__toggle:checked~.top-header__in .nav-toggle span:not(.hidden-text):before {
	top: 0;
	transform: rotate(45deg);
}

#main-menu__toggle:checked~.top-header__in .nav-toggle span:not(.hidden-text):after {
	top: 0;
	transform: rotate(-45deg);
}

/* offcanvas */
.offcanvas {
	display: none;
	background: var(--t-bg2);
	border-top: 1px solid var(--t-line);
}

#main-menu__toggle:checked~.offcanvas {
	display: block;
}

.offcanvas ul {
	flex-direction: column;
	gap: 0;
	padding: 8px var(--t-gut) 14px;
}

.offcanvas a {
	display: flex;
	align-items: center;
	min-height: 52px;
	padding: 0 14px;
	color: var(--t-text);
	font-weight: 600;
	font-size: 1.02rem;
	border-radius: 14px;
	text-decoration: none!important;
}

.offcanvas a:hover {
	background: var(--t-sur2);
}

@media(min-width:960px) {
	.menu,.top-header__cta {
		display: flex;
	}
	.nav-toggle,.offcanvas {
		display: none!important;
	}
	.top-header {
		backdrop-filter: saturate(160%) blur(14px);
		-webkit-backdrop-filter: saturate(160%) blur(14px);
		background: hsl(var(--t-h) 42% 6% / .74);
	}
	[data-theme~=bfjv] .top-header {
		background: #fffc;
	}
}

/* promo */
.promo-ticker {
	background: transparent;
	color: var(--t-text2);
	font-weight: 600;
	font-size: 13px;
	padding: 10px 0;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid var(--t-line);
}

.promo-ticker .container {
	display: flex;
	gap: 8px;
	overflow: auto;
	scrollbar-width: none;
}

.promo-ticker .container::-webkit-scrollbar {
	display: none;
}

.promo-ticker span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--t-sur);
	border: 1px solid var(--t-line);
}

.promo-ticker span:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--t-ok);
	box-shadow: 0 0 0 3px rgb(var(--tone-ok) / .25);
}

/* jumbotron */
.jumbotron {
	position: relative;
	color: #fff;
	min-height: 420px;
	display: flex;
	align-items: center;
	overflow: hidden;
	isolation: isolate;
	background: var(--t-bg2);
}

[data-theme~=bfjv] .jumbotron {
	color: var(--t-text);
}

.jumbotron__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -3;
	opacity: .55;
	filter: var(--t-duo);
}

.jumbotron:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--t-mesh);
}

.jumbotron:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg,hsl(var(--t-h) 42% 6% / .25),hsl(var(--t-h) 42% 6% / .88) 85%);
}

.jumbotron__in {
	padding-top: 44px;
	padding-bottom: 64px;
	max-width: var(--t-max);
}

.jumbotron__k {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--t-chipbg);
	border: 1px solid hsl(var(--t-h) 85% 50% / .35);
	color: var(--t-acct);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 999px;
	margin: 0 0 16px;
}

.jumbotron__k:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--t-acct);
}

.jumbotron h1 {
	color: inherit;
	margin: 0 0 10px;
	max-width: 16ch;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	text-wrap: balance;
}

.jumbotron__sub {
	font-size: clamp(1.05rem,.95rem + .6vw,1.35rem);
	font-weight: 700;
	margin: 0 0 10px;
	color: var(--t-goldt);
}

.jumbotron .hero-text {
	font-size: clamp(1rem,.95rem + .3vw,1.15rem);
	margin: 0 0 24px;
	max-width: 56ch;
	color: inherit;
	opacity: .92;
}

.jumbotron__cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

/* dots */
.dots {
	display: none;
}

/* home */
.home-section {
	padding: 28px 0;
}

.home-section--facts {
	padding: 0;
	position: relative;
	z-index: 2;
	margin-top: -32px;
}

/* quick */
.quick-facts {
	list-style: none;
	margin: 0 auto;
	padding: 0 var(--t-gut);
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 10px;
	max-width: var(--t-max);
}

.quick-facts li {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 14px 16px;
	border-radius: var(--t-r);
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	box-shadow: var(--t-sh);
	font-size: 13px;
	color: var(--t-text2);
}

.quick-facts small {
	font-size: 12.5px;
}

.quick-facts b {
	display: block;
	color: var(--t-head);
	font-size: 14px;
}

.quick-facts svg {
	width: 26px;
	height: 26px;
	color: var(--t-acct);
	flex: none;
}

/* game */
.game-nav {
	background: transparent;
	border-bottom: 0;
}

.game-nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 18px var(--t-gut) 4px;
	display: flex;
	gap: 10px;
	overflow: auto;
	max-width: var(--t-max);
	scrollbar-width: none;
	scroll-snap-type: x proximity;
}

.game-nav ul::-webkit-scrollbar {
	display: none;
}

.game-nav li {
	flex: 1;
	min-width: 104px;
	scroll-snap-align: start;
}

.game-nav a {
	display: block;
	text-align: center;
	padding: 14px 8px 12px;
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	font-weight: 600;
	color: var(--t-text2);
	font-size: 12.5px;
	background: var(--t-tile);
	text-decoration: none!important;
	transition: transform .15s,border-color .15s,color .15s;
}

.game-nav a:hover {
	transform: translateY(-2px);
	border-color: hsl(var(--t-h) 85% 50% / .6);
	color: var(--t-head);
}

.game-nav svg {
	display: block;
	margin: 0 auto 8px;
	width: 26px;
	height: 26px;
	color: var(--t-acct);
}

/* home */
.home-section__h {
	font-size: clamp(1.3rem,1.1rem + .9vw,1.75rem);
	margin: 0 0 16px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
}

.home-section__h span {
	position: relative;
	padding-left: 14px;
}

.home-section__h span:before {
	content: "";
	position: absolute;
	left: 0;
	top: .2em;
	bottom: .2em;
	width: 4px;
	border-radius: 4px;
	background: var(--t-accgrad);
}

.home-section__more {
	font-size: 13px;
	font-weight: 700;
	color: var(--t-acct);
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	white-space: nowrap;
}

.home-section__p {
	color: var(--t-text2);
	margin: 16px 0 0;
	font-size: .95rem;
	max-width: 70ch;
}

/* note */
.note {
	font-size: 13px;
	color: var(--t-text3);
}

/* grid */
.grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 14px;
}

/* card */
.card a {
	display: block;
	position: relative;
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	overflow: hidden;
	box-shadow: var(--t-sh);
	color: inherit;
	text-decoration: none!important;
	height: 100%;
	transition: transform .18s,border-color .18s;
}

.card a:hover {
	transform: translateY(-3px);
	border-color: hsl(var(--t-h) 85% 50% / .6);
}

.card img {
	width: 100%;
	aspect-ratio: 3/2;
	height: auto;
	object-fit: cover;
	display: block;
}

.card__b {
	display: block;
	padding: 12px 14px 14px;
}

.card b {
	display: block;
	font-size: 15px;
	color: var(--t-head);
}

.card small {
	display: block;
	color: var(--t-text3);
	font-size: 12.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.card em {
	display: block;
	font-style: normal;
	color: var(--t-text2);
	font-size: 12.5px;
	margin: 6px 0 0;
}

/* bonus */
.bonus-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

/* offer */
.offer {
	position: relative;
	background: var(--t-tile);
	color: var(--t-text);
	border-radius: var(--t-r2);
	padding: 22px 20px 20px;
	border: 1px solid var(--t-line);
	box-shadow: var(--t-sh);
	overflow: hidden;
}

.offer:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background: var(--t-accgrad);
}

.offer__tag {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	background: var(--t-chipbg);
	color: var(--t-acct);
	font-size: 12.5px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 999px;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin: 0 0 12px;
}

.offer h3 {
	margin: 0 0 8px;
	font-size: 1.35rem;
	color: var(--t-head);
}

.offer p {
	margin: 0 0 10px;
	font-size: .95rem;
	color: var(--t-text2);
}

.offer small {
	display: block;
	font-size: 12.5px;
	color: var(--t-text3);
	margin-bottom: 14px;
}

.offer .button {
	min-height: 44px;
}

/* why */
.why-us {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.why-us li {
	background: var(--t-tile);
	padding: 20px 16px;
	border-radius: var(--t-r);
	border: 1px solid var(--t-line);
}

.why-us__i {
	display: flex;
	margin: 0 0 12px;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: var(--t-chipbg);
	color: var(--t-acct);
	align-items: center;
	justify-content: center;
}

.why-us__i svg {
	width: 24px;
	height: 24px;
}

.why-us b {
	display: block;
	margin-bottom: 4px;
	color: var(--t-head);
	font-size: 1rem;
}

.why-us p {
	margin: 0;
	font-size: .9rem;
	color: var(--t-text2);
}

/* guide */
.guide-steps {
	list-style: none;
	counter-reset: s;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.guide-steps--row {
	grid-template-columns: 1fr;
}

.guide-steps li {
	position: relative;
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	padding: 18px 18px 18px 64px;
	font-size: .95rem;
	color: var(--t-text2);
}

.guide-steps li:before {
	counter-increment: s;
	content: counter(s);
	position: absolute;
	left: 16px;
	top: 16px;
	width: 34px;
	height: 34px;
	border-radius: 12px;
	background: var(--t-grad);
	color: var(--t-gradtxt);
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}

.guide-steps strong {
	display: block;
	color: var(--t-head);
	margin-bottom: 4px;
	font-size: 1.02rem;
}

/* home */
.home-section__cta {
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
	margin: 18px 0 0;
}

/* read */
.read-more {
	font-weight: 700;
	color: var(--t-acct);
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

/* app */
.app-download {
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r2);
	display: grid;
	gap: 22px;
	padding: 24px;
	box-shadow: var(--t-sh);
	position: relative;
	overflow: hidden;
}

.app-download:before {
	content: "";
	position: absolute;
	inset: -40% -20% auto auto;
	width: 60%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(closest-side,hsl(var(--t-h2) 85% 55% / .22),transparent);
	pointer-events: none;
}

.app-download img {
	width: 100%;
	max-width: 300px;
	aspect-ratio: 3/2;
	height: auto;
	object-fit: cover;
	border-radius: 22px;
	border: 6px solid var(--t-sur3);
	justify-self: center;
	box-shadow: var(--t-sh);
}

.app-download h2 {
	font-size: clamp(1.3rem,1.1rem + .9vw,1.75rem);
}

.app-download__cta {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

/* check */
.check-list {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
}

.check-list li {
	position: relative;
	padding-left: 28px;
	margin: 8px 0;
	font-size: .95rem;
	color: var(--t-text2);
}

.check-list li:before {
	content: "✓";
	position: absolute;
	left: 0;
	top: .05em;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgb(var(--tone-ok) / .18);
	color: var(--t-ok);
	font-weight: 800;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

[data-theme~=bfjv] .check-list li:before {
	color: color-mix(in srgb,rgb(var(--tone-ok)) 60%,#000);
}

/* alert */
.alert {
	border: 1px solid var(--t-line);
	border-left: 4px solid var(--t-gold);
	background: var(--t-sur);
	padding: 12px 14px;
	border-radius: var(--t-rs);
	font-size: .95rem;
	margin: 14px 0;
	color: var(--t-text2);
}

.alert--warn {
	border-left-color: var(--t-acc);
}

.alert--ok {
	border-left-color: var(--t-ok);
}

/* wallets */
.wallets {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* wallet */
.wallet {
	border: 1px solid var(--t-line);
	border-radius: 999px;
	padding: 7px 14px;
	font-weight: 700;
	font-size: 12.5px;
	color: var(--t-text);
	background: var(--t-tile);
}

.wallet--bkash {
	color: #ff6fab;
	border-color: #e2136e80;
}

.wallet--nagad {
	color: #ffb257;
	border-color: #f6921e80;
}

.wallet--rocket {
	color: #cfa0f5;
	border-color: #8a3ab980;
}

.wallet--upay {
	color: #8db4ff;
	border-color: #1f5fbf80;
}

[data-theme~=bfjv] .wallet--bkash {
	color: #b40d5c;
}

[data-theme~=bfjv] .wallet--nagad {
	color: #9a4b00;
}

[data-theme~=bfjv] .wallet--rocket {
	color: #6b2a93;
}

[data-theme~=bfjv] .wallet--upay {
	color: #1d4f9c;
}

/* columns */
.columns {
	display: grid;
	gap: 14px;
}

/* accordion */
.accordion {
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	padding: 0 18px 8px;
}

.accordion summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--t-head);
	padding: 16px 0;
	display: flex;
	gap: 10px;
	align-items: center;
	list-style: none;
	font-size: 1.02rem;
}

.accordion summary::-webkit-details-marker {
	display: none;
}

.accordion summary svg {
	color: var(--t-acct);
}

.accordion summary:after {
	content: "";
	margin-left: auto;
	width: 9px;
	height: 9px;
	border-right: 2px solid var(--t-text3);
	border-bottom: 2px solid var(--t-text3);
	transform: rotate(45deg);
	transition: transform .2s;
}

.accordion[open] summary:after {
	transform: rotate(-135deg);
}

.accordion ol {
	margin: 0 0 10px;
	padding-left: 22px;
	font-size: .95rem;
	color: var(--t-text2);
}

.accordion ol li {
	margin: 6px 0;
}

.accordion p {
	font-size: .9rem;
	color: var(--t-text3);
	margin: 0 0 10px;
}

/* text */
.text-block {
	background: var(--t-tile);
	padding: 26px 22px;
	border-radius: var(--t-r2);
	border: 1px solid var(--t-line);
	font-size: 1rem;
	line-height: 1.75;
	color: var(--t-text2);
	width: calc(100% - 2 * var(--t-gut));
	max-width: calc(var(--t-max) - 2 * var(--t-gut));
	margin: 0 auto;
}

.text-block h2 {
	font-size: clamp(1.3rem,1.1rem + .9vw,1.75rem);
	margin: 0 0 10px;
}

.text-block h3 {
	font-size: 1.15rem;
	margin: 22px 0 6px;
}

.text-block p {
	margin: 0 0 1em;
}

/* faq */
.faq {
	margin: 0;
	display: grid;
	gap: 10px;
}

.faq__item {
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	padding: 16px 18px;
}

.faq__q {
	font-weight: 700;
	color: var(--t-head);
	margin: 0 0 6px;
	font-size: 1.02rem;
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.faq__q:before {
	content: "?";
	flex: none;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	background: var(--t-chipbg);
	color: var(--t-acct);
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .1em;
}

.faq__a {
	font-size: .95rem;
	color: var(--t-text2);
	padding-left: 36px;
}

.faq__a p {
	margin: 0;
}

/* cta */
.cta-box {
	background: var(--t-grad);
	color: var(--t-gradtxt);
	border-radius: var(--t-r2);
	padding: 34px 24px;
	text-align: center;
	box-shadow: var(--t-glow);
	position: relative;
	overflow: hidden;
}

.cta-box:after {
	content: "";
	position: absolute;
	inset: auto -20% -60%;
	height: 120%;
	background: radial-gradient(closest-side,rgb(255 255 255 / .16),transparent);
	pointer-events: none;
}

.cta-box h2 {
	color: inherit;
	font-size: clamp(1.4rem,1.1rem + 1.2vw,2rem);
}

.cta-box p {
	max-width: 60ch;
	margin: 0 auto 18px;
	font-size: 1rem;
	color: inherit;
}

.cta-box .button {
	background: #fff;
	color: #0f172a;
	box-shadow: 0 10px 30px -10px #00000080;
	position: relative;
}

/* page */
.page-header {
	position: relative;
	color: #fff;
	overflow: hidden;
	isolation: isolate;
	background: var(--t-bg2);
}

[data-theme~=bfjv] .page-header {
	color: var(--t-text);
}

.page-header__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -3;
	opacity: .45;
	filter: var(--t-duo);
}

.page-header:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background: var(--t-mesh);
}

.page-header:after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg,hsl(var(--t-h) 42% 6% / .35),hsl(var(--t-h) 42% 6% / .92));
}

.page-header__in {
	padding: 34px var(--t-gut) 36px;
}

/* breadcrumb */
.breadcrumb {
	font-size: 13px;
	margin: 0 0 10px;
	color: var(--t-text3);
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.breadcrumb a {
	color: var(--t-acct);
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 2px;
}

/* page */
[data-theme~=bfjv] .page-header .breadcrumb,[data-theme~=bfjv] .page-header .hero-text {
	color: var(--t-text2);
}

.page-header h1 {
	color: inherit;
	font-size: clamp(1.7rem,1.3rem + 1.8vw,2.7rem);
	margin: 0 0 10px;
	max-width: 24ch;
	overflow-wrap: normal;
	hyphens: none;
	text-wrap: balance;
}

.page-header .hero-text {
	margin: 0 0 18px;
	color: inherit;
	opacity: .9;
	font-size: 1.05rem;
	max-width: 62ch;
}

.page-header__cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0;
}

.page-layout {
	display: grid;
	gap: 22px;
	padding-top: 24px;
	padding-bottom: 32px;
}

/* entry */
.entry {
	min-width: 0;
}

/* article */
.article-body {
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r2);
	padding: 24px 20px;
	font-size: 1.02rem;
	line-height: 1.78;
	color: var(--t-text2);
}

.article-body h2 {
	font-size: clamp(1.3rem,1.1rem + .9vw,1.7rem);
	margin: 1.7em 0 .5em;
	scroll-margin-top: 96px;
	padding-left: 14px;
	position: relative;
}

.article-body h2:before {
	content: "";
	position: absolute;
	left: 0;
	top: .18em;
	bottom: .18em;
	width: 4px;
	border-radius: 4px;
	background: var(--t-accgrad);
}

.article-body h2:first-child {
	margin-top: 0;
}

.article-body h3 {
	font-size: 1.15rem;
	margin: 1.4em 0 .4em;
}

.article-body a {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: hsl(var(--t-h) 85% 50% / .5);
	font-weight: 600;
}

.article-body ul.list,.article-body ul.cross-list {
	padding-left: 22px;
}

.article-body li {
	margin: 6px 0;
}

.article-body ul.cross-list li::marker {
	color: var(--t-acct);
}

.article-body .guide-steps {
	margin: 14px 0;
}

.article-body .figure {
	margin: 18px 0;
}

.article-body .figure img {
	border-radius: var(--t-r);
	border: 1px solid var(--t-line);
	display: block;
	width: 100%;
}

.article-body figcaption {
	font-size: 13px;
	color: var(--t-text3);
	margin-top: 8px;
}

/* table */
.table-wrap {
	margin: 18px 0;
	overflow: auto;
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
}

.table-wrap table {
	border-collapse: collapse;
	width: 100%;
	font-size: .95rem;
}

.table-wrap th {
	background: var(--t-sur2);
	color: var(--t-head);
	text-align: left;
	padding: 10px 12px;
	font-weight: 700;
}

.table-wrap td {
	border-top: 1px solid var(--t-line);
	padding: 10px 12px;
	color: var(--t-text2);
}

/* screenshot */
.screenshot {
	margin: 18px 0;
}

.screenshot img {
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	display: block;
	width: 100%;
}

.screenshot figcaption {
	font-size: 13px;
	color: var(--t-text3);
	margin-top: 8px;
}

/* jump */
.jump-links__mobile {
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	padding: 0 16px;
	margin: 0 0 16px;
}

.jump-links__mobile summary {
	padding: 14px 0;
	font-weight: 700;
	cursor: pointer;
	color: var(--t-head);
	list-style: none;
	display: flex;
	gap: 8px;
}

.jump-links__mobile summary::-webkit-details-marker {
	display: none;
}

.jump-links__mobile summary span {
	color: var(--t-text3);
	font-weight: 600;
}

.jump-links ol {
	margin: 0 0 12px;
	padding-left: 22px;
	color: var(--t-text2);
	font-size: .95rem;
}

.jump-links li {
	margin: 2px 0;
}

.jump-links a {
	color: var(--t-text2);
	display: inline-block;
	padding: 8px 0;
	min-height: 40px;
}

.jump-links a:hover {
	color: var(--t-acct);
}

.jump-links__side {
	display: none;
}

/* other */
.other-pages {
	margin: 20px 0 0;
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	padding: 16px 18px;
}

.other-pages ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.other-pages a {
	display: flex;
	gap: 8px;
	align-items: center;
	color: var(--t-text2);
	font-size: .95rem;
	padding: 6px 0;
	min-height: 44px;
}

.other-pages a:hover {
	color: var(--t-head);
	text-decoration: none;
}

.other-pages svg {
	color: var(--t-acct);
}

/* sidebar */
.sidebar__in {
	display: grid;
	gap: 14px;
}

.sidebar__box {
	background: var(--t-tile);
	border: 1px solid var(--t-line);
	border-radius: var(--t-r);
	padding: 16px 18px;
}

.sidebar__h {
	margin: 0 0 10px;
	font-weight: 700;
	font-size: 12.5px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--t-text3);
}

.sidebar__bonus {
	background: var(--t-grad);
	color: var(--t-gradtxt);
	border: 0;
	text-align: center;
	box-shadow: var(--t-glow);
}

.sidebar__bonus .sidebar__h {
	color: inherit;
}

.sidebar__bonus p {
	color: inherit;
	font-size: .95rem;
}

.sidebar__bonus .button {
	background: #fff;
	color: #0f172a;
	box-shadow: none;
}

.sidebar__links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar__links li {
	border-bottom: 1px solid var(--t-line);
}

.sidebar__links li:last-child {
	border-bottom: 0;
}

.sidebar__links a {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 10px 0;
	min-height: 44px;
	color: var(--t-text2);
	font-size: .95rem;
}

.sidebar__links a:hover {
	color: var(--t-head);
	text-decoration: none;
}

.sidebar__links svg {
	color: var(--t-acct);
}

/* entry */
.entry .cta-box {
	margin-top: 20px;
}

/* bottom */
.bottom {
	background: var(--t-bg2);
	color: var(--t-text2);
	font-size: 13.5px;
	padding: 40px 0 100px;
	margin-top: 28px;
	border-top: 1px solid var(--t-line);
}

.bottom__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.bottom__brand {
	grid-column: 1/-1;
}

.bottom h3 {
	color: var(--t-head);
	margin: 0 0 12px;
	font-size: 12.5px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bottom li {
	margin: 0;
}

.bottom a {
	color: var(--t-text2);
	display: inline-block;
	padding: 10px 12px 10px 0;
	min-height: 44px;
	min-width: 48px;
}

.bottom a:hover {
	color: var(--t-head);
}

.bottom .navbar-brand img {
	height: 34px;
}

.bottom p {
	margin: 10px 0;
	max-width: 60ch;
}

/* seals */
.seals {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.seals li {
	border: 1px solid var(--t-line2);
	padding: 5px 10px;
	border-radius: 999px;
	color: var(--t-text);
	font-weight: 600;
	font-size: 12.5px;
	background: var(--t-sur);
}

/* bottom */
.bottom__pay {
	margin-top: 24px;
}

.bottom .wallet {
	background: var(--t-sur);
}

.bottom__legal {
	border-top: 1px solid var(--t-line);
	padding-top: 16px;
	line-height: 1.6;
	color: var(--t-text3);
	font-size: 12.5px;
}

.bottom__copy {
	text-align: center;
	color: var(--t-text3);
	font-size: 12.5px;
}

/* age */
.age-badge {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--t-line2);
	border-radius: 6px;
	padding: 0 6px;
	font-size: 12px;
	font-weight: 800;
	color: var(--t-text);
	height: 20px;
}

#bar-hide {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* sticky */
#bar-hide:checked~.sticky-bar {
	display: none!important;
}

.sticky-bar {
	position: fixed;
	left: 12px;
	right: 12px;
	bottom: calc(12px + env(safe-area-inset-bottom));
	z-index: 90;
	display: flex;
	gap: 10px;
	padding: 10px;
	background: var(--t-barbg);
	border: 1px solid var(--t-line2);
	border-radius: 999px;
	box-shadow: 0 20px 50px -20px #000000b3;
}

[data-theme~=bfjv] .sticky-bar {
	box-shadow: 0 20px 50px -20px #0f172a59;
}

.sticky-bar .button {
	flex: 1;
	min-height: 46px;
}

/* bar */
.bar-close {
	position: absolute;
	top: -10px;
	right: 14px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--t-bg2);
	color: var(--t-text);
	border: 1px solid var(--t-line2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
}

@media(min-width:960px) {
	.sticky-bar {
		display: none;
	}
	.bottom {
		padding-bottom: 40px;
	}
	body.has-bar {
		padding-bottom: 0;
	}
	.jumbotron {
		min-height: 600px;
	}
	.jumbotron__in {
		padding-top: 80px;
		padding-bottom: 110px;
		padding-right: min(44%,calc(var(--t-max) * .44));
	}
	.jumbotron__img {
		left: auto;
		right: max(var(--t-gut),calc((100vw - var(--t-max)) / 2));
		top: 56px;
		bottom: auto;
		width: min(40%,500px);
		height: calc(100% - 128px);
		border-radius: 28px;
		opacity: 1;
		border: 1px solid rgb(255 255 255 / .18);
		box-shadow: 0 30px 80px -30px #000000b3;
		z-index: -1;
	}
	.jumbotron:after {
		background: linear-gradient(180deg,hsl(var(--t-h) 42% 6% / .1),hsl(var(--t-h) 42% 6% / .8) 90%);
		z-index: -2;
	}
	.jumbotron h1 {
		max-width: 18ch;
	}
	.home-section {
		padding: 40px 0;
	}
	.home-section--facts {
		margin-top: -44px;
	}
	.quick-facts {
		grid-template-columns: repeat(4,1fr);
	}
	.grid {
		grid-template-columns: repeat(3,1fr);
		gap: 18px;
	}
	.bonus-grid,.why-us,.guide-steps--row {
		grid-template-columns: repeat(3,1fr);
	}
	.app-download {
		grid-template-columns: 320px 1fr;
		align-items: center;
		padding: 36px;
	}
	.columns {
		grid-template-columns: 1fr 1fr;
	}
	.bottom__grid {
		grid-template-columns: 2fr 1fr 1fr 1fr;
	}
	.bottom__brand {
		grid-column: auto;
	}
	.other-pages ul {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.cta-box {
		padding: 48px 40px;
	}
	.page-layout {
		grid-template-columns: minmax(0,1fr) 320px;
	}
	.jump-links__mobile {
		display: none;
	}
	.jump-links__side {
		display: block;
	}
	.sidebar__in {
		position: sticky;
		top: 92px;
	}
	.article-body {
		padding: 32px 36px;
	}
	.page-header__in {
		padding: 52px var(--t-gut) 56px;
	}
	.text-block {
		columns: 2;
		column-gap: 56px;
		padding: 36px 44px;
	}
	.text-block>h2 {
		column-span: all;
	}
	.text-block h2,.text-block h3 {
		break-after: avoid;
	}
	.text-block li {
		break-inside: avoid;
	}
	.text-block p {
		orphans: 3;
		widows: 3;
	}
	.app-download p,.app-download .check-list {
		max-width: 72ch;
	}
}

@media(min-width:1400px) {
	.page-layout {
		grid-template-columns: minmax(0,1fr) 380px;
		gap: 36px;
	}
	.article-body {
		padding: 44px 64px;
		font-size: 1.12rem;
	}
	.jumbotron {
		min-height: 640px;
	}
	.jumbotron__img {
		width: min(40%,560px);
	}
	.home-section {
		padding: 48px 0;
	}
	.grid,.bonus-grid,.why-us {
		gap: 22px;
	}
	.page-header__in {
		padding: 64px var(--t-gut) 68px;
	}
}

@media(max-width:359px) {
	.button--lg {
		min-height: 52px;
		padding: .8em 1.2em;
		font-size: 1rem;
	}
	.sticky-bar .button {
		font-size: .9rem;
		padding: .6em .7em;
	}
	.jumbotron__cta .button,.page-header__cta .button {
		flex: 1 1 auto;
	}
	.quick-facts,.grid,.why-us {
		grid-template-columns: 1fr;
	}
}

@media(prefers-reduced-motion:reduce) {
	* {
		transition: none!important;
	}
}

:root[data-scheme=clieqf] {
	--color-bg: 6 19 15;
	--color-bg-deep: 4 13 10;
	--color-bg-raise: 10 27 21;
	--color-band-a: 12 34 25;
	--color-band-b: 8 25 18;
	--color-phero: 10 30 23;
	--color-surface: 14 37 32;
	--color-surface-2: 19 48 42;
	--color-p1: 52 211 153;
	--color-p2: 16 185 129;
	--color-p3: 4 120 87;
	--color-g1: 253 230 138;
	--color-g2: 250 204 21;
	--color-g3: 202 138 4;
	--color-on-gold: 20 16 0;
	--color-gr1: 52 211 153;
	--color-gr2: 22 163 74;
	--color-gr: 34 197 94;
	--color-gr-light: 74 222 128;
	--color-info: 56 189 248;
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-display: optional;
	src: url(/fonts/Poppins-600-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: Poppins;
	font-style: normal;
	font-weight: 700;
	font-display: optional;
	src: url(/fonts/Poppins-700-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: Rubik;
	font-style: normal;
	font-weight: 400;
	font-display: optional;
	src: url(/fonts/Rubik-400-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	font-display: optional;
	src: url(/fonts/Rubik-600-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: Rubik;
	font-style: normal;
	font-weight: 800;
	font-display: optional;
	src: url(/fonts/Rubik-800-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: Noto Sans Bengali;
	font-style: normal;
	font-weight: 400;
	font-display: optional;
	src: url(/fonts/NotoSansBengali-400-bengali.woff2) format("woff2");
	unicode-range: U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1;
}

@font-face {
	font-family: Noto Sans Bengali;
	font-style: normal;
	font-weight: 700;
	font-display: optional;
	src: url(/fonts/NotoSansBengali-700-bengali.woff2) format("woff2");
	unicode-range: U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1;
}

@font-face {
	font-family: Rubik Fallback;
	src: local("Arial");
	size-adjust: 101.8392%;
	ascent-override: 91.8114%;
	descent-override: 24.5485%;
	line-gap-override: 0%;
}

@font-face {
	font-family: Rubik Fallback R;
	src: local("Roboto");
	size-adjust: 102.0628%;
	ascent-override: 91.6103%;
	descent-override: 24.4947%;
	line-gap-override: 0%;
}

@font-face {
	font-family: Poppins Fallback;
	src: local("Arial");
	size-adjust: 112.1577%;
	ascent-override: 93.6182%;
	descent-override: 31.2061%;
	line-gap-override: 8.916%;
}

@font-face {
	font-family: Poppins Fallback R;
	src: local("Roboto");
	size-adjust: 112.404%;
	ascent-override: 93.4131%;
	descent-override: 31.1377%;
	line-gap-override: 8.8965%;
}

:root {
	--ui-font-body: "Rubik","Rubik Fallback","Rubik Fallback R","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--ui-font-head: "Poppins","Poppins Fallback","Poppins Fallback R","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

body {
	font-family: var(--ui-font-body);
}

/* button */
h1,h2,h3,h4,.button,.pre-title,.menu a,.page-footer h3,.quick-facts b,.bonus__badge,.subheading {
	font-family: var(--ui-font-head);
}

:root {
	--tone-acc: 216 52 19;
	--tone-acc2: 43 108 238;
	--tone-ok: 61 163 41;
	--tone-on: #ffffff;
	--t-h: 150;
}