@font-face {
	font-family: conto-regular;
	src: url(/_next/static/media/Conto-Regular.27332e79.eot);
	src: url(/_next/static/media/Conto-Regular.27332e79.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/Conto-Regular.e211c8e3.woff2) format("woff2"), url(/_next/static/media/Conto-Regular.a782263a.woff) format("woff"), url(/_next/static/media/Conto-Regular.20bbee75.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");
	unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");
	unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");
	unicode-range: u+1f??
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");
	unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
	unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
	unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
	font-family: __Inter_f367f3;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
	unicode-range: u+00??, 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: __Inter_Fallback_f367f3;
	src: local("Arial");
	ascent-override: 90.20%;
	descent-override: 22.48%;
	line-gap-override: 0.00%;
	size-adjust: 107.40%
}

body {
	line-height: inherit
}

.container {
	margin-left: auto;
	margin-right: auto
}

body {
	margin: 0;
	font-family: conto-regular !important
}

.data-loader:after,
.data-loader:before {
	content: "";
	grid-area: 1/1;
	transform: rotate(30deg)
}

.skeleton-box {
	display: inline-block;
	height: 1em;
	position: relative;
	overflow: hidden;
	background-color: #071c35
}

.skeleton-box:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, #071c35, #0c3671 20%, #032146 60%, #071c35);
	animation: 3s infinite shimmer;
	content: ""
}

@keyframes shimmer {
	to {
		transform: translateX(100%)
	}
}

.__className_f367f3 {
	font-family: __Inter_f367f3, __Inter_Fallback_f367f3;
	font-style: normal
}

ul li {
	font-size: .875rem
}

@media (max-width:767px) {
	.sm\:h-\[93\.5px\] {
		height: 93.5px
	}

	.sm\:w-\[110px\] {
		width: 110px
	}

	.sm\:w-\[220px\] {
		width: 220px
	}

	.sm\:max-w-\[224px\] {
		max-width: 224px
	}

	.sm\:break-words {
		overflow-wrap: break-word
	}

	.sm\:p-4 {
		padding: 1rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-1 {
		padding-top: .25rem
	}

	.sm\:text-xs {
		font-size: .75rem;
		line-height: 1rem
	}

	.sm\:empty-breadcrumb-top-space-sm {
		padding-top: 54px
	}
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[110px\] {
		height: 110px
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[130px\] {
		width: 130px
	}

	.md\:w-\[246px\] {
		width: 246px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:p-6 {
		padding: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:empty-breadcrumb-top-space-md {
		padding-top: 70px
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:h-\[112px\] {
		height: 112px
	}

	.lg\:max-w-\[1110px\] {
		max-width: 1110px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}

	.lg\:empty-breadcrumb-top-space-lg {
		padding-top: 64px
	}
}

.top-banner {
	margin-top: 0
}

.accomplishment-cares .both-side-border:before {
	position: absolute;
	content: "";
	height: 1px;
	background: linear-gradient(90deg, #3a4c71, #3a4c7100);
	top: 50%;
	width: 86px;
	left: -100px
}

.accomplishment-cares .both-side-border:after {
	position: absolute;
	content: "";
	height: 1px;
	background: linear-gradient(90deg, #3a4c7100, #3a4c71);
	top: 50%;
	width: 86px;
	right: -100px
}

.get-app-link {
	padding-top: 20px
}

.game-intro {
	padding: 16px 0
}

.game-intro .container {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto
}

.game-intro .my-container {
	max-width: 800px
}

.game-intro .section-title .section-heading {
	margin-bottom: 10px
}

.game-intro .section-body {
	padding-top: 3px
}

.game-intro .section-body .description {
	font-weight: 500
}

.game-intro .section-body article p {
	color: #032146
}

@media (max-width:767px) {
	.sm\:h-\[93\.5px\] {
		height: 93.5px
	}

	.sm\:w-\[110px\] {
		width: 110px
	}

	.sm\:w-\[220px\] {
		width: 220px
	}

	.sm\:max-w-\[224px\] {
		max-width: 224px
	}

	.sm\:break-words {
		overflow-wrap: break-word
	}

	.sm\:p-4 {
		padding: 1rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-1 {
		padding-top: .25rem
	}

	.sm\:text-xs {
		font-size: .75rem;
		line-height: 1rem
	}

	.sm\:accomplishment-cares-sm {
		padding-left: 16px;
		padding-right: 16px
	}

	.sm\:accomplishment-cares-sm .app-downloading {
		padding-top: 20px
	}
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[110px\] {
		height: 110px
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[130px\] {
		width: 130px
	}

	.md\:w-\[246px\] {
		width: 246px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:p-6 {
		padding: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:accomplishment-cares-md {
		padding: 24px 32px
	}

	.md\:accomplishment-cares-md .both-side-border:before {
		width: 28.8177vw;
		left: -280px
	}

	.md\:accomplishment-cares-md .both-side-border:after {
		width: 28.8177vw;
		right: -280px
	}

	.md\:game-intro-md {
		padding: 24px 0
	}

	.md\:game-intro-md .my-container {
		max-width: 534px
	}

	.md\:game-intro-md .section-title .section-heading {
		margin-bottom: 10px
	}

	.md\:game-intro-md .section-body article p {
		font-size: 1rem
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:h-\[112px\] {
		height: 112px
	}

	.lg\:max-w-\[1110px\] {
		max-width: 1110px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}

	.lg\:accomplishment-cares-lg .both-side-border:before {
		width: 28.5vw;
		left: -30.28125vw
	}

	.lg\:accomplishment-cares-lg .both-side-border:after {
		width: 28.5vw;
		right: -30.28125vw
	}

	.lg\:game-intro-lg .my-container {
		max-width: 1140px
	}
}

@media (max-width:767px) {
	.sm\:h-\[93\.5px\] {
		height: 93.5px
	}

	.sm\:w-\[110px\] {
		width: 110px
	}

	.sm\:w-\[220px\] {
		width: 220px
	}

	.sm\:max-w-\[224px\] {
		max-width: 224px
	}

	.sm\:break-words {
		overflow-wrap: break-word
	}

	.sm\:p-4 {
		padding: 1rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-1 {
		padding-top: .25rem
	}

	.sm\:text-xs {
		font-size: .75rem;
		line-height: 1rem
	}

	.sm\:mobile-overlay-sm {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background-size: 100%;
		background-position: 0 -35px;
		z-index: 100;
		top: 0
	}

	.sm\:mobile-overlay-sm.signup-card-bg {
		background-color: #000;
		background: url(/_next/static/media/welcome-bonus-bg-m.63c5268c.webp) top no-repeat;
		background-size: 100%
	}

	.sm\:mobile-overlay-sm .logo {
		margin: 15px 0 0 15px;
		width: 60px
	}
}

.header {
	top: 0
}

#menuOverlay {
	height: 100vh;
	background-color: #000;
	opacity: .8;
	z-index: 3
}

#menuOverlay,
.header {
	position: fixed;
	width: 100vw
}

.header {
	background: linear-gradient(0deg, #0003, #0003), #032146;
	color: #fff;
	line-height: 14px;
	box-sizing: border-box
}

.accomplishment-cares {
	padding: 16px 0;
	background-color: #f2f2f2;
	overflow: hidden;
	border-bottom: 1px solid var(--standard-grey, #bababa)
}

.accomplishment-cares .both-side-border:before {
	position: absolute;
	content: "";
	height: 1px;
	background: linear-gradient(90deg, #3a4c71, #3a4c7100);
	top: 50%;
	width: 15.5vw;
	left: -15.5vw
}

.accomplishment-cares .both-side-border:after {
	position: absolute;
	content: "";
	height: 1px;
	background: linear-gradient(90deg, #3a4c7100, #3a4c71);
	top: 50%;
	width: 15.5vw;
	right: -15.5vw
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[110px\] {
		height: 110px
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[130px\] {
		width: 130px
	}

	.md\:w-\[246px\] {
		width: 246px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:p-6 {
		padding: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:accomplishment-cares-md {
		padding: 32px 0
	}

	.md\:accomplishment-cares-md .both-side-border:before {
		width: 30.8177vw;
		left: -300px
	}

	.md\:accomplishment-cares-md .both-side-border:after {
		width: 30.8177vw;
		right: -300px
	}

	.md\:rummy-experience-md .both-side-border:after {
		width: 29.8177vw
	}

	.md\:rummy-experience-md .both-side-border:before {
		width: 25vw;
		left: -25vw
	}

	.md\:rummy-experience-md .both-side-border:after {
		width: 25vw;
		right: -25vw
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:h-\[112px\] {
		height: 112px
	}

	.lg\:max-w-\[1110px\] {
		max-width: 1110px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}

	.lg\:accomplishment-cares-lg .both-side-border:before {
		width: 26.5vw;
		left: -26.28125vw
	}

	.lg\:accomplishment-cares-lg .both-side-border:after {
		width: 26.5vw;
		right: -26.28125vw
	}

	.lg\:rummy-experience-lg .both-side-border:before {
		width: 76%;
		left: -76%
	}

	.lg\:rummy-experience-lg .both-side-border:after {
		width: 76%;
		right: -76%
	}
}

.game-intro .both-side-border:before {
	position: absolute;
	content: "";
	height: 1px;
	background: linear-gradient(90deg, #3a4c71, #3a4c7100);
	top: 50%
}

.game-intro .both-side-border:after {
	position: absolute;
	content: "";
	height: 1px;
	background: linear-gradient(90deg, #3a4c7100, #3a4c71);
	top: 50%
}

.game-intro .both-side-border:before {
	width: 7vw;
	left: -7vw
}

.game-intro .both-side-border:after {
	width: 7vw;
	right: -7vw
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[110px\] {
		height: 110px
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[130px\] {
		width: 130px
	}

	.md\:w-\[246px\] {
		width: 246px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:p-6 {
		padding: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}

	.md\:game-intro-md .both-side-border:before {
		width: 31vw;
		left: -31vw
	}

	.md\:game-intro-md .both-side-border:after {
		width: 31vw;
		right: -31vw
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:h-\[112px\] {
		height: 112px
	}

	.lg\:max-w-\[1110px\] {
		max-width: 1110px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}

	.lg\:game-intro-lg .both-side-border:before {
		width: 104%;
		left: -104%
	}

	.lg\:game-intro-lg .both-side-border:after {
		width: 104%;
		right: -104%
	}
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

*,
::backdrop,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #3b82f680;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid #e5e7eb
}

:after,
:before {
	--tw-content: ""
}

:host,
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-feature-settings: normal;
	font-variation-settings: normal
}

body {
	margin: 0;
	line-height: inherit
}

h2,
h3 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b {
	font-weight: bolder
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

h2,
h3,
p {
	margin: 0
}

ul {
	list-style: none;
	margin: 0;
	padding: 0
}

img {
	display: block;
	vertical-align: middle
}

img {
	max-width: 100%;
	height: auto
}

.container {
	width: 100%
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 992px
	}
}

@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}
}

.relative {
	position: relative
}

.bottom-\[10px\] {
	bottom: 10px
}

.mx-6 {
	margin-left: 1.5rem;
	margin-right: 1.5rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mt-4 {
	margin-top: 1rem
}

.flex {
	display: flex
}

.hidden {
	display: none
}

.h-\[45px\] {
	height: 45px
}

.h-full {
	height: 100%
}

.min-h-\[42px\] {
	min-height: 42px
}

.w-\[150px\] {
	width: 150px
}

.w-fit {
	width: fit-content
}

.w-max {
	width: max-content
}

.list-disc {
	list-style-type: disc
}

.grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-rows-1 {
	grid-template-rows: repeat(1, minmax(0, 1fr))
}

.items-center {
	align-items: center
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.gap-3 {
	gap: .75rem
}

.gap-4 {
	gap: 1rem
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-x-scroll {
	overflow-x: scroll
}

.rounded-lg {
	border-radius: .5rem
}

.bg-\[071c35\] {
	background-color: 71c35
}

.pb-4 {
	padding-bottom: 1rem
}

.pl-5 {
	padding-left: 1.25rem
}

.pt-3 {
	padding-top: .75rem
}

.text-center {
	text-align: center
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.font-bold {
	font-weight: 700
}

.leading-tight {
	line-height: 1.25
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

h2,
h3 {
	font-weight: 700 !important
}

@media screen and (max-width:767px) {
	h2 {
		font-size: 20px !important
	}

	h3 {
		font-size: 18px !important
	}

	p {
		font-size: 14px
	}
}

@media screen and (min-width:992px) {
	h2 {
		font-size: 24px !important
	}

	h3 {
		font-size: 20px !important
	}

	p {
		font-size: 14px !important
	}
}

@media (max-width:767px) {
	.sm\:h-\[93\.5px\] {
		height: 93.5px
	}

	.sm\:w-\[110px\] {
		width: 110px
	}

	.sm\:w-\[220px\] {
		width: 220px
	}

	.sm\:max-w-\[224px\] {
		max-width: 224px
	}

	.sm\:break-words {
		overflow-wrap: break-word
	}

	.sm\:p-4 {
		padding: 1rem
	}

	.sm\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.sm\:py-\[14px\] {
		padding-top: 14px;
		padding-bottom: 14px
	}

	.sm\:pt-1 {
		padding-top: .25rem
	}

	.sm\:text-xs {
		font-size: .75rem;
		line-height: 1rem
	}
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[110px\] {
		height: 110px
	}

	.md\:h-\[34px\] {
		height: 34px
	}

	.md\:w-\[130px\] {
		width: 130px
	}

	.md\:w-\[246px\] {
		width: 246px
	}

	.md\:w-\[47\.077px\] {
		width: 47.077px
	}

	.md\:max-w-\[720px\] {
		max-width: 720px
	}

	.md\:p-6 {
		padding: 1.5rem
	}

	.md\:px-\[15px\] {
		padding-left: 15px;
		padding-right: 15px
	}

	.md\:py-\[16px\] {
		padding-top: 16px;
		padding-bottom: 16px
	}
}

@media (min-width:992px) {
	.lg\:top-\[10px\] {
		top: 10px
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:grid {
		display: grid
	}

	.lg\:hidden {
		display: none
	}

	.lg\:h-\[100px\] {
		height: 100px
	}

	.lg\:h-\[112px\] {
		height: 112px
	}

	.lg\:max-w-\[1110px\] {
		max-width: 1110px
	}

	.lg\:max-w-\[960px\] {
		max-width: 960px
	}
}

@media (min-width:1280px) {
	.xl\:max-w-\[1140px\] {
		max-width: 1140px
	}
}