* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Geologica;
}

.mhsYUIuYXN {
	max-width: 1280px;
	padding: 0 16px;
	width: 100%;
	margin: 0 auto;
}

body {
	background-image: url("../img/bg_mob.webp");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	background-color: #030630;
}

body:not(:has(.EIDHCMYrIv)) .zknYtaOIcy { 
	display: none;
}

header {
	nav {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
		padding: 14px 0;
		border-bottom: 1px solid #BFBFBF;

		.WmLiiKJFar {
			height: 36px;

			img {
				height: 36px;
				flex-shrink: 0;
			}
		}

		button {
			width: 24px;
			height: 24px;
			cursor: pointer;
			background-color: transparent;
			border: none;

			img {
				width: 24px;
				height: 24px;
			}
		}

		.leDfLYxDPT {
			display: none;
		}

	}


	.zknYtaOIcy {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		padding: 12px 0;
		max-width: 343px;
		margin: 0 auto;
		width: 100%;
		background: url('../img/hero_mob.webp') no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
		min-height: 124px;
		height: 100%;

		h1,
		h2 {
			color: #FFF;
			text-align: center;
		}

		h1 {
			font-size: 22px;
			font-weight: 700;
			line-height: 30px;
			letter-spacing: -0.44px;
		}

		h2 {
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
			letter-spacing: -0.32px;
		}
	}


	.i_ViHHDzho {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.40);
		backdrop-filter: blur(1px);
		display: flex;
		opacity: 0;
		z-index: 999;
		visibility: hidden;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	}

	.i_ViHHDzho.fsuLCidsO_ {
		opacity: 1;
		visibility: visible;
	}

	.ADndFSaL_A {
		max-width: 245px;
		width: 100%;
		height: 100%;
		background: #000;
		display: flex;
		padding: 24px 16px;
		flex-direction: column;
		gap: 100px;
		position: absolute;
		top: 0;
		right: 0;

		img {
			width: 24px;
			height: 24px;
			position: absolute;
			right: 16px;
			top: 24px;
			cursor: pointer;
		}

		ul {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 16px;
			height: 104px;
			margin-top: 124px;
		}

		ul>li {
			list-style: none;
			padding: 10px;

			a {
				color: #FFF;
				text-align: center;
				font-size: 18px;
				font-weight: 700;
				line-height: 24px;
				letter-spacing: -0.36px;
				text-decoration: none;
			}
		}

		li.fsuLCidsO_ {
			border-radius: 4px;
			background: rgba(255, 255, 255, 0.30);
		}
	}

}

main {
	.iPwEgQYJha {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
		align-items: center;
		padding: 24px 0;

		.EIDHCMYrIv {
			padding: 20px 16px;
			display: flex;
			flex-direction: column;
			max-width: 343px;
			width: 100%;
			gap: 16px;
			border-radius: 12px;
			outline: 2px solid #FFD200;
			background: #000;
			position: relative;

			.bedHNgmZuZ {
				display: flex;
				width: 28px;
				padding: 2px 4px;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				color: #FFF;
				text-align: center;
				font-family: Geologica;
				font-size: 14px;
				font-weight: 500;
				position: absolute;
				left: 16px;
				top: 8px;
				border-radius: 2px;
				background: rgba(255, 255, 255, 0.20);
			}

			.NhdRahnIWl {
				position: absolute;
				right: 16px;
				top: -11px;
				display: flex;
				flex-direction: column;

				p {
					border-radius: 4px;
					color: #FFF;
					font-family: Geologica;
					font-size: 14px;
					font-weight: 500;
					padding: 2px 10px;
					white-space: nowrap;
				}
			}

			.maxtbwYydZ {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 20px;

				.ehIudKWnsR {
					background: url('../img/card_logobg.webp') no-repeat;
					background-size: contain;
					width: 155px;
					height: 122px;
					display: flex;
					justify-content: center;


					img {
						width: 110px;
						height: 73px;
						object-fit: cover;
						padding-top: 12px;
					}
				}

				.fxGatWOk_u {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					gap: 12px;

					p {
						color: #FFF;
						text-align: center;
						font-family: Geologica;
						font-size: 28px;
						font-weight: 700;
						line-height: 32px;
					}
				}
			}

			.kzcKFFwsGm {
				display: flex;
				height: 102px;
				padding: 12px 16px;
				justify-content: center;
				align-items: center;
				border-radius: 8px;
				border: 1px solid #FFF;

				p {
					color: #FFF;
					text-align: center;
					font-family: Geologica;
					font-size: 20px;
					font-weight: 800;
					line-height: 26px;
					letter-spacing: -0.4px;
					word-break: break-all;
				}
			}

			.wYjLPVSeMw {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				gap: 12px;
				min-height: 72px;

				p {
					color: #FFF;
					font-family: Geologica;
					font-size: 15px;
					font-weight: 300;
					line-height: 22px;
					letter-spacing: -0.3px;
				}

				.ypIFdyDoVj {
					display: flex;
					flex-direction: column;
					gap: 4px;
					max-width: 234px;
					margin: 0 auto;

					.rb_zVdRxxF {
						background: url('../img/copy\ stroke.webp') no-repeat;
						background-position: center;
						background-size: contain;
						padding: 6px;
					}

					.tZkEJkgdJZ,
					.qpMvUUjsEz {
						display: flex;
						width: 222px;
						height: 44px;
						padding: 5px 24px;
						justify-content: space-between;
						align-items: center;
						background: #FFF;
						border-radius: 8px;
						cursor: pointer;

						p {
							color: #000;
							font-size: 14px;
							font-weight: 500;
							line-height: 20px;
						}
					}

					.qpMvUUjsEz {
						display: none;
						background: #9DFF00;
						padding: 5px 24px;
						justify-content: center;
					}
				}

				.ghVeaU__oF {
					background: url('../img/mob_stroke.webp') no-repeat;
					background-size: contain;
					background-position: center;
					padding: 4px;
					max-width: 311px;
					width: 100%;

					button {
						border-radius: 100px;
						background: linear-gradient(90deg, #FFD200 0%, #FFD200 100%);
						display: flex;
						justify-content: center;
						align-items: center;
						gap: 12px;
						padding: 10px 0;
						color: #4F22FF;
						text-align: center;
						font-family: Geologica;
						font-size: 22px;
						position: relative;
						font-weight: 700;
						height: 52px;
						max-width: 303px;
						width: 100%;
						border: none;
						cursor: pointer;

						img {
							width: 24px;
							height: 24px;
						}

						a { 
							position: absolute;
							z-index: -5;
							width: 100%;
							left: 0;
							top: 0;
							height: 100%;
							font-size: 22px;
						}
					}

					button:active {
						border-radius: 100px;
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #FFD200;
					}
				}
			}
		}
	}
}

.real {
	.zknYtaOIcy {
		.real {
			display: block;
		}

		.default {
			display: none;
		}
	}
}

.default {
	.zknYtaOIcy {
		.real {
			display: none;
		}

		.default {
			display: block;
		}
	}
}

footer {
	padding: 24px 0;

	.nTkFbRwOaf {
		border-radius: 24px;
		border: 1px solid #FFF;
		padding: 0px 24px;
	}

	.dv_bfIVeAV {
		display: flex;
		gap: 14px;
		flex-direction: column;
		align-items: center;
		padding: 24px 0 16px 0;

		p,
		a {
			color: #FFF;
			text-align: center;
			font-family: Geologica;
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			letter-spacing: -0.28px;
		}

		a {
			text-decoration: underline;
		}
	}

	.xZInwIBNuf {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 24px 0 48px 0;
		gap: 24px;

		img {
			height: 44px;
			object-fit: contain;
		}

		a {
			height: 44px;
		}

		.sq_XQkfXYA {
			width: 37px;
		}

	}

	.aOdDFqmcfF {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 12px;
		padding: 16px 0;

		a {
			color: #FFF;
			font-size: 14px;
			font-weight: 500;
			line-height: 20px;
			letter-spacing: -0.28px;
			text-decoration-line: underline;
			text-decoration-style: solid;
			text-decoration-skip-ink: none;
			text-decoration-thickness: auto;
			text-underline-offset: auto;
			text-underline-position: from-font;
			text-transform: capitalize;
		}
	}

	.mFbAslJaYa {
		color: #BEBDBD;
		text-align: center;
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.24px;
		text-transform: capitalize;
		padding: 12px 0;
	}
}

/* Contact, About, Privacy Policy,Terms, Cookie  */

main {
	.VpZQ_lcTMM {
		padding: 12px 16px;
	}

	.jaJQqLjDQH {
		padding: 24px 0;
		display: flex;
		flex-direction: column;
		gap: 16px;
		padding: 16px;
		border-radius: 12px;
		background: rgba(0, 0, 0, 0.30);
	}

	.qgqugnaONL {
		display: flex;
		flex-direction: column;
		gap: 12px;

		h1,
		h2 {
			color: #FFF;
			text-align: center;
		}

		h1 {
			font-size: 24px;
			font-weight: 700;
			line-height: 32px;
			letter-spacing: -0.48px;
			text-transform: uppercase;
		}

		h2 {
			font-size: 20px;
			font-weight: 500;
			line-height: 28px;
			letter-spacing: -0.4px;
		}
	}

	.iOXMtY_sDX {
		max-width: 1280px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 16px;


		p,
		ul>li,
		a,
		h4,
		span,
		ol>li {
			color: #FFF;
			font-size: 16px;
			font-weight: 400;
			line-height: 26px;
			letter-spacing: -0.32px;
		}

		span {
			font-weight: 700;
		}

		h4 {
			font-size: 18px;
			font-weight: 700;
			line-height: 24px;
		}

		ul>li,
		ol>li {
			list-style-position: inside;
			padding-left: 10px;
		}

		.wBqsuLpofD {
			display: flex;
			flex-direction: column;
			gap: 12px;
		}

	}

}

/* Cookie  */
#PE_qoqDwoL {
	display: flex;
	max-width: 359px;
	width: 100%;
	flex-direction: column;
	position: fixed;
	bottom: 0px;
	padding: 10px 12px;
	gap: 12px;
	border-radius: 8px;
	border: 1px solid #FFF;
	background: #FFF;
	left: 50%;
	transform: translateX(-50%);

	.ZLcILF_ZRX {
		border-left: 3px solid #F45201;
		padding: 0px 10px;

		p {
			color: #000;
			font-size: 16px;
			font-weight: 400;
			line-height: 20px;
			letter-spacing: -0.32px;
		}

	}

	._VVprllbji {
		display: flex;
		width: 100%;
		gap: 16px;

		.bXCUiBqTId {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			cursor: pointer;
			height: 44px;
			border: none;
			border-radius: 8px;


			span {
				color: #FFF;
				font-size: 16px;
				font-weight: 500;
				line-height: 24px;
			}
		}

		.bOWQxNgWwS {
			background: var(--Gradient-21, linear-gradient(0deg, #DF4B00 0%, #F50 100%));
			box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
		}

		.PMZwFEyxbb {
			background: #E2E2E2;
			box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);

			span {
				color: #000;
			}
		}

		.PMZwFEyxbb:active {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #E2E2E2;
			box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
		}

		.bOWQxNgWwS:active {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, #DF4B00 0%, #F50 100%);
			box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
		}
	}
}

/* 18+ modal  */

#jPJvF_pLkt {
	.iAUzPsOKZe {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 12;
		background: rgba(0, 0, 0, 0.80);

		.ZubNIwBaVJ {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			max-width: 359px;
			width: 100%;
			height: auto;
			display: none;
			flex-direction: column;
			border-radius: 8px;
			padding: 0 16px;

			.gTOFgXBDFs {
				display: flex;
				justify-content: center;
				padding: 8px 0;
			}

			img {
				width: 36px;
				height: 36px;
				margin: 0 auto;
			}

			.vdbRVJ_LOf {
				display: flex;
				flex-direction: column;
				gap: 12px;
				padding: 12px 0;
			}

			h3,
			p {
				color: #FFF;
				text-align: center;
			}

			h3 {
				font-size: 18px;
				font-weight: 700;
				line-height: 24px;
				letter-spacing: -0.36px;
			}

			p {
				font-size: 14px;
				font-weight: 400;
				line-height: 20px;
				letter-spacing: -0.28px;
			}
		}

		.ItMrBM_Oeg {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			max-width: 359px;
			width: 100%;
			margin: 0 auto;
			border-radius: 8px;
			outline: 1px solid #969696;
			background: #FFF;
			z-index: 3;
			display: flex;
			flex-direction: column;
			gap: 16px;
			padding: 16px 16px 12px 16px;

			.mGupF_scL_ {

				p,
				a {
					color: #000;
					text-align: center;
					font-family: Geologica;
					font-size: 14px;
					font-weight: 400;
					line-height: 20px;
					letter-spacing: -0.28px;
				}

				a {
					color: #2900CA;
					text-decoration: none;
				}
			}

			.gDZMvqYZQj {
				display: flex;
				align-items: center;
				flex-direction: column;
				gap: 8px;
				width: 100%;

				button {
					cursor: pointer;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius: 8px;
					width: 100%;
					border: none;
					color: #FFF;
					font-size: 16px;
					font-weight: 500;
					line-height: 24px;
					height: 48px;
				}

				.TRPQfzUTlu {
					background: var(--Gradient-18, linear-gradient(180deg, #FF3E6B 0%, #D10A43 100%));
					box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
				}

				.xNJcDApWwJ {
					background: #D3D3D3;
					color: #5A5A5A;
				}
			}
		}
	}
}

body.LbuiBKpQmQ {
	overflow: hidden;
}

@media (min-width: 537px) {
	main {
		.iPwEgQYJha {
			.EIDHCMYrIv {
				max-width: 505px;

				.maxtbwYydZ {
					justify-content: space-between;
					align-items: center;
					align-self: stretch;

					.ehIudKWnsR {
						width: 227px;
						height: 143px;

						img {
							width: 134px;
							height: 89px;
							padding-top: 30px;
						}
					}

					.fxGatWOk_u {
						width: 208px;
						justify-content: center;
						align-items: center;

						p {
							font-size: 32px;
							line-height: 36px;
						}
					}
				}

				.kzcKFFwsGm {
					width: 473px;
					margin: 0 auto;
					height: 76px;
				}

				.wYjLPVSeMw {
					.ghVeaU__oF {
						background: url('../img/tablet_stroke.webp') no-repeat;
						background-size: contain;
						background-position: center;
						max-width: 473px;
						margin: 0 auto;

						button {
							max-width: 465px;
						}
					}
				}

			}
		}
	}
}

@media (min-width: 768px) {

	header {
		.zknYtaOIcy {
			padding: 48px 24px 36px 24px;
			justify-content: center;
			align-items: center;
			max-width: 962px;
			background: url("../img/hero_desk.webp") no-repeat;
			background-size: 100%;
			background-position: center;
			width: 100%;
			margin: 0 auto;

			h1 {
				font-size: 32px;
				line-height: 40px;
				letter-spacing: -0.64px;
			}

			h2 {
				font-size: 20px;
				line-height: 28px;
			}
		}

		nav {
			max-width: 1280px;
			margin: 0 auto;
			padding: 24px 0;

			.WmLiiKJFar {
				height: 50px;

				img {
					height: 50px;
				}
			}

			.leDfLYxDPT {
				display: flex;
				gap: 24px;

				li {
					list-style: none;
					padding: 5px 10px;
				}

				li>a {
					color: #FFF;
					text-align: center;
					font-size: 18px;
					font-weight: 700;
					line-height: 24px;
					letter-spacing: -0.36px;
					text-decoration: none;
				}


				li.fsuLCidsO_ {
					color: #FFD200;
					list-style: disc;
					list-style-position: inside;
				}

				li.fsuLCidsO_ a {
					color: #FFD200;
				}

				li:hover a {
					color: white;
					text-decoration: underline;
				}

				li:hover.fsuLCidsO_ {
					color: white;

					a {
						color: white;
					}
				}

			}

			button {
				display: none;
			}

		}

		.i_ViHHDzho {
			display: none;
			opacity: 0 !important;
			visibility: hidden !important;
		}
	}

	main {
		.iPwEgQYJha {
			gap: 24px;

			.EIDHCMYrIv {
				max-width: 688px;

				.maxtbwYydZ {
					align-self: center;
					gap: 72px;
				}
			}
		}
	}

	footer {
		max-width: 1280px;
		margin: 0 auto;
		width: 100%;
		padding: 72px 0 42px 0;

		.nTkFbRwOaf {
			max-width: 1280px;
			margin: 0 auto;
		}

		.koYJlLtFip {
			display: flex;
			gap: 16px;
			padding: 24px 0;
		}

		.dv_bfIVeAV {
			max-width: 545px;
			width: 100%;
			margin: 0 auto;
			padding: 0 32px;

			p,
			a {
				font-size: 16px;
				letter-spacing: -0.32px;
			}
		}

		.xZInwIBNuf {
			padding: 24px 32px;
			gap: 24px 64px;
			max-width: 671px;
			width: 100%;
			margin: 0 auto;


			img {
				height: 68px;
			}

			a {
				height: 68px;
			}

			.sq_XQkfXYA {
				width: 58px;
			}

		}

		.aOdDFqmcfF {
			padding: 32px 0;
			gap: 20px;

			a {
				font-size: 16px;
				line-height: 24px;
				letter-spacing: -0.32px;
			}
		}

		.mFbAslJaYa {
			font-size: 14px;
			line-height: 20px;
			letter-spacing: -0.28px;
			padding: 24px 0;
		}
	}

	/* Contact, About, Privacy Policy, Terms, Cookie  */
	main {
		.VpZQ_lcTMM {
			max-width: 1280px;
			width: 100%;
			margin: 0 auto;
			padding: 48px 16px 24px 16px;
		}

		.jaJQqLjDQH {
			padding: 32px 24px;
			gap: 32px;
		}

		.qgqugnaONL {
			gap: 16px;

			h1 {
				font-size: 36px;
				line-height: 40px;
				letter-spacing: -0.72px;
			}

			h2 {
				font-size: 24px;
				line-height: 32px;
				letter-spacing: -0.48px;
			}
		}

		.iOXMtY_sDX {
			padding: 0 32px;

			p,
			ul>li,
			a,
			h4,
			span,
			ol>li {
				font-size: 18px;
				line-height: 30px;
				letter-spacing: -0.36px;
			}

			h4 {
				line-height: 30px;
			}
		}

	}

	/* Cookie  */
	#PE_qoqDwoL {
		max-width: 388px;
		left: auto;
		transform: translateX(0);
		right: 26px;
		bottom: 25px;
		gap: 16px;

		.PMZwFEyxbb:hover {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #E2E2E2;
			box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
		}

		.bOWQxNgWwS:hover {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, #DF4B00 0%, #F50 100%);
			box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
		}

	}

	/* 18+ Modal  */
	#jPJvF_pLkt {

		.iAUzPsOKZe .ItMrBM_Oeg {
			max-width: 487px;

			.mGupF_scL_ {

				p,
				a {
					font-size: 16px;
					line-height: 24px;
					letter-spacing: -0.32px;
				}
			}

			.gDZMvqYZQj {
				flex-direction: row-reverse;
			}
		}

		.iAUzPsOKZe .ZubNIwBaVJ {
			max-width: 391px;

			img {
				width: 48px;
				height: 48px;
			}

			p {
				font-size: 16px;
				line-height: 24px;
			}

		}
	}
}

@media (min-width: 1000px) {

	body {
		background-image: url("../img/bg_desk.webp");
		background-position: center top;
	}

	main {
		.iPwEgQYJha {
			gap: 24px;

			.EIDHCMYrIv {
				padding: 20px 32px;
				flex-direction: row;
				align-items: center;
				gap: 32px;
				border-radius: 24px;
				max-width: 905px;

				.bedHNgmZuZ {
					padding: 5px 4px;
					font-size: 16px;
					left: 20px;
					top: 16px;
				}

				.NhdRahnIWl {
					right: 32px;
				}

				.maxtbwYydZ {
					flex-direction: column;
					gap: 12px;

					.fxGatWOk_u {
						flex-direction: row;
						justify-content: center;
						align-items: center;
					}
				}

				.kzcKFFwsGm {
					width: 257px;
					height: 102px;
				}

				.wYjLPVSeMw {
					justify-content: center;
					gap: 16px;
					min-height: auto;


					.ghVeaU__oF {
						background: url('../img/mob_stroke.webp') no-repeat;
						background-size: contain;
						background-position: center;
						width: 293px;

						button {
							width: 285px;
						}

						button:hover {
							border-radius: 100px;
							background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #FFD200;
						}
					}
				}
			}
		}
	}

}

@media (min-width: 1440px) {
	footer {
		.mhsYUIuYXN {
			padding: 0;
		}
	}
}

@media (max-width: 374px) {

	#PE_qoqDwoL {
		max-width: calc(100% - 16px) !important;
	}

	main {
		.iPwEgQYJha {
			.EIDHCMYrIv {
				.fxGatWOk_u {
					flex-direction: column !important;
				}
			}
		}
	}

	#jPJvF_pLkt .iAUzPsOKZe {

		.ItMrBM_Oeg,
		.ZubNIwBaVJ {
			max-width: calc(100% - 16px) !important;
		}

	}
}

.nYofmrPgWV,
.nYofmrPgWV::before {
	content: " ";
	min-height: 18px;
	min-width: 20px;
	max-width: 100px;
	background-size: 20px;
	background-position-x: left;
	background-position-y: top;
	display: block;
	color: transparent;
}

.nYofmrPgWV {
	width: 100px;
	background-image: url("../img/emptyStar.png");
}

.nYofmrPgWV::before {
	margin: 0;
	padding: 0;
	background-image: url("../img/fillStar.png");
}

.nYofmrPgWV[data-star="1"]::before {
	width: 20px;
}

.nYofmrPgWV[data-star="1.5"]::before {
	width: 30px;
}

.nYofmrPgWV[data-star="2"]::before {
	width: 40px;
}

.nYofmrPgWV[data-star="2.5"]::before {
	width: 50px;
}

.nYofmrPgWV[data-star="3"]::before {
	width: 60px;
}

.nYofmrPgWV[data-star="3.5"]::before {
	width: 70px;
}

.nYofmrPgWV[data-star="4"]::before {
	width: 80px;
}

.nYofmrPgWV[data-star="4.5"]::before {
	width: 90px;
}

.nYofmrPgWV[data-star="5"]::before {
	width: 100px;
}

@media (min-width: 537px) {

	.nYofmrPgWV,
	.nYofmrPgWV::before {
		min-width: 28px;
		min-height: 24px;
		max-width: 140px;
		background-size: 28px;
	}

	.nYofmrPgWV {
		width: 140px;
	}

	.nYofmrPgWV[data-star="1"]::before {
		width: 28px;
	}

	.nYofmrPgWV[data-star="1.5"]::before {
		width: 42px;
	}

	.nYofmrPgWV[data-star="2"]::before {
		width: 56px;
	}

	.nYofmrPgWV[data-star="2.5"]::before {
		width: 70px;
	}

	.nYofmrPgWV[data-star="3"]::before {
		width: 84px;
	}

	.nYofmrPgWV[data-star="3.5"]::before {
		width: 98px;
	}

	.nYofmrPgWV[data-star="4"]::before {
		width: 112px;
	}

	.nYofmrPgWV[data-star="4.5"]::before {
		width: 126px;
	}

	.nYofmrPgWV[data-star="5"]::before {
		width: 140px;
	}
}