:root {
	--font-hero: var(--weight-bold) var(--hero-size) /var(--hero-leading) var(--font-main);
	--font-title: var(--weight-bold) var(--title-size) /var(--title-leading) var(--font-main);
	--font-label: var(--weight-bold) var(--label-size) /var(--label-leading) var(--font-main);
	--font-body: var(--weight-normal) var(--body-size) /var(--body-leading) var(--font-main);
	--font-xs: var(--weight-bold) var(--xs-size) /var(--xs-leading) var(--font-main);
	--hero-size: 42px;
	--hero-leading: 50px;
	--title-size: 24px;
	--title-leading: 30px;
	--label-size: 16px;
	--xs-size: 12px;
	--xs-leading: 20px;
	--label-leading: 24px;
	--body-size: 14px;
	--body-leading: 20px;
	--weight-normal: 400;
	--weight-bold: 700;
	--color-white: #fff;
	--color-gray: rgba(34, 45, 51, .5);
	--color-gray-basic: #d3d5d6;
	--color-gray-basic-50: #909699;
	--color-dark: #542d5b;
	--color-gray-light: #f3f4f8;
	--color-gray-light-line: #e2e4e8;
	--color-gray-dark: hsla(0, 0%, 100%, .5);
	--color-ocean: #e27fe1;
	--color-blue: #c716e2;
	--color-aqua: #ab5bbe;
	--color-radial: radial-gradient(71.88% 71.75% at 50.61% -1.80%, #3f2744 0%, #542d5b 100%);
	--color-ocean-gradient: linear-gradient(180deg, #b5d3dc, #89b9c7);
	--color-dark-linear: linear-gradient(180deg, #4a535a, rgba(74, 83, 90, 0))
}

main {
	overflow: hidden
}

.link {
	text-decoration: underline
}

.download {
	overflow: hidden
}

html {
	scroll-behavior: smooth;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-feature-settings: normal;
}

body {
	font-family: "Roboto Condensed", serif !important;
	/*font-family: "Ubuntu", serif !important;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	line-height: inherit
}

/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid #e5e7eb
}

:after,
:before {
	--tw-content: ""
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

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

[hidden] {
	display: none
}

*,
: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-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: rgba(59, 130, 246, .5);
	--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:
}

::backdrop {
	--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-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: rgba(59, 130, 246, .5);
	--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:
}

.container {
	width: 100%
}

@media (min-width:640px) {
	.container {
		max-width: 640px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width:1024px) {
	.container {
		max-width: 1024px
	}
}

@media (min-width:1280px) {
	.container {
		max-width: 1280px
	}
}

@media (min-width:1536px) {
	.container {
		max-width: 1536px
	}
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.top-0 {
	top: 0
}

.-top-\[7px\] {
	top: -7px
}

.top-\[20px\] {
	top: 20px
}

.-bottom-\[150px\] {
	bottom: -150px
}

.left-\[120px\] {
	left: 120px
}

.top-\[50px\] {
	top: 50px
}

.left-0 {
	left: 0
}

.top-\[156px\] {
	top: 156px
}

.right-0 {
	right: 0
}

.top-1\/2 {
	top: 50%
}

.left-1\/2 {
	left: 50%
}

.-right-\[20px\] {
	right: -20px
}

.-top-\[20px\] {
	top: -20px
}

.-left-\[20px\] {
	left: -20px
}

.-left-\[30px\] {
	left: -30px
}

.-right-\[40px\] {
	right: -40px
}

.-top-\[25px\] {
	top: -25px
}

.-left-\[25px\] {
	left: -25px
}

.top-\[30px\] {
	top: 30px
}

.-right-\[12px\] {
	right: -12px
}

.-top-\[12px\] {
	top: -12px
}

.top-\[60px\] {
	top: 60px
}

.-left-\[5px\] {
	left: -5px
}

.-top-\[16px\] {
	top: -16px
}

.-left-\[41px\] {
	left: -41px
}

.left-\[50px\] {
	left: 50px
}

.-top-\[5px\] {
	top: -5px
}

.-left-\[43px\] {
	left: -43px
}

.top-\[128px\] {
	top: 128px
}

.right-\[75px\] {
	right: 75px
}

.top-\[7px\] {
	top: 7px
}

.-top-\[11px\] {
	top: -11px
}

.-right-\[43px\] {
	right: -43px
}

.top-\[115px\] {
	top: 115px
}

.-right-\[39px\] {
	right: -39px
}

.-top-\[140px\] {
	top: -140px
}

.top-\[21px\] {
	top: 21px
}

.right-\[27px\] {
	right: 27px
}

.left-\[9px\] {
	left: 9px
}

.left-\[43px\] {
	left: 43px
}

.bottom-0 {
	bottom: 0
}

.top-\[66px\] {
	top: 66px
}

.left-\[24px\] {
	left: 24px
}

.left-\[1px\] {
	left: 1px
}

.isolate {
	isolation: isolate
}

.z-10,
.z-\[10\] {
	z-index: 10
}

.z-\[10000\] {
	z-index: 10000
}

.z-\[100000\] {
	z-index: 100000
}

.z-\[1000000\] {
	z-index: 1000000
}

.z-\[95\] {
	z-index: 95
}

.z-\[100\] {
	z-index: 100
}

.z-\[110\] {
	z-index: 110
}

.z-\[-1\] {
	z-index: -1
}

.z-\[5\] {
	z-index: 5
}

.z-\[1000\] {
	z-index: 1000
}

.z-\[2\] {
	z-index: 2
}

.z-\[3\] {
	z-index: 3
}

.z-\[0\] {
	z-index: 0
}

.z-\[1\] {
	z-index: 1
}

.order-\[2\] {
	order: 2
}

.m-0 {
	margin: 0
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mx-\[32px\] {
	margin-left: 32px;
	margin-right: 32px
}

.mb-\[18px\] {
	margin-bottom: 18px
}

.mb-\[14px\] {
	margin-bottom: 14px
}

.mt-\[31px\] {
	margin-top: 31px
}

.mb-\[24px\] {
	margin-bottom: 24px
}

.mt-\[68px\] {
	margin-top: 68px
}

.mb-\[30px\] {
	margin-bottom: 30px
}

.mb-\[20px\] {
	margin-bottom: 20px
}

.mt-\[91px\] {
	margin-top: 91px
}

.mb-\[134px\] {
	margin-bottom: 134px
}

.mb-\[23px\] {
	margin-bottom: 23px
}

.mb-\[47px\] {
	margin-bottom: 47px
}

.mt-\[20px\] {
	margin-top: 20px
}

.mt-\[45px\] {
	margin-top: 45px
}

.ml-\[12px\] {
	margin-left: 12px
}

.-mt-\[48px\] {
	margin-top: -48px
}

.mb-\[21px\] {
	margin-bottom: 21px
}

.mb-\[90px\] {
	margin-bottom: 90px
}

.mt-\[90px\] {
	margin-top: 90px
}

.mt-\[52px\] {
	margin-top: 52px
}

.mb-\[29px\] {
	margin-bottom: 29px
}

.mb-\[35px\] {
	margin-bottom: 35px
}

.mt-\[60px\] {
	margin-top: 60px
}

.mb-\[86px\] {
	margin-bottom: 86px
}

.mb-\[40px\] {
	margin-bottom: 40px
}

.mb-\[84px\] {
	margin-bottom: 84px
}

.mb-\[15px\] {
	margin-bottom: 15px
}

.mb-\[12px\] {
	margin-bottom: 12px
}

.mb-\[25px\] {
	margin-bottom: 25px
}

.mt-\[36px\] {
	margin-top: 36px
}

.mt-\[64px\] {
	margin-top: 64px
}

.mb-\[32px\] {
	margin-bottom: 32px
}

.mb-\[42px\] {
	margin-bottom: 42px
}

.mb-20 {
	margin-bottom: 5rem
}

.mt-\[53px\] {
	margin-top: 53px
}

.ml-auto {
	margin-left: auto
}

.mb-\[70px\] {
	margin-bottom: 70px
}

.mb-\[82px\] {
	margin-bottom: 82px
}

.mb-\[52px\] {
	margin-bottom: 52px
}

.mt-\[40px\] {
	margin-top: 40px
}

.ml-\[71px\] {
	margin-left: 71px
}

.block {
	display: block
}

.flex {
	display: flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.h-\[60px\] {
	height: 60px
}

.h-\[20px\] {
	height: 20px
}

.h-full {
	height: 100%
}

.h-\[2px\] {
	height: 2px
}

.h-\[29px\] {
	height: 29px
}

.h-\[299px\] {
	height: 299px
}

.h-screen {
	height: 100vh
}

.h-\[175px\] {
	height: 175px
}

.h-\[286px\] {
	height: 286px
}

.h-\[151px\] {
	height: 151px
}

.h-\[220px\] {
	height: 220px
}

.h-\[212px\] {
	height: 212px
}

.h-\[215px\] {
	height: 215px
}

.h-\[274px\] {
	height: 274px
}

.h-\[110px\] {
	height: 110px
}

.h-\[278px\] {
	height: 278px
}

.h-\[218px\] {
	height: 218px
}

.h-\[630px\] {
	height: 630px
}

.h-\[27px\] {
	height: 27px
}

.h-\[389px\] {
	height: 389px
}

.h-\[310px\] {
	height: 310px
}

.h-\[488px\] {
	height: 488px
}

.h-\[340px\] {
	height: 340px
}

.h-\[50px\] {
	height: 50px
}

.h-\[350px\] {
	height: 350px
}

.h-\[135px\] {
	height: 135px
}

.h-\[453px\] {
	height: 453px
}

.h-\[380px\] {
	height: 380px
}

.max-h-\[510px\] {
	max-height: 510px
}

.max-h-\[266px\] {
	max-height: 266px
}

.max-h-\[374px\] {
	max-height: 374px
}

.min-h-screen {
	min-height: 100vh
}

.w-full {
	width: 100%
}

.w-\[113px\] {
	width: 113px
}

.w-\[80px\] {
	width: 80px
}

.w-\[90\%\] {
	width: 90%
}

.w-\[168px\] {
	width: 168px
}

.w-\[1px\] {
	width: 1px
}

.w-\[110px\] {
	width: 110px
}

.w-screen {
	width: 100vw
}

.w-\[200px\] {
	width: 200px
}

.w-\[282px\] {
	width: 282px
}

.w-\[134px\] {
	width: 134px
}

.w-\[165px\] {
	width: 165px
}

.w-\[330px\] {
	width: 330px
}

.w-\[300px\] {
	width: 300px
}

.w-\[91\%\] {
	width: 91%
}

.w-\[441px\] {
	width: 441px
}

.w-\[456px\] {
	width: 456px
}

.w-\[102px\] {
	width: 102px
}

.w-\[77px\] {
	width: 77px
}

.w-\[34px\] {
	width: 34px
}

.w-\[62px\] {
	width: 62px
}

.w-\[48px\] {
	width: 48px
}

.w-\[82px\] {
	width: 82px
}

.w-\[140px\] {
	width: 140px
}

.w-\[81px\] {
	width: 81px
}

.w-\[1006\] {
	width: 1006
}

.w-\[171px\] {
	width: 171px
}

.w-\[495px\] {
	width: 495px
}

.w-\[408px\] {
	width: 408px
}

.w-\[289px\] {
	width: 289px
}

.w-\[362px\] {
	width: 362px
}

.w-\[275px\] {
	width: 275px
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content
}

.w-\[436px\] {
	width: 436px
}

.w-\[290px\] {
	width: 290px
}

.max-w-\[1010px\] {
	max-width: 1010px
}

.max-w-\[139px\] {
	max-width: 139px
}

.max-w-\[261px\] {
	max-width: 261px
}

.max-w-\[290px\] {
	max-width: 290px
}

.max-w-\[291px\] {
	max-width: 291px
}

.max-w-\[250px\] {
	max-width: 250px
}

.max-w-\[300px\] {
	max-width: 300px
}

.max-w-\[236px\] {
	max-width: 236px
}

.max-w-\[620px\] {
	max-width: 620px
}

.max-w-\[580px\] {
	max-width: 580px
}

.max-w-\[205px\] {
	max-width: 205px
}

.max-w-\[280px\] {
	max-width: 280px
}

.max-w-\[600px\] {
	max-width: 600px
}

.max-w-\[90\%\] {
	max-width: 90%
}

.max-w-\[320px\] {
	max-width: 320px
}

.max-w-\[242px\] {
	max-width: 242px
}

.max-w-\[241px\] {
	max-width: 241px
}

.max-w-\[215px\] {
	max-width: 215px
}

.max-w-\[293px\] {
	max-width: 293px
}

.max-w-\[279px\] {
	max-width: 279px
}

.max-w-\[226px\] {
	max-width: 226px
}

.max-w-none {
	max-width: none
}

.max-w-\[251px\] {
	max-width: 251px
}

.max-w-\[1060px\] {
	max-width: 1060px
}

.max-w-\[273px\] {
	max-width: 273px
}

.flex-none {
	flex: none
}

.-translate-x-\[100\%\] {
	--tw-translate-x: -100%
}

.-translate-x-1\/2,
.-translate-x-\[100\%\] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%
}

.-translate-y-1\/2,
.-translate-y-\[50px\] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[50px\] {
	--tw-translate-y: -50px
}

.-translate-y-\[30px\] {
	--tw-translate-y: -30px
}

.-translate-y-\[30px\],
.translate-x-\[53px\] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[53px\] {
	--tw-translate-x: 53px
}

.rotate-\[270deg\] {
	--tw-rotate: 270deg
}

.-rotate-\[4deg\],
.rotate-\[270deg\] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-\[4deg\] {
	--tw-rotate: -4deg
}

.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
	cursor: pointer
}

.resize {
	resize: both
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-col {
	flex-direction: column
}

.flex-col-reverse {
	flex-direction: column-reverse
}

.items-start {
	align-items: flex-start
}

.items-center {
	align-items: center
}

.justify-start {
	justify-content: flex-start
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.gap-\[24px\] {
	gap: 24px
}

.gap-\[26px\] {
	gap: 26px
}

.gap-\[12px\] {
	gap: 12px
}

.gap-\[28px\] {
	gap: 28px
}

.gap-\[48px\] {
	gap: 48px
}

.gap-\[30px\] {
	gap: 30px
}

.gap-\[38px\] {
	gap: 38px
}

.gap-\[0\] {
	gap: 0
}

.gap-\[35px\] {
	gap: 35px
}

.gap-\[15px\] {
	gap: 15px
}

.gap-\[16px\] {
	gap: 16px
}

.gap-\[14px\] {
	gap: 14px
}

.gap-\[7px\] {
	gap: 7px
}

.gap-\[10px\] {
	gap: 10px
}

.gap-\[40px\] {
	gap: 40px
}

.gap-\[62px\] {
	gap: 62px
}

.gap-\[1px\] {
	gap: 1px
}

.overflow-hidden {
	overflow: hidden
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

.rounded-\[17px\] {
	border-radius: 17px
}

.rounded-\[32px\] {
	border-radius: 32px
}

.rounded-\[26px\] {
	border-radius: 26px
}

.rounded-\[18px\] {
	border-radius: 18px
}

.rounded-\[6px\] {
	border-radius: 6px
}

.rounded-t-\[18px\] {
	border-top-left-radius: 18px;
	border-top-right-radius: 18px
}

.border-\[2px\] {
	border-width: 2px
}

.border-\[1px\] {
	border-width: 1px
}

.border-b-\[1px\] {
	border-bottom-width: 1px
}

.border-t-\[1px\] {
	border-top-width: 1px
}

.border-b-\[4px\] {
	border-bottom-width: 4px
}

.border-solid {
	border-style: solid
}

.border-\[\#DEDEDE\] {
	--tw-border-opacity: 1;
	border-color: rgb(222 222 222/var(--tw-border-opacity))
}

.border-red-500 {
	--tw-border-opacity: 1;
	border-color: rgb(239 68 68/var(--tw-border-opacity))
}

.border-coil {
	--tw-border-opacity: 1;
	border-color: rgb(57 89 107/var(--tw-border-opacity))
}

.border-btn-darked {
	--tw-border-opacity: 1;
	border-color: rgb(43 58 67/var(--tw-border-opacity))
}

.border-whited {
	border-color: hsla(0, 0%, 100%, .8)
}

.border-greyb {
	border-color: rgba(34, 45, 51, .15)
}

.border-aqua {
	--tw-border-opacity: 1;
	border-color: rgb(150 189 203/var(--tw-border-opacity))
}

.bg-greyl {
	--tw-bg-opacity: 1;
	background-color: rgb(235 237 244/var(--tw-bg-opacity))
}

.bg-darked {
	--tw-bg-opacity: 1;
	background-color: #fff
}

.bg-turquoise {
	--tw-bg-opacity: 1;
	background-color: var(--btn-bg-dark)
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-darked-opacity {
	background-color: rgba(34, 45, 51, .9)
}

.bg-whited-flow {
	background-color: hsla(0, 0%, 100%, .2)
}

.bg-demostore-bg {
	background-color: rgba(235, 237, 244, .6)
}

.bg-greyb {
	background-color: rgba(34, 45, 51, .15)
}

.bg-grey-line {
	background-image: linear-gradient(180deg, rgba(235, 236, 243, .2), rgba(235, 236, 243, 0))
}

.bg-turquoise {
	background-color: var(--btn-bg-dark)
}

.bg-darked-radial {
	background-image: radial-gradient(71.75% 71.75% at 50.61% -1.8%, #2b3a43 0, #222d33 100%)
}

.bg-divider {
	background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0))
}

.bg-diamond {
	background-image: linear-gradient(179.84deg, #fff -99.58%, #f1f8ff 99.86%)
}

.bg-ultra-100 {
	background-image: linear-gradient(90deg, #beaed5 24.43%, #96bdcb 74.24%)
}

.bg-grey-gem {
	background-image: radial-gradient(66.14% 66.14% at 50% 50%, #e5eaed 0, #cfd4d7 100%)
}

.bg-grey-how,
.bg-grey-radial {
	background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3)), linear-gradient(180deg, #d4d7e0, #c0c0ca)
}

.object-contain {
	-o-object-fit: contain;
	object-fit: contain
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.object-\[78\%\] {
	-o-object-position: 78%;
	object-position: 78%
}

.object-\[16\%\] {
	-o-object-position: 16%;
	object-position: 16%
}

.object-\[16px\] {
	-o-object-position: 16px;
	object-position: 16px
}

.p-\[20px\] {
	padding: 20px
}

.py-\[20px\] {
	padding-top: 20px;
	padding-bottom: 20px
}

.py-\[31px\] {
	padding-top: 31px;
	padding-bottom: 31px
}

.py-\[32px\] {
	padding-top: 32px;
	padding-bottom: 32px
}

.py-\[40px\] {
	padding-top: 40px;
	padding-bottom: 40px
}

.px-\[30px\] {
	padding-left: 30px;
	padding-right: 30px
}

.px-\[7px\] {
	padding-left: 7px;
	padding-right: 7px
}

.px-\[12px\] {
	padding-left: 12px;
	padding-right: 12px
}

.py-\[8px\] {
	padding-top: 8px;
	padding-bottom: 8px
}

.px-\[23px\] {
	padding-left: 23px;
	padding-right: 23px
}

.py-\[14px\] {
	padding-top: 14px;
	padding-bottom: 14px
}

.pt-\[58px\] {
	padding-top: 58px
}

.pb-\[50px\] {
	padding-bottom: 50px
}

.pb-\[12px\] {
	padding-bottom: 12px
}

.pt-\[39px\] {
	padding-top: 39px
}

.pb-\[31px\] {
	padding-bottom: 31px
}

.pb-\[22px\] {
	padding-bottom: 22px
}

.pb-\[32px\] {
	padding-bottom: 32px
}

.pt-\[48px\] {
	padding-top: 48px
}

.pl-\[28px\] {
	padding-left: 28px
}

.pr-\[24px\] {
	padding-right: 24px
}

.pb-\[30px\] {
	padding-bottom: 30px
}

.pb-\[40px\] {
	padding-bottom: 40px
}

.pl-\[30px\] {
	padding-left: 30px
}

.pt-\[32px\] {
	padding-top: 32px
}

.pb-\[39px\] {
	padding-bottom: 39px
}

.pb-\[17px\] {
	padding-bottom: 17px
}

.pb-\[20px\] {
	padding-bottom: 20px
}

.pt-\[30px\] {
	padding-top: 30px
}

.pb-\[10px\] {
	padding-bottom: 10px
}

.pt-\[0\] {
	padding-top: 0
}

.pb-\[23px\] {
	padding-bottom: 23px
}

.pt-\[34px\] {
	padding-top: 34px
}

.pb-\[28px\] {
	padding-bottom: 28px
}

.pt-\[182px\] {
	padding-top: 182px
}

.pb-\[54px\] {
	padding-bottom: 54px
}

.pb-\[60px\] {
	padding-bottom: 60px
}

.pb-\[41px\] {
	padding-bottom: 41px
}

.pt-\[26px\] {
	padding-top: 26px
}

.pb-\[45px\] {
	padding-bottom: 45px
}

.pb-\[24px\] {
	padding-bottom: 24px
}

.pt-\[36px\] {
	padding-top: 36px
}

.pb-\[33px\] {
	padding-bottom: 33px
}

.pb-\[36px\] {
	padding-bottom: 36px
}

.pb-\[15px\] {
	padding-bottom: 15px
}

.pt-\[24px\] {
	padding-top: 24px
}

.pt-\[0px\] {
	padding-top: 0
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.align-middle {
	vertical-align: middle
}

.text-\[14px\] {
	font-size: 14px
}

.text-\[12px\] {
	font-size: 12px
}

.text-\[32px\] {
	font-size: 32px
}

.text-\[20px\] {
	font-size: 20px
}

.text-\[24px\] {
	font-size: 24px
}

.text-\[16px\] {
	font-size: 16px
}

.text-\[11px\] {
	font-size: 11px
}

.text-\[28px\] {
	font-size: 28px
}

.text-\[22px\] {
	font-size: 22px
}

.text-\[13px\] {
	font-size: 13px
}

.text-\[40px\] {
	font-size: 40px
}

.text-\[15px\] {
	font-size: 15px
}

.font-bold {
	font-weight: 700
}

.font-normal {
	font-weight: 400
}

.font-medium {
	font-weight: 500
}

.uppercase {
	text-transform: uppercase
}

.not-italic {
	font-style: normal
}

.leading-\[20px\] {
	line-height: 20px
}

.leading-\[32px\] {
	line-height: 32px
}

.leading-\[18px\] {
	line-height: 18px
}

.leading-\[11px\] {
	line-height: 11px
}

.leading-\[13px\] {
	line-height: 13px
}

.leading-\[38px\] {
	line-height: 38px
}

.leading-\[26px\] {
	line-height: 26px
}

.leading-\[30px\] {
	line-height: 30px
}

.leading-\[24px\] {
	line-height: 24px
}

.leading-\[48px\] {
	line-height: 48px
}

.leading-\[16px\] {
	line-height: 16px
}

.leading-\[52px\] {
	line-height: 52px
}

.leading-\[25px\] {
	line-height: 25px
}

.leading-\[17px\] {
	line-height: 17px
}

.leading-\[27px\] {
	line-height: 27px
}

.leading-\[14px\] {
	line-height: 14px
}

.leading-\[22px\] {
	line-height: 22px
}

.leading-\[58px\] {
	line-height: 58px
}

.leading-\[12px\] {
	line-height: 12px
}

.tracking-\[0\.01em\] {
	letter-spacing: .01em
}

.text-darked {
	--tw-text-opacity: 1;
	color: var(--text-black-custom)
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-turquoise {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-error {
	--tw-text-opacity: 1;
	color: rgb(242 72 34/var(--tw-text-opacity))
}

.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-\[\#7AAAB9\] {
	--tw-text-opacity: 1;
	color: rgb(122 170 185/var(--tw-text-opacity))
}

.text-gainsboro {
	color: rgba(34, 45, 51, .3)
}

.text-btn-darked {
	--tw-text-opacity: 1;
	color: rgb(43 58 67/var(--tw-text-opacity))
}

.text-ocean {
	--tw-text-opacity: 1;
	color: rgb(72 131 150/var(--tw-text-opacity))
}

.text-cosmic {
	--tw-text-opacity: 1;
	color: rgb(40 53 61/var(--tw-text-opacity))
}

.text-grafit {
	--tw-text-opacity: 1;
	color: rgb(63 84 97/var(--tw-text-opacity))
}

.text-\[white\] {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
	text-decoration-line: underline
}

.opacity-30 {
	opacity: .3
}

.opacity-\[100\] {
	opacity: 1
}

.opacity-90 {
	opacity: .9
}

.opacity-20 {
	opacity: .2
}

.opacity-\[1\] {
	opacity: 1
}

.opacity-75 {
	opacity: .75
}

.opacity-50 {
	opacity: .5
}

.outline-0 {
	outline-width: 0
}

.ring {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur {
	--tw-blur: blur(8px)
}

.blur,
.drop-shadow-medium {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-medium {
	--tw-drop-shadow: drop-shadow(0px 8px 22px rgba(0, 0, 0, .1))
}

.drop-shadow-small {
	--tw-drop-shadow: drop-shadow(0px 2px 20px rgba(0, 0, 0, .1))
}

.drop-shadow-small,
.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.header {
	z-index: 1000;
	transition: all .3s ease;
	padding: 1.625rem 0
}

.header.out {
	transform: translateY(-100%)
}

.hamburger {
	position: absolute;
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
	padding: 6px 4px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	outline: none;
	z-index: 2
}

.hamburger.is_active:hover,
.hamburger:hover {
	opacity: .7
}

.hamburger.is_active .hamburger_inner,
.hamburger.is_active .hamburger_inner:after,
.hamburger.is_active .hamburger_inner:before {
	background-color: #fff
}

.hamburger_box {
	width: 22px;
	height: 16px;
	display: inline-block;
	position: relative
}

.hamburger_inner {
	display: block;
	top: 50%;
	margin-top: -2px
}

.hamburger_inner,
.hamburger_inner:after,
.hamburger_inner:before {
	width: 22px;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: .15s;
	transition-timing-function: ease
}

.hamburger_inner:after,
.hamburger_inner:before {
	content: "";
	display: block
}

.hamburger_inner:before {
	top: -10px
}

.hamburger_inner:after {
	bottom: -10px
}

.hamburger__slider .hamburger_inner {
	top: 2px
}

.hamburger__slider .hamburger_inner:before {
	top: 7px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: .15s
}

.hamburger__slider .hamburger_inner:after {
	top: 14px
}

.hamburger__slider.is_active .hamburger_inner {
	top: -2px;
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger__slider.is_active .hamburger_inner:before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0
}

.hamburger__slider.is_active .hamburger_inner:after {
	transform: translate3d(0, -14px, 0) rotate(-90deg)
}

.demoSwiper,
.demoThumbs {
	margin: 0 !important
}

.demoThumbs .swiper-slide {
	opacity: .5
}

.demoThumbs .swiper-slide-thumb-active {
	opacity: 1
}

.qualitySwiper .swiper-slide:first-of-type {
	padding-left: 23px
}

.qualitySwiper .swiper-slide {
	width: unset
}

.caseSwiper {
	width: 100%;
	margin: 50px 0 0
}

.caseSwiper .swiper-slide {
	overflow: hidden
}

.caseThumbSwiper {
	margin: 50px 0 0
}

.caseThumbSwiper .swiper-wrapper {
	align-items: center;
	justify-content: center
}

.caseThumbSwiper .swiper-wrapper .swiper-slide div {
	margin: 0 auto
}

.caseThumbSwiper .swiper-wrapper .swiper-slide {
	opacity: .3
}

.caseThumbSwiper .swiper-wrapper .swiper-slide-thumb-active {
	opacity: 1
}

.caseThumbSwiper .swiper-wrapper .swiper-slide-thumb-active div .divider {
	background: hsla(201, 6%, 55%, .3)
}

.caseThumbSwiper .swiper-wrapper .swiper-slide .divider {
	position: absolute;
	width: 1px;
	height: 60px;
	background: hsla(201, 6%, 55%, .7);
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1
}

@media(min-width:768px) {
	.caseSwiper {
		width: 100%;
		margin: 72px 0 0
	}
}

.pressSwiper {
	overflow: visible !important
}

.pressSwiper .swiper-slide {
	width: auto
}

.typesSwiper {
	margin: 31px 0 0
}

.typesSwiper .swiper-slide {
	width: auto
}

.pricingSwiper .swiper-slide {
	border-radius: 32px;
	overflow: hidden;
	width: auto
}

@media(min-width:1200px) {
	.pricingSwiper .swiper-wrapper {
		justify-content: center
	}

	.pricingSwiper .swiper-slide {
		border-radius: unset
	}

	.pricingSwiper .swiper-slide:first-child div:first-child:after {
		display: none
	}

	.pricingSwiper .swiper-slide:hover span {
		display: block
	}

	.pricingSwiper .swiper-slide:first-of-type {
		border-radius: 32px 0 0 32px
	}

	.pricingSwiper .swiper-slide:last-of-type {
		border-radius: 0 32px 32px 0
	}
}

.screenshot__swiper {
	margin: 0 0 28px
}

@media(min-width:768px) {
	.typesSwiper {
		margin: 0
	}

	.screenshot__swiper {
		margin: 0 0 40px
	}
}

.hero_viewer .view_points {
	padding-left: 0;
	right: 0;
	padding-right: 20px
}

@media(min-width:768px) {
	.hero_viewer .view_points {
		padding-right: 0
	}
}

.loader__wrapper {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #222d33
}

.loader,
.loader:after,
.loader:before {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	animation-fill-mode: both;
	animation: bblFadInOut 1.8s ease-in-out infinite
}

.loader {
	color: #fff;
	font-size: 7px;
	position: relative;
	transform: translateZ(0);
	text-indent: -9999em;
	animation-delay: -.16s
}

.loader:after,
.loader:before {
	content: "";
	position: absolute;
	top: 0
}

.loader:before {
	left: -3.5em;
	animation-delay: -.32s
}

.loader:after {
	left: 3.5em
}

@keyframes bblFadInOut {

	0%,
	80%,
	to {
		box-shadow: 0 2.5em 0 -1.3em
	}

	40% {
		box-shadow: 0 2.5em 0 0
	}
}

.after\:absolute:after {
	content: var(--tw-content);
	position: absolute
}

.after\:top-\[2px\]:after {
	content: var(--tw-content);
	top: 2px
}

.after\:-right-\[18px\]:after {
	content: var(--tw-content);
	right: -18px
}

.after\:left-0:after {
	content: var(--tw-content);
	left: 0
}

.after\:top-1\/2:after {
	content: var(--tw-content);
	top: 50%
}

.after\:left-1\/2:after {
	content: var(--tw-content);
	left: 50%
}

.after\:ml-\[10px\]:after {
	content: var(--tw-content);
	margin-left: 10px
}

.after\:-translate-y-1\/2:after {
	--tw-translate-y: -50%
}

.after\:-translate-x-1\/2:after,
.after\:-translate-y-1\/2:after {
	content: var(--tw-content);
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:-translate-x-1\/2:after {
	--tw-translate-x: -50%
}

.after\:rounded-\[25px\]:after {
	content: var(--tw-content);
	border-radius: 25px
}

.after\:bg-greyt:after {
	content: var(--tw-content);
	background-color: rgba(34, 45, 51, .5)
}

.after\:px-\[10px\]:after {
	content: var(--tw-content);
	padding-left: 10px;
	padding-right: 10px
}

.after\:pb-\[3px\]:after {
	content: var(--tw-content);
	padding-bottom: 3px
}

.after\:pt-\[8px\]:after {
	content: var(--tw-content);
	padding-top: 8px
}

.after\:opacity-10:after {
	content: var(--tw-content);
	opacity: .1
}

.after\:content-arrowRight:after {
	--tw-content: url(/images/arrorRight.svg);
	content: var(--tw-content)
}

.after\:content-strokeRight:after {
	--tw-content: url(/images/stroke-right.svg);
	content: var(--tw-content)
}

.after\:content-icon360:after {
	--tw-content: url(/images/360.svg);
	content: var(--tw-content)
}

.hover\:opacity-70:hover {
	opacity: .7
}

.hover\:before\:absolute:hover:before {
	content: var(--tw-content);
	position: absolute
}

.hover\:before\:top-\[25px\]:hover:before {
	content: var(--tw-content);
	top: 25px
}

.hover\:before\:left-1\/2:hover:before {
	content: var(--tw-content);
	left: 50%
}

.hover\:before\:hidden:hover:before {
	content: var(--tw-content);
	display: none
}

.hover\:before\:-translate-x-1\/2:hover:before {
	content: var(--tw-content);
	--tw-translate-x: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:before\:content-triangle:hover:before {
	--tw-content: url(/images/triangle.svg);
	content: var(--tw-content)
}

.hover\:after\:absolute:hover:after {
	content: var(--tw-content);
	position: absolute
}

.hover\:after\:top-\[42px\]:hover:after {
	content: var(--tw-content);
	top: 42px
}

.hover\:after\:left-1\/2:hover:after {
	content: var(--tw-content);
	left: 50%
}

.hover\:after\:hidden:hover:after {
	content: var(--tw-content);
	display: none
}

.hover\:after\:w-\[117px\]:hover:after {
	content: var(--tw-content);
	width: 117px
}

.hover\:after\:-translate-x-1\/2:hover:after {
	content: var(--tw-content);
	--tw-translate-x: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:after\:rounded-\[25px\]:hover:after {
	content: var(--tw-content);
	border-radius: 25px
}

.hover\:after\:bg-greyt:hover:after {
	content: var(--tw-content);
	background-color: rgba(34, 45, 51, .5)
}

.hover\:after\:px-\[12px\]:hover:after {
	content: var(--tw-content);
	padding-left: 12px;
	padding-right: 12px
}

.hover\:after\:pt-\[9px\]:hover:after {
	content: var(--tw-content);
	padding-top: 9px
}

.hover\:after\:pb-\[10px\]:hover:after {
	content: var(--tw-content);
	padding-bottom: 10px
}

.hover\:after\:text-\[11px\]:hover:after {
	content: var(--tw-content);
	font-size: 11px
}

.hover\:after\:leading-\[14px\]:hover:after {
	content: var(--tw-content);
	line-height: 14px
}

.hover\:after\:text-white:hover:after {
	content: var(--tw-content);
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:after\:content-\[\"This_is_a_Demo_store\"\]:hover:after {
	--tw-content: "This is a Demo store";
	content: var(--tw-content)
}

.data-\[link\=active\]\:opacity-50[data-link=active] {
	opacity: .5
}

@media (min-width:768px) {
	.md\:relative {
		position: relative
	}

	.md\:bottom-\[0\] {
		bottom: 0
	}

	.md\:left-\[0\] {
		left: 0
	}

	.md\:-right-\[44px\] {
		right: -44px
	}

	.md\:-top-\[38px\] {
		top: -38px
	}

	.md\:-left-\[10px\] {
		left: -10px
	}

	.md\:-top-\[100px\] {
		top: -100px
	}

	.md\:-left-\[80px\] {
		left: -80px
	}

	.md\:-top-\[25px\] {
		top: -25px
	}

	.md\:-right-\[66px\] {
		right: -66px
	}

	.md\:-left-\[40px\] {
		left: -40px
	}

	.md\:top-\[56px\] {
		top: 56px
	}

	.md\:-right-\[25px\] {
		right: -25px
	}

	.md\:left-\[calc\(100vw_-_98vw\)\] {
		left: calc(100vw - 98vw)
	}

	.md\:top-\[195px\] {
		top: 195px
	}

	.md\:top-\[10px\] {
		top: 10px
	}

	.md\:-left-\[6\%\] {
		left: -6%
	}

	.md\:left-\[15\%\] {
		left: 15%
	}

	.md\:top-\[98px\] {
		top: 98px
	}

	.md\:-left-\[52px\] {
		left: -52px
	}

	.md\:top-\[462px\] {
		top: 462px
	}

	.md\:top-\[88px\] {
		top: 88px
	}

	.md\:right-\[17\%\] {
		right: 17%
	}

	.md\:top-\[36px\] {
		top: 36px
	}

	.md\:-right-\[6\%\] {
		right: -6%
	}

	.md\:top-\[150px\] {
		top: 150px
	}

	.md\:-right-\[22px\] {
		right: -22px
	}

	.md\:top-\[404px\] {
		top: 404px
	}

	.md\:-top-\[479px\] {
		top: -479px
	}

	.md\:top-\[51px\] {
		top: 51px
	}

	.md\:-top-\[167px\] {
		top: -167px
	}

	.md\:left-\[85px\] {
		left: 85px
	}

	.md\:left-0 {
		left: 0
	}

	.md\:order-\[0\] {
		order: 0
	}

	.md\:mx-0 {
		margin-left: 0;
		margin-right: 0
	}

	.md\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.md\:mx-\[12px\] {
		margin-left: 12px;
		margin-right: 12px
	}

	.md\:mt-\[120px\] {
		margin-top: 120px
	}

	.md\:mb-\[37px\] {
		margin-bottom: 37px
	}

	.md\:mt-\[10px\] {
		margin-top: 10px
	}

	.md\:mt-\[50px\] {
		margin-top: 50px
	}

	.md\:mb-0 {
		margin-bottom: 0
	}

	.md\:mt-\[15px\] {
		margin-top: 15px
	}

	.md\:mb-\[124px\] {
		margin-bottom: 124px
	}

	.md\:mb-\[33px\] {
		margin-bottom: 33px
	}

	.md\:mb-\[61px\] {
		margin-bottom: 61px
	}

	.md\:ml-\[150px\] {
		margin-left: 150px
	}

	.md\:mr-\[178px\] {
		margin-right: 178px
	}

	.md\:mt-\[90px\] {
		margin-top: 90px
	}

	.md\:ml-0 {
		margin-left: 0
	}

	.md\:mt-0 {
		margin-top: 0
	}

	.md\:mb-\[34px\] {
		margin-bottom: 34px
	}

	.md\:mt-\[115px\] {
		margin-top: 115px
	}

	.md\:mb-\[130px\] {
		margin-bottom: 130px
	}

	.md\:mb-\[73px\] {
		margin-bottom: 73px
	}

	.md\:mb-\[68px\] {
		margin-bottom: 68px
	}

	.md\:mb-\[137px\] {
		margin-bottom: 137px
	}

	.md\:mb-\[36px\] {
		margin-bottom: 36px
	}

	.md\:mb-\[24px\] {
		margin-bottom: 24px
	}

	.md\:mt-\[17px\] {
		margin-top: 17px
	}

	.md\:mb-\[16px\] {
		margin-bottom: 16px
	}

	.md\:mb-\[18px\] {
		margin-bottom: 18px
	}

	.md\:mt-\[36px\] {
		margin-top: 36px
	}

	.md\:mr-\[12px\] {
		margin-right: 12px
	}

	.md\:ml-\[138px\] {
		margin-left: 138px
	}

	.md\:mr-0 {
		margin-right: 0
	}

	.md\:mb-\[0\] {
		margin-bottom: 0
	}

	.md\:mb-\[132px\] {
		margin-bottom: 132px
	}

	.md\:mt-\[0\] {
		margin-top: 0
	}

	.md\:mb-\[50px\] {
		margin-bottom: 50px
	}

	.md\:block {
		display: block
	}

	.md\:flex {
		display: flex
	}

	.md\:inline-flex {
		display: inline-flex
	}

	.md\:hidden {
		display: none
	}

	.md\:h-\[24px\] {
		height: 24px
	}

	.md\:h-\[220px\] {
		height: 220px
	}

	.md\:h-\[285px\] {
		height: 285px
	}

	.md\:h-\[293px\] {
		height: 293px
	}

	.md\:h-\[246px\] {
		height: 246px
	}

	.md\:h-\[330px\] {
		height: 330px
	}

	.md\:h-\[346px\] {
		height: 346px
	}

	.md\:h-\[350px\] {
		height: 350px
	}

	.md\:h-\[400px\] {
		height: 400px
	}

	.md\:h-\[333px\] {
		height: 333px
	}

	.md\:h-\[238px\] {
		height: 238px
	}

	.md\:h-\[750px\] {
		height: 750px
	}

	.md\:h-\[32px\] {
		height: 32px
	}

	.md\:h-\[492px\] {
		height: 492px
	}

	.md\:h-\[475px\] {
		height: 475px
	}

	.md\:h-\[252px\] {
		height: 252px
	}

	.md\:h-\[445px\] {
		height: 445px
	}

	.md\:h-\[120px\] {
		height: 120px
	}

	.md\:h-\[735px\] {
		height: 735px
	}

	.md\:h-full {
		height: 100%
	}

	.md\:max-h-\[185px\] {
		max-height: 185px
	}

	.md\:max-h-\[492px\] {
		max-height: 492px
	}

	.md\:w-\[90\%\] {
		width: 90%
	}

	.md\:w-\[135px\] {
		width: 135px
	}

	.md\:w-auto {
		width: auto
	}

	.md\:w-\[50\%\] {
		width: 50%
	}

	.md\:w-\[138px\] {
		width: 138px
	}

	.md\:w-\[221px\] {
		width: 221px
	}

	.md\:w-full {
		width: 100%
	}

	.md\:w-\[218px\] {
		width: 218px
	}

	.md\:w-\[490px\] {
		width: 490px
	}

	.md\:w-\[371px\] {
		width: 371px
	}

	.md\:w-\[538px\] {
		width: 538px
	}

	.md\:w-\[439px\] {
		width: 439px
	}

	.md\:w-\[calc\(100vw_-_80vw\)\] {
		width: calc(100vw - 80vw)
	}

	.md\:w-\[calc\(100vw_-_85vw\)\] {
		width: calc(100vw - 85vw)
	}

	.md\:w-\[140px\] {
		width: 140px
	}

	.md\:w-\[calc\(100vw_-_90vw\)\] {
		width: calc(100vw - 90vw)
	}

	.md\:w-\[240px\] {
		width: 240px
	}

	.md\:w-\[239px\] {
		width: 239px
	}

	.md\:w-\[calc\(100vw_-_82vw\)\] {
		width: calc(100vw - 82vw)
	}

	.md\:w-\[1440px\] {
		width: 1440px
	}

	.md\:w-\[151px\] {
		width: 151px
	}

	.md\:w-\[338px\] {
		width: 338px
	}

	.md\:w-\[593px\] {
		width: 593px
	}

	.md\:w-\[444px\] {
		width: 444px
	}

	.md\:w-\[344px\] {
		width: 344px
	}

	.md\:w-\[401px\] {
		width: 401px
	}

	.md\:w-\[199px\] {
		width: 199px
	}

	.md\:w-\[46px\] {
		width: 46px
	}

	.md\:w-\[382px\] {
		width: 382px
	}

	.md\:w-\[400px\] {
		width: 400px
	}

	.md\:w-\[265px\] {
		width: 265px
	}

	.md\:min-w-\[205px\] {
		min-width: 205px
	}

	.md\:max-w-\[700px\] {
		max-width: 700px
	}

	.md\:max-w-\[168px\] {
		max-width: 168px
	}

	.md\:max-w-\[505px\] {
		max-width: 505px
	}

	.md\:max-w-\[628px\] {
		max-width: 628px
	}

	.md\:max-w-none {
		max-width: none
	}

	.md\:max-w-\[740px\] {
		max-width: 740px
	}

	.md\:max-w-\[460px\] {
		max-width: 460px
	}

	.md\:max-w-\[736px\] {
		max-width: 736px
	}

	.md\:max-w-\[900px\] {
		max-width: 900px
	}

	.md\:max-w-\[337px\] {
		max-width: 337px
	}

	.md\:max-w-\[228px\] {
		max-width: 228px
	}

	.md\:max-w-\[100px\] {
		max-width: 100px
	}

	.md\:max-w-\[185px\] {
		max-width: 185px
	}

	.md\:max-w-\[140px\] {
		max-width: 140px
	}

	.md\:max-w-\[240px\] {
		max-width: 240px
	}

	.md\:max-w-\[411px\] {
		max-width: 411px
	}

	.md\:max-w-\[239px\] {
		max-width: 239px
	}

	.md\:max-w-\[580px\] {
		max-width: 580px
	}

	.md\:max-w-\[449px\] {
		max-width: 449px
	}

	.md\:max-w-\[733px\] {
		max-width: 733px
	}

	.md\:max-w-\[205px\] {
		max-width: 205px
	}

	.md\:max-w-\[150px\] {
		max-width: 150px
	}

	.md\:max-w-\[386px\] {
		max-width: 386px
	}

	.md\:max-w-\[200px\] {
		max-width: 200px
	}

	.md\:-translate-y-\[16px\] {
		--tw-translate-y: -16px
	}

	.md\:-translate-y-\[16px\],
	.md\:translate-y-\[0\] {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.md\:translate-y-\[0\] {
		--tw-translate-y: 0
	}

	.md\:translate-x-0 {
		--tw-translate-x: 0px
	}

	.md\:rotate-\[0\],
	.md\:translate-x-0 {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.md\:rotate-\[0\] {
		--tw-rotate: 0
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.md\:grid-cols-\[180px_280px_180px\] {
		grid-template-columns: 180px 280px 180px
	}

	.md\:flex-row {
		flex-direction: row
	}

	.md\:flex-col {
		flex-direction: column
	}

	.md\:items-start {
		align-items: flex-start
	}

	.md\:items-center {
		align-items: center
	}

	.md\:justify-center {
		justify-content: center
	}

	.md\:gap-\[15px\] {
		gap: 15px
	}

	.md\:gap-\[0\] {
		gap: 0
	}

	.md\:gap-\[26px\] {
		gap: 26px
	}

	.md\:gap-\[40px\] {
		gap: 40px
	}

	.md\:gap-\[60px\] {
		gap: 60px
	}

	.md\:gap-\[24px\] {
		gap: 24px
	}

	.md\:gap-\[8px\] {
		gap: 8px
	}

	.md\:gap-\[30px\] {
		gap: 30px
	}

	.md\:overflow-visible {
		overflow: visible
	}

	.md\:rounded-\[18px\] {
		border-radius: 18px
	}

	.md\:object-none {
		-o-object-fit: none;
		object-fit: none
	}

	.md\:py-0 {
		padding-top: 0;
		padding-bottom: 0
	}

	.md\:px-\[30px\] {
		padding-left: 30px;
		padding-right: 30px
	}

	.md\:py-\[29px\] {
		padding-top: 29px;
		padding-bottom: 29px
	}

	.md\:px-\[21px\] {
		padding-left: 21px;
		padding-right: 21px
	}

	.md\:pb-\[50px\] {
		padding-bottom: 50px
	}

	.md\:pl-\[0\] {
		padding-left: 0
	}

	.md\:pb-\[43px\] {
		padding-bottom: 43px
	}

	.md\:pt-\[52px\] {
		padding-top: 52px
	}

	.md\:pb-\[24px\] {
		padding-bottom: 24px
	}

	.md\:pt-\[36px\] {
		padding-top: 36px
	}

	.md\:pt-\[80px\] {
		padding-top: 80px
	}

	.md\:pb-\[145px\] {
		padding-bottom: 145px
	}

	.md\:pb-\[120px\] {
		padding-bottom: 120px
	}

	.md\:pb-\[21px\] {
		padding-bottom: 21px
	}

	.md\:pb-\[52px\] {
		padding-bottom: 52px
	}

	.md\:pt-\[31px\] {
		padding-top: 31px
	}

	.md\:pb-\[12px\] {
		padding-bottom: 12px
	}

	.md\:pb-\[54px\] {
		padding-bottom: 54px
	}

	.md\:pb-\[29px\] {
		padding-bottom: 29px
	}

	.md\:pb-\[13px\] {
		padding-bottom: 13px
	}

	.md\:pl-\[38px\] {
		padding-left: 38px
	}

	.md\:pr-\[26px\] {
		padding-right: 26px
	}

	.md\:pt-\[53px\] {
		padding-top: 53px
	}

	.md\:pb-\[75px\] {
		padding-bottom: 75px
	}

	.md\:pt-\[21px\] {
		padding-top: 21px
	}

	.md\:pt-\[50px\] {
		padding-top: 50px
	}

	.md\:text-left {
		text-align: left
	}

	.md\:text-center {
		text-align: center
	}

	.md\:text-\[42px\] {
		font-size: 42px
	}

	.md\:text-\[18px\] {
		font-size: 18px
	}

	.md\:text-\[24px\] {
		font-size: 24px
	}

	.md\:text-\[14px\] {
		font-size: 14px
	}

	.md\:text-\[16px\] {
		font-size: 16px
	}

	.md\:text-\[38px\] {
		font-size: 38px
	}

	.md\:leading-\[48px\] {
		line-height: 48px
	}

	.md\:leading-\[27px\] {
		line-height: 27px
	}

	.md\:leading-\[42px\] {
		line-height: 42px
	}

	.md\:leading-\[50px\] {
		line-height: 50px
	}

	.md\:leading-\[30px\] {
		line-height: 30px
	}

	.md\:leading-\[20px\] {
		line-height: 20px
	}

	.md\:leading-\[32px\] {
		line-height: 32px
	}

	.md\:after\:absolute:after {
		content: var(--tw-content);
		position: absolute
	}

	.md\:after\:-right-\[15px\]:after {
		content: var(--tw-content);
		right: -15px
	}

	.md\:after\:-right-\[7\%\]:after {
		content: var(--tw-content);
		right: -7%
	}

	.md\:after\:h-\[140px\]:after {
		content: var(--tw-content);
		height: 140px
	}

	.md\:after\:w-\[1px\]:after {
		content: var(--tw-content);
		width: 1px
	}

	.md\:after\:bg-darked:after {
		content: var(--tw-content);
		--tw-bg-opacity: 1;
		background-color: rgb(34 45 51/var(--tw-bg-opacity))
	}

	.md\:after\:bg-white:after {
		content: var(--tw-content);
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255/var(--tw-bg-opacity))
	}

	.md\:after\:content-\[\"\"\]:after {
		--tw-content: "";
		content: var(--tw-content)
	}

	.md\:first\:ml-0:first-child {
		margin-left: 0
	}

	.md\:hover\:opacity-70:hover {
		opacity: .7
	}

	.md\:hover\:before\:absolute:hover:before {
		content: var(--tw-content);
		position: absolute
	}

	.md\:hover\:before\:top-\[2px\]:hover:before {
		content: var(--tw-content);
		top: 2px
	}

	.md\:hover\:before\:-left-\[23px\]:hover:before {
		content: var(--tw-content);
		left: -23px
	}

	.md\:hover\:before\:block:hover:before {
		content: var(--tw-content);
		display: block
	}

	.md\:hover\:before\:-translate-x-1\/2:hover:before {
		--tw-translate-x: -50%
	}

	.md\:hover\:before\:-translate-x-1\/2:hover:before,
	.md\:hover\:before\:rotate-90:hover:before {
		content: var(--tw-content);
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.md\:hover\:before\:rotate-90:hover:before {
		--tw-rotate: 90deg
	}

	.md\:hover\:before\:content-triangle:hover:before {
		--tw-content: url(/images/triangle.svg);
		content: var(--tw-content)
	}

	.md\:hover\:after\:absolute:hover:after {
		content: var(--tw-content);
		position: absolute
	}

	.md\:hover\:after\:-left-\[145px\]:hover:after {
		content: var(--tw-content);
		left: -145px
	}

	.md\:hover\:after\:top-1\/2:hover:after {
		content: var(--tw-content);
		top: 50%
	}

	.md\:hover\:after\:block:hover:after {
		content: var(--tw-content);
		display: block
	}

	.md\:hover\:after\:w-\[117px\]:hover:after {
		content: var(--tw-content);
		width: 117px
	}

	.md\:hover\:after\:-translate-y-1\/2:hover:after {
		content: var(--tw-content);
		--tw-translate-y: -50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.md\:hover\:after\:rounded-\[25px\]:hover:after {
		content: var(--tw-content);
		border-radius: 25px
	}

	.md\:hover\:after\:bg-greyt:hover:after {
		content: var(--tw-content);
		background-color: rgba(34, 45, 51, .5)
	}

	.md\:hover\:after\:px-\[12px\]:hover:after {
		content: var(--tw-content);
		padding-left: 12px;
		padding-right: 12px
	}

	.md\:hover\:after\:pt-\[9px\]:hover:after {
		content: var(--tw-content);
		padding-top: 9px
	}

	.md\:hover\:after\:pb-\[10px\]:hover:after {
		content: var(--tw-content);
		padding-bottom: 10px
	}

	.md\:hover\:after\:text-\[11px\]:hover:after {
		content: var(--tw-content);
		font-size: 11px
	}

	.md\:hover\:after\:leading-\[14px\]:hover:after {
		content: var(--tw-content);
		line-height: 14px
	}

	.md\:hover\:after\:text-white:hover:after {
		content: var(--tw-content);
		--tw-text-opacity: 1;
		color: rgb(255 255 255/var(--tw-text-opacity))
	}

	.md\:hover\:after\:content-\[\"This_is_a_Demo_store\"\]:hover:after {
		--tw-content: "This is a Demo store";
		content: var(--tw-content)
	}
}

@media (min-width:1024px) {
	.lg\:absolute {
		position: absolute
	}

	.lg\:left-0 {
		left: 0
	}

	.lg\:left-\[107px\] {
		left: 107px
	}

	.lg\:top-\[40px\] {
		top: 40px
	}

	.lg\:mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.lg\:mx-0 {
		margin-left: 0;
		margin-right: 0
	}

	.lg\:mb-\[38px\] {
		margin-bottom: 38px
	}

	.lg\:mt-\[293px\] {
		margin-top: 293px
	}

	.lg\:ml-0 {
		margin-left: 0
	}

	.lg\:mr-0 {
		margin-right: 0
	}

	.lg\:flex {
		display: flex
	}

	.lg\:h-\[492px\] {
		height: 492px
	}

	.lg\:h-\[550px\] {
		height: 550px
	}

	.lg\:h-\[383px\] {
		height: 383px
	}

	.lg\:h-\[603px\] {
		height: 603px
	}

	.lg\:h-\[606px\] {
		height: 606px
	}

	.lg\:h-\[190px\] {
		height: 190px
	}

	.lg\:w-\[733px\] {
		width: 733px
	}

	.lg\:w-\[446px\] {
		width: 446px
	}

	.lg\:w-\[487px\] {
		width: 487px
	}

	.lg\:w-\[84px\] {
		width: 84px
	}

	.lg\:w-\[520px\] {
		width: 520px
	}

	.lg\:w-\[633px\] {
		width: 633px
	}

	.lg\:w-\[420px\] {
		width: 420px
	}

	.lg\:w-\[60\%\] {
		width: 60%
	}

	.lg\:min-w-\[168px\] {
		min-width: 168px
	}

	.lg\:max-w-\[1060px\] {
		max-width: 1060px
	}

	.lg\:max-w-none {
		max-width: none
	}

	.lg\:max-w-\[1062px\] {
		max-width: 1062px
	}

	.lg\:max-w-\[840px\] {
		max-width: 840px
	}

	.lg\:max-w-\[1440px\] {
		max-width: 1440px
	}

	.lg\:max-w-\[154px\] {
		max-width: 154px
	}

	.lg\:max-w-\[1072px\] {
		max-width: 1072px
	}

	.lg\:max-w-\[250px\] {
		max-width: 250px
	}

	.lg\:max-w-\[263px\] {
		max-width: 263px
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:grid-cols-\[250px_420px_263px\] {
		grid-template-columns: 250px 420px 263px
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:gap-\[37px\] {
		gap: 37px
	}

	.lg\:gap-\[107px\] {
		gap: 107px
	}

	.lg\:gap-\[80px\] {
		gap: 80px
	}

	.lg\:gap-\[60px\] {
		gap: 60px
	}

	.lg\:gap-\[85px\] {
		gap: 85px
	}

	.lg\:gap-\[24px\] {
		gap: 24px
	}

	.lg\:gap-\[68px\] {
		gap: 68px
	}

	.lg\:px-\[60px\] {
		padding-left: 60px;
		padding-right: 60px
	}

	.lg\:px-\[36px\] {
		padding-left: 36px;
		padding-right: 36px
	}

	.lg\:text-left {
		text-align: left
	}

	.lg\:after\:-right-\[48px\]:after {
		content: var(--tw-content);
		right: -48px
	}
}

@media (min-width:1280px) {
	.xl\:left-\[57px\] {
		left: 57px
	}

	.xl\:top-\[128px\] {
		top: 128px
	}

	.xl\:w-full {
		width: 100%
	}

	.xl\:w-\[calc\(100vw_-_70vw\)\] {
		width: calc(100vw - 70vw)
	}
}

 ! tailwindcss v3.2.4 | MIT License | https: //tailwindcss.com
*
/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Source San Pro;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,: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-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:rgba(59,130,246,.5);--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: }::backdrop{--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-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:rgba(59,130,246,.5);--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: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.paginations .swiper-pagination-bullets{position:relative;margin:47px 0 73px;display:flex;gap:16px}.paginations .swiper-pagination-bullet{height:6px;width:6px;--tw-bg-opacity:1;background-color:rgb(37 49 56/var(--tw-bg-opacity))}.paginations .swiper-pagination-bullet,.paginations .swiper-pagination-bullet-active{position:relative;top:50%;left:0;display:block;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;opacity:.3}.paginations .swiper-pagination-bullet-active{height:14px;width:14px;border-width:4px;border-style:solid;--tw-border-opacity:1;border-color:rgb(37 49 56/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.-top-\[7px\]{top:-7px}.top-\[20px\]{top:20px}.-bottom-\[150px\]{bottom:-150px}.left-\[120px\]{left:120px}.top-\[50px\]{top:50px}.left-0{left:0}.top-\[156px\]{top:156px}.right-0{right:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.-right-\[20px\]{right:-20px}.-top-\[20px\]{top:-20px}.-left-\[20px\]{left:-20px}.-left-\[30px\]{left:-30px}.-right-\[40px\]{right:-40px}.-top-\[25px\]{top:-25px}.-left-\[25px\]{left:-25px}.top-\[30px\]{top:30px}.-right-\[12px\]{right:-12px}.-top-\[12px\]{top:-12px}.top-\[60px\]{top:60px}.-left-\[5px\]{left:-5px}.-top-\[16px\]{top:-16px}.-left-\[41px\]{left:-41px}.left-\[50px\]{left:50px}.-top-\[5px\]{top:-5px}.-left-\[43px\]{left:-43px}.top-\[128px\]{top:128px}.right-\[75px\]{right:75px}.top-\[7px\]{top:7px}.-top-\[11px\]{top:-11px}.-right-\[43px\]{right:-43px}.top-\[115px\]{top:115px}.-right-\[39px\]{right:-39px}.-top-\[140px\]{top:-140px}.top-\[21px\]{top:21px}.right-\[27px\]{right:27px}.left-\[9px\]{left:9px}.left-\[43px\]{left:43px}.bottom-0{bottom:0}.top-\[66px\]{top:66px}.left-\[24px\]{left:24px}.left-\[1px\]{left:1px}.isolate{isolation:isolate}.z-10,.z-\[10\]{z-index:10}.z-\[10000\]{z-index:10000}.z-\[100000\]{z-index:100000}.z-\[1000000\]{z-index:1000000}.z-\[95\]{z-index:95}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[-1\]{z-index:-1}.z-\[5\]{z-index:5}.z-\[1000\]{z-index:1000}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[0\]{z-index:0}.z-\[1\]{z-index:1}.order-\[2\]{order:2}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mx-\[32px\]{margin-left:32px;margin-right:32px}.mb-\[18px\]{margin-bottom:18px}.mb-\[14px\]{margin-bottom:14px}.mt-\[31px\]{margin-top:31px}.mb-\[24px\]{margin-bottom:24px}.mt-\[68px\]{margin-top:68px}.mb-\[30px\]{margin-bottom:30px}.mb-\[20px\]{margin-bottom:20px}.mt-\[91px\]{margin-top:91px}.mb-\[134px\]{margin-bottom:134px}.mb-\[23px\]{margin-bottom:23px}.mb-\[47px\]{margin-bottom:47px}.mt-\[20px\]{margin-top:20px}.mt-\[45px\]{margin-top:45px}.ml-\[12px\]{margin-left:12px}.-mt-\[48px\]{margin-top:-48px}.mb-\[21px\]{margin-bottom:21px}.mb-\[90px\]{margin-bottom:90px}.mt-\[90px\]{margin-top:90px}.mt-\[52px\]{margin-top:52px}.mb-\[29px\]{margin-bottom:29px}.mb-\[35px\]{margin-bottom:35px}.mt-\[60px\]{margin-top:60px}.mb-\[86px\]{margin-bottom:86px}.mb-\[40px\]{margin-bottom:40px}.mb-\[84px\]{margin-bottom:84px}.mb-\[15px\]{margin-bottom:15px}.mb-\[12px\]{margin-bottom:12px}.mb-\[25px\]{margin-bottom:25px}.mt-\[36px\]{margin-top:36px}.mt-\[64px\]{margin-top:64px}.mb-\[32px\]{margin-bottom:32px}.mb-\[42px\]{margin-bottom:42px}.mb-20{margin-bottom:5rem}.mt-\[53px\]{margin-top:53px}.ml-auto{margin-left:auto}.mb-\[70px\]{margin-bottom:70px}.mb-\[82px\]{margin-bottom:82px}.mb-\[52px\]{margin-bottom:52px}.mt-\[40px\]{margin-top:40px}.ml-\[71px\]{margin-left:71px}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-\[60px\]{height:60px}.h-\[20px\]{height:20px}.h-full{height:100%}.h-\[2px\]{height:2px}.h-\[29px\]{height:29px}.h-\[299px\]{height:299px}.h-screen{height:100vh}.h-\[175px\]{height:175px}.h-\[286px\]{height:286px}.h-\[151px\]{height:151px}.h-\[220px\]{height:220px}.h-\[212px\]{height:212px}.h-\[215px\]{height:215px}.h-\[274px\]{height:274px}.h-\[110px\]{height:110px}.h-\[278px\]{height:278px}.h-\[218px\]{height:218px}.h-\[630px\]{height:630px}.h-\[27px\]{height:27px}.h-\[389px\]{height:389px}.h-\[310px\]{height:310px}.h-\[488px\]{height:488px}.h-\[340px\]{height:340px}.h-\[50px\]{height:50px}.h-\[350px\]{height:350px}.h-\[135px\]{height:135px}.h-\[453px\]{height:453px}.h-\[380px\]{height:380px}.max-h-\[510px\]{max-height:510px}.max-h-\[266px\]{max-height:266px}.max-h-\[374px\]{max-height:374px}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-\[113px\]{width:113px}.w-\[80px\]{width:80px}.w-\[90\%\]{width:90%}.w-\[168px\]{width:168px}.w-\[1px\]{width:1px}.w-\[110px\]{width:110px}.w-screen{width:100vw}.w-\[200px\]{width:200px}.w-\[282px\]{width:282px}.w-\[134px\]{width:134px}.w-\[165px\]{width:165px}.w-\[330px\]{width:330px}.w-\[300px\]{width:300px}.w-\[91\%\]{width:91%}.w-\[441px\]{width:441px}.w-\[456px\]{width:456px}.w-\[102px\]{width:102px}.w-\[77px\]{width:77px}.w-\[34px\]{width:34px}.w-\[62px\]{width:62px}.w-\[48px\]{width:48px}.w-\[82px\]{width:82px}.w-\[140px\]{width:140px}.w-\[81px\]{width:81px}.w-\[1006\]{width:1006}.w-\[171px\]{width:171px}.w-\[495px\]{width:495px}.w-\[408px\]{width:408px}.w-\[289px\]{width:289px}.w-\[362px\]{width:362px}.w-\[275px\]{width:275px}.w-fit{width:-moz-fit-content;width:fit-content}.w-\[436px\]{width:436px}.w-\[290px\]{width:290px}.max-w-\[1010px\]{max-width:1010px}.max-w-\[139px\]{max-width:139px}.max-w-\[261px\]{max-width:261px}.max-w-\[290px\]{max-width:290px}.max-w-\[291px\]{max-width:291px}.max-w-\[250px\]{max-width:250px}.max-w-\[300px\]{max-width:300px}.max-w-\[236px\]{max-width:236px}.max-w-\[620px\]{max-width:620px}.max-w-\[580px\]{max-width:580px}.max-w-\[205px\]{max-width:205px}.max-w-\[280px\]{max-width:280px}.max-w-\[600px\]{max-width:600px}.max-w-\[90\%\]{max-width:90%}.max-w-\[320px\]{max-width:320px}.max-w-\[242px\]{max-width:242px}.max-w-\[241px\]{max-width:241px}.max-w-\[215px\]{max-width:215px}.max-w-\[293px\]{max-width:293px}.max-w-\[279px\]{max-width:279px}.max-w-\[226px\]{max-width:226px}.max-w-none{max-width:none}.max-w-\[251px\]{max-width:251px}.max-w-\[1060px\]{max-width:1060px}.max-w-\[273px\]{max-width:273px}.flex-none{flex:none}.-translate-x-\[100\%\]{--tw-translate-x:-100%}.-translate-x-1\/2,.-translate-x-\[100\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-\[50px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[50px\]{--tw-translate-y:-50px}.-translate-y-\[30px\]{--tw-translate-y:-30px}.-translate-y-\[30px\],.translate-x-\[53px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[53px\]{--tw-translate-x:53px}.rotate-\[270deg\]{--tw-rotate:270deg}.-rotate-\[4deg\],.rotate-\[270deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-\[4deg\]{--tw-rotate:-4deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\[24px\]{gap:24px}.gap-\[26px\]{gap:26px}.gap-\[12px\]{gap:12px}.gap-\[28px\]{gap:28px}.gap-\[48px\]{gap:48px}.gap-\[30px\]{gap:30px}.gap-\[38px\]{gap:38px}.gap-\[0\]{gap:0}.gap-\[35px\]{gap:35px}.gap-\[15px\]{gap:15px}.gap-\[16px\]{gap:16px}.gap-\[14px\]{gap:14px}.gap-\[7px\]{gap:7px}.gap-\[10px\]{gap:10px}.gap-\[40px\]{gap:40px}.gap-\[62px\]{gap:62px}.gap-\[1px\]{gap:1px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-\[17px\]{border-radius:17px}.rounded-\[32px\]{border-radius:32px}.rounded-\[26px\]{border-radius:26px}.rounded-\[18px\]{border-radius:18px}.rounded-\[6px\]{border-radius:6px}.rounded-t-\[18px\]{border-top-left-radius:18px;border-top-right-radius:18px}.border-\[2px\]{border-width:2px}.border-\[1px\]{border-width:1px}.border-b-\[1px\]{border-bottom-width:1px}.border-t-\[1px\]{border-top-width:1px}.border-b-\[4px\]{border-bottom-width:4px}.border-solid{border-style:solid}.border-\[\#DEDEDE\]{--tw-border-opacity:1;border-color:rgb(222 222 222/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-coil{--tw-border-opacity:1;border-color:rgb(57 89 107/var(--tw-border-opacity))}.border-btn-darked{--tw-border-opacity:1;border-color:rgb(43 58 67/var(--tw-border-opacity))}.border-whited{border-color:hsla(0,0%,100%,.8)}.border-greyb{border-color:rgba(34,45,51,.15)}.border-aqua{--tw-border-opacity:1;border-color:rgb(150 189 203/var(--tw-border-opacity))}.bg-greyl{--tw-bg-opacity:1;background-color:rgb(235 237 244/var(--tw-bg-opacity))}.bg-darked{--tw-bg-opacity:1;background-color:#fff}.bg-turquoise{--tw-bg-opacity:1;background-color:var(--btn-bg-dark)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-darked-opacity{background-color:rgba(34,45,51,.9)}.bg-whited-flow{background-color:hsla(0,0%,100%,.2)}.bg-demostore-bg{background-color:rgba(235,237,244,.6)}.bg-greyb{background-color:rgba(34,45,51,.15)}.bg-grey-line{background-image:linear-gradient(180deg,rgba(235,236,243,.2),rgba(235,236,243,0))}.bg-turquoise{background-color:var(--btn-bg-dark)}.bg-darked-radial{background-image:radial-gradient(71.75% 71.75% at 50.61% -1.8%,#2b3a43 0,#222d33 100%)}.bg-divider{background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0))}.bg-diamond{background-image:linear-gradient(179.84deg,#fff -99.58%,#f1f8ff 99.86%)}.bg-ultra-100{background-image:linear-gradient(90deg,#beaed5 24.43%,#96bdcb 74.24%)}.bg-grey-gem{background-image:radial-gradient(66.14% 66.14% at 50% 50%,#e5eaed 0,#cfd4d7 100%)}.bg-grey-how,.bg-grey-radial{background-image:linear-gradient(0deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.3)),linear-gradient(180deg,#d4d7e0,#c0c0ca)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-\[78\%\]{-o-object-position:78%;object-position:78%}.object-\[16\%\]{-o-object-position:16%;object-position:16%}.object-\[16px\]{-o-object-position:16px;object-position:16px}.p-\[20px\]{padding:20px}.py-\[20px\]{padding-top:20px;padding-bottom:20px}.py-\[31px\]{padding-top:31px;padding-bottom:31px}.py-\[32px\]{padding-top:32px;padding-bottom:32px}.py-\[40px\]{padding-top:40px;padding-bottom:40px}.px-\[30px\]{padding-left:30px;padding-right:30px}.px-\[7px\]{padding-left:7px;padding-right:7px}.px-\[12px\]{padding-left:12px;padding-right:12px}.py-\[8px\]{padding-top:8px;padding-bottom:8px}.px-\[23px\]{padding-left:23px;padding-right:23px}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.pt-\[58px\]{padding-top:58px}.pb-\[50px\]{padding-bottom:50px}.pb-\[12px\]{padding-bottom:12px}.pt-\[39px\]{padding-top:39px}.pb-\[31px\]{padding-bottom:31px}.pb-\[22px\]{padding-bottom:22px}.pb-\[32px\]{padding-bottom:32px}.pt-\[48px\]{padding-top:48px}.pl-\[28px\]{padding-left:28px}.pr-\[24px\]{padding-right:24px}.pb-\[30px\]{padding-bottom:30px}.pb-\[40px\]{padding-bottom:40px}.pl-\[30px\]{padding-left:30px}.pt-\[32px\]{padding-top:32px}.pb-\[39px\]{padding-bottom:39px}.pb-\[17px\]{padding-bottom:17px}.pb-\[20px\]{padding-bottom:20px}.pt-\[30px\]{padding-top:30px}.pb-\[10px\]{padding-bottom:10px}.pt-\[0\]{padding-top:0}.pb-\[23px\]{padding-bottom:23px}.pt-\[34px\]{padding-top:34px}.pb-\[28px\]{padding-bottom:28px}.pt-\[182px\]{padding-top:182px}.pb-\[54px\]{padding-bottom:54px}.pb-\[60px\]{padding-bottom:60px}.pb-\[41px\]{padding-bottom:41px}.pt-\[26px\]{padding-top:26px}.pb-\[45px\]{padding-bottom:45px}.pb-\[24px\]{padding-bottom:24px}.pt-\[36px\]{padding-top:36px}.pb-\[33px\]{padding-bottom:33px}.pb-\[36px\]{padding-bottom:36px}.pb-\[15px\]{padding-bottom:15px}.pt-\[24px\]{padding-top:24px}.pt-\[0px\]{padding-top:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-main{font-family:Gotham Pro}.font-sans{font-family:Source San Pro}.font-play{font-family:Playfair}.text-\[14px\]{font-size:14px}.text-\[12px\]{font-size:12px}.text-\[32px\]{font-size:32px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[16px\]{font-size:16px}.text-\[11px\]{font-size:11px}.text-\[28px\]{font-size:28px}.text-\[22px\]{font-size:22px}.text-\[13px\]{font-size:13px}.text-\[40px\]{font-size:40px}.text-\[15px\]{font-size:15px}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-\[20px\]{line-height:20px}.leading-\[32px\]{line-height:32px}.leading-\[18px\]{line-height:18px}.leading-\[11px\]{line-height:11px}.leading-\[13px\]{line-height:13px}.leading-\[38px\]{line-height:38px}.leading-\[26px\]{line-height:26px}.leading-\[30px\]{line-height:30px}.leading-\[24px\]{line-height:24px}.leading-\[48px\]{line-height:48px}.leading-\[16px\]{line-height:16px}.leading-\[52px\]{line-height:52px}.leading-\[25px\]{line-height:25px}.leading-\[17px\]{line-height:17px}.leading-\[27px\]{line-height:27px}.leading-\[14px\]{line-height:14px}.leading-\[22px\]{line-height:22px}.leading-\[58px\]{line-height:58px}.leading-\[12px\]{line-height:12px}.tracking-\[0\.01em\]{letter-spacing:.01em}.text-darked{--tw-text-opacity:1;color:var(--text-black-custom)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-turquoise{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-error{--tw-text-opacity:1;color:rgb(242 72 34/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-\[\#7AAAB9\]{--tw-text-opacity:1;color:rgb(122 170 185/var(--tw-text-opacity))}.text-gainsboro{color:rgba(34,45,51,.3)}.text-btn-darked{--tw-text-opacity:1;color:rgb(43 58 67/var(--tw-text-opacity))}.text-ocean{--tw-text-opacity:1;color:rgb(72 131 150/var(--tw-text-opacity))}.text-cosmic{--tw-text-opacity:1;color:rgb(40 53 61/var(--tw-text-opacity))}.text-grafit{--tw-text-opacity:1;color:rgb(63 84 97/var(--tw-text-opacity))}.text-\[white\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-\[100\]{opacity:1}.opacity-90{opacity:.9}.opacity-20{opacity:.2}.opacity-\[1\]{opacity:1}.opacity-75{opacity:.75}.opacity-50{opacity:.5}.outline-0{outline-width:0}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-medium{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-medium{--tw-drop-shadow:drop-shadow(0px 8px 22px rgba(0,0,0,.1))}.drop-shadow-small{--tw-drop-shadow:drop-shadow(0px 2px 20px rgba(0,0,0,.1))}.drop-shadow-small,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header{z-index:1000;transition:all .3s ease;padding:1.625rem 0}.header.out{transform:translateY(-100%)}.hamburger{position:absolute;left:22px;top:50%;transform:translateY(-50%);padding:6px 4px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;outline:none;z-index:2}.hamburger.is_active:hover,.hamburger:hover{opacity:.7}.hamburger.is_active .hamburger_inner,.hamburger.is_active .hamburger_inner:after,.hamburger.is_active .hamburger_inner:before{background-color:#fff}.hamburger_box{width:22px;height:16px;display:inline-block;position:relative}.hamburger_inner{display:block;top:50%;margin-top:-2px}.hamburger_inner,.hamburger_inner:after,.hamburger_inner:before{width:22px;height:2px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger_inner:after,.hamburger_inner:before{content:"";display:block}.hamburger_inner:before{top:-10px}.hamburger_inner:after{bottom:-10px}.hamburger__slider .hamburger_inner{top:2px}.hamburger__slider .hamburger_inner:before{top:7px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger__slider .hamburger_inner:after{top:14px}.hamburger__slider.is_active .hamburger_inner{top:-2px;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger__slider.is_active .hamburger_inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger__slider.is_active .hamburger_inner:after{transform:translate3d(0,-14px,0) rotate(-90deg)}.demoSwiper,.demoThumbs{margin:0!important}.demoThumbs .swiper-slide{opacity:.5}.demoThumbs .swiper-slide-thumb-active{opacity:1}.qualitySwiper .swiper-slide:first-of-type{padding-left:23px}.qualitySwiper .swiper-slide{width:unset}.caseSwiper{width:100%;margin:50px 0 0}.caseSwiper .swiper-slide{overflow:hidden}.caseThumbSwiper{margin:50px 0 0}.caseThumbSwiper .swiper-wrapper{align-items:center;justify-content:center}.caseThumbSwiper .swiper-wrapper .swiper-slide div{margin:0 auto}.caseThumbSwiper .swiper-wrapper .swiper-slide{opacity:.3}.caseThumbSwiper .swiper-wrapper .swiper-slide-thumb-active{opacity:1}.caseThumbSwiper .swiper-wrapper .swiper-slide-thumb-active div .divider{background:hsla(201,6%,55%,.3)}.caseThumbSwiper .swiper-wrapper .swiper-slide .divider{position:absolute;width:1px;height:60px;background:hsla(201,6%,55%,.7);right:0;top:50%;transform:translateY(-50%);opacity:1}@media(min-width:768px){.caseSwiper{width:100%;margin:72px 0 0}}.pressSwiper{overflow:visible!important}.pressSwiper .swiper-slide{width:auto}.typesSwiper{margin:31px 0 0}.typesSwiper .swiper-slide{width:auto}.pricingSwiper .swiper-slide{border-radius:32px;overflow:hidden;width:auto}@media(min-width:1200px){.pricingSwiper .swiper-wrapper{justify-content:center}.pricingSwiper .swiper-slide{border-radius:unset}.pricingSwiper .swiper-slide:first-child div:first-child:after{display:none}.pricingSwiper .swiper-slide:hover span{display:block}.pricingSwiper .swiper-slide:first-of-type{border-radius:32px 0 0 32px}.pricingSwiper .swiper-slide:last-of-type{border-radius:0 32px 32px 0}}.screenshot__swiper{margin:0 0 28px}@media(min-width:768px){.typesSwiper{margin:0}.screenshot__swiper{margin:0 0 40px}}.hero_viewer .view_points{padding-left:0;right:0;padding-right:20px}@media(min-width:768px){.hero_viewer .view_points{padding-right:0}}.loader__wrapper{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:#222d33}.loader,.loader:after,.loader:before{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:bblFadInOut 1.8s ease-in-out infinite}.loader{color:#fff;font-size:7px;position:relative;transform:translateZ(0);text-indent:-9999em;animation-delay:-.16s}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-.32s}.loader:after{left:3.5em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:-right-\[18px\]:after{content:var(--tw-content);right:-18px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:ml-\[10px\]:after{content:var(--tw-content);margin-left:10px}.after\:-translate-y-1\/2:after{--tw-translate-y:-50%}.after\:-translate-x-1\/2:after,.after\:-translate-y-1\/2:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%}.after\:rounded-\[25px\]:after{content:var(--tw-content);border-radius:25px}.after\:bg-greyt:after{content:var(--tw-content);background-color:rgba(34,45,51,.5)}.after\:px-\[10px\]:after{content:var(--tw-content);padding-left:10px;padding-right:10px}.after\:pb-\[3px\]:after{content:var(--tw-content);padding-bottom:3px}.after\:pt-\[8px\]:after{content:var(--tw-content);padding-top:8px}.after\:opacity-10:after{content:var(--tw-content);opacity:.1}.after\:content-arrowRight:after{--tw-content:url(/images/arrorRight.svg);content:var(--tw-content)}.after\:content-strokeRight:after{--tw-content:url(/images/stroke-right.svg);content:var(--tw-content)}.after\:content-icon360:after{--tw-content:url(/images/360.svg);content:var(--tw-content)}.hover\:opacity-70:hover{opacity:.7}.hover\:before\:absolute:hover:before{content:var(--tw-content);position:absolute}.hover\:before\:top-\[25px\]:hover:before{content:var(--tw-content);top:25px}.hover\:before\:left-1\/2:hover:before{content:var(--tw-content);left:50%}.hover\:before\:hidden:hover:before{content:var(--tw-content);display:none}.hover\:before\:-translate-x-1\/2:hover:before{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:before\:content-triangle:hover:before{--tw-content:url(/images/triangle.svg);content:var(--tw-content)}.hover\:after\:absolute:hover:after{content:var(--tw-content);position:absolute}.hover\:after\:top-\[42px\]:hover:after{content:var(--tw-content);top:42px}.hover\:after\:left-1\/2:hover:after{content:var(--tw-content);left:50%}.hover\:after\:hidden:hover:after{content:var(--tw-content);display:none}.hover\:after\:w-\[117px\]:hover:after{content:var(--tw-content);width:117px}.hover\:after\:-translate-x-1\/2:hover:after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:after\:rounded-\[25px\]:hover:after{content:var(--tw-content);border-radius:25px}.hover\:after\:bg-greyt:hover:after{content:var(--tw-content);background-color:rgba(34,45,51,.5)}.hover\:after\:px-\[12px\]:hover:after{content:var(--tw-content);padding-left:12px;padding-right:12px}.hover\:after\:pt-\[9px\]:hover:after{content:var(--tw-content);padding-top:9px}.hover\:after\:pb-\[10px\]:hover:after{content:var(--tw-content);padding-bottom:10px}.hover\:after\:font-sans:hover:after{content:var(--tw-content);font-family:Source San Pro}.hover\:after\:text-\[11px\]:hover:after{content:var(--tw-content);font-size:11px}.hover\:after\:leading-\[14px\]:hover:after{content:var(--tw-content);line-height:14px}.hover\:after\:text-white:hover:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:after\:content-\[\"This_is_a_Demo_store\"\]:hover:after{--tw-content:"This is a Demo store";content:var(--tw-content)}.data-\[link\=active\]\:opacity-50[data-link=active]{opacity:.5}@media (min-width:768px){.md\:relative{position:relative}.md\:bottom-\[0\]{bottom:0}.md\:left-\[0\]{left:0}.md\:-right-\[44px\]{right:-44px}.md\:-top-\[38px\]{top:-38px}.md\:-left-\[10px\]{left:-10px}.md\:-top-\[100px\]{top:-100px}.md\:-left-\[80px\]{left:-80px}.md\:-top-\[25px\]{top:-25px}.md\:-right-\[66px\]{right:-66px}.md\:-left-\[40px\]{left:-40px}.md\:top-\[56px\]{top:56px}.md\:-right-\[25px\]{right:-25px}.md\:left-\[calc\(100vw_-_98vw\)\]{left:calc(100vw - 98vw)}.md\:top-\[195px\]{top:195px}.md\:top-\[10px\]{top:10px}.md\:-left-\[6\%\]{left:-6%}.md\:left-\[15\%\]{left:15%}.md\:top-\[98px\]{top:98px}.md\:-left-\[52px\]{left:-52px}.md\:top-\[462px\]{top:462px}.md\:top-\[88px\]{top:88px}.md\:right-\[17\%\]{right:17%}.md\:top-\[36px\]{top:36px}.md\:-right-\[6\%\]{right:-6%}.md\:top-\[150px\]{top:150px}.md\:-right-\[22px\]{right:-22px}.md\:top-\[404px\]{top:404px}.md\:-top-\[479px\]{top:-479px}.md\:top-\[51px\]{top:51px}.md\:-top-\[167px\]{top:-167px}.md\:left-\[85px\]{left:85px}.md\:left-0{left:0}.md\:order-\[0\]{order:0}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mx-\[12px\]{margin-left:12px;margin-right:12px}.md\:mt-\[120px\]{margin-top:120px}.md\:mb-\[37px\]{margin-bottom:37px}.md\:mt-\[10px\]{margin-top:10px}.md\:mt-\[50px\]{margin-top:50px}.md\:mb-0{margin-bottom:0}.md\:mt-\[15px\]{margin-top:15px}.md\:mb-\[124px\]{margin-bottom:124px}.md\:mb-\[33px\]{margin-bottom:33px}.md\:mb-\[61px\]{margin-bottom:61px}.md\:ml-\[150px\]{margin-left:150px}.md\:mr-\[178px\]{margin-right:178px}.md\:mt-\[90px\]{margin-top:90px}.md\:ml-0{margin-left:0}.md\:mt-0{margin-top:0}.md\:mb-\[34px\]{margin-bottom:34px}.md\:mt-\[115px\]{margin-top:115px}.md\:mb-\[130px\]{margin-bottom:130px}.md\:mb-\[73px\]{margin-bottom:73px}.md\:mb-\[68px\]{margin-bottom:68px}.md\:mb-\[137px\]{margin-bottom:137px}.md\:mb-\[36px\]{margin-bottom:36px}.md\:mb-\[24px\]{margin-bottom:24px}.md\:mt-\[17px\]{margin-top:17px}.md\:mb-\[16px\]{margin-bottom:16px}.md\:mb-\[18px\]{margin-bottom:18px}.md\:mt-\[36px\]{margin-top:36px}.md\:mr-\[12px\]{margin-right:12px}.md\:ml-\[138px\]{margin-left:138px}.md\:mr-0{margin-right:0}.md\:mb-\[0\]{margin-bottom:0}.md\:mb-\[132px\]{margin-bottom:132px}.md\:mt-\[0\]{margin-top:0}.md\:mb-\[50px\]{margin-bottom:50px}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:h-\[24px\]{height:24px}.md\:h-\[220px\]{height:220px}.md\:h-\[285px\]{height:285px}.md\:h-\[293px\]{height:293px}.md\:h-\[246px\]{height:246px}.md\:h-\[330px\]{height:330px}.md\:h-\[346px\]{height:346px}.md\:h-\[350px\]{height:350px}.md\:h-\[400px\]{height:400px}.md\:h-\[333px\]{height:333px}.md\:h-\[238px\]{height:238px}.md\:h-\[750px\]{height:750px}.md\:h-\[32px\]{height:32px}.md\:h-\[492px\]{height:492px}.md\:h-\[475px\]{height:475px}.md\:h-\[252px\]{height:252px}.md\:h-\[445px\]{height:445px}.md\:h-\[120px\]{height:120px}.md\:h-\[735px\]{height:735px}.md\:h-full{height:100%}.md\:max-h-\[185px\]{max-height:185px}.md\:max-h-\[492px\]{max-height:492px}.md\:w-\[90\%\]{width:90%}.md\:w-\[135px\]{width:135px}.md\:w-auto{width:auto}.md\:w-\[50\%\]{width:50%}.md\:w-\[138px\]{width:138px}.md\:w-\[221px\]{width:221px}.md\:w-full{width:100%}.md\:w-\[218px\]{width:218px}.md\:w-\[490px\]{width:490px}.md\:w-\[371px\]{width:371px}.md\:w-\[538px\]{width:538px}.md\:w-\[439px\]{width:439px}.md\:w-\[calc\(100vw_-_80vw\)\]{width:calc(100vw - 80vw)}.md\:w-\[calc\(100vw_-_85vw\)\]{width:calc(100vw - 85vw)}.md\:w-\[140px\]{width:140px}.md\:w-\[calc\(100vw_-_90vw\)\]{width:calc(100vw - 90vw)}.md\:w-\[240px\]{width:240px}.md\:w-\[239px\]{width:239px}.md\:w-\[calc\(100vw_-_82vw\)\]{width:calc(100vw - 82vw)}.md\:w-\[1440px\]{width:1440px}.md\:w-\[151px\]{width:151px}.md\:w-\[338px\]{width:338px}.md\:w-\[593px\]{width:593px}.md\:w-\[444px\]{width:444px}.md\:w-\[344px\]{width:344px}.md\:w-\[401px\]{width:401px}.md\:w-\[199px\]{width:199px}.md\:w-\[46px\]{width:46px}.md\:w-\[382px\]{width:382px}.md\:w-\[400px\]{width:400px}.md\:w-\[265px\]{width:265px}.md\:min-w-\[205px\]{min-width:205px}.md\:max-w-\[700px\]{max-width:700px}.md\:max-w-\[168px\]{max-width:168px}.md\:max-w-\[505px\]{max-width:505px}.md\:max-w-\[628px\]{max-width:628px}.md\:max-w-none{max-width:none}.md\:max-w-\[740px\]{max-width:740px}.md\:max-w-\[460px\]{max-width:460px}.md\:max-w-\[736px\]{max-width:736px}.md\:max-w-\[900px\]{max-width:900px}.md\:max-w-\[337px\]{max-width:337px}.md\:max-w-\[228px\]{max-width:228px}.md\:max-w-\[100px\]{max-width:100px}.md\:max-w-\[185px\]{max-width:185px}.md\:max-w-\[140px\]{max-width:140px}.md\:max-w-\[240px\]{max-width:240px}.md\:max-w-\[411px\]{max-width:411px}.md\:max-w-\[239px\]{max-width:239px}.md\:max-w-\[580px\]{max-width:580px}.md\:max-w-\[449px\]{max-width:449px}.md\:max-w-\[733px\]{max-width:733px}.md\:max-w-\[205px\]{max-width:205px}.md\:max-w-\[150px\]{max-width:150px}.md\:max-w-\[386px\]{max-width:386px}.md\:max-w-\[200px\]{max-width:200px}.md\:-translate-y-\[16px\]{--tw-translate-y:-16px}.md\:-translate-y-\[16px\],.md\:translate-y-\[0\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:translate-y-\[0\]{--tw-translate-y:0}.md\:translate-x-0{--tw-translate-x:0px}.md\:rotate-\[0\],.md\:translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:rotate-\[0\]{--tw-rotate:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[180px_280px_180px\]{grid-template-columns:180px 280px 180px}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-\[15px\]{gap:15px}.md\:gap-\[0\]{gap:0}.md\:gap-\[26px\]{gap:26px}.md\:gap-\[40px\]{gap:40px}.md\:gap-\[60px\]{gap:60px}.md\:gap-\[24px\]{gap:24px}.md\:gap-\[8px\]{gap:8px}.md\:gap-\[30px\]{gap:30px}.md\:overflow-visible{overflow:visible}.md\:rounded-\[18px\]{border-radius:18px}.md\:object-none{-o-object-fit:none;object-fit:none}.md\:py-0{padding-top:0;padding-bottom:0}.md\:px-\[30px\]{padding-left:30px;padding-right:30px}.md\:py-\[29px\]{padding-top:29px;padding-bottom:29px}.md\:px-\[21px\]{padding-left:21px;padding-right:21px}.md\:pb-\[50px\]{padding-bottom:50px}.md\:pl-\[0\]{padding-left:0}.md\:pb-\[43px\]{padding-bottom:43px}.md\:pt-\[52px\]{padding-top:52px}.md\:pb-\[24px\]{padding-bottom:24px}.md\:pt-\[36px\]{padding-top:36px}.md\:pt-\[80px\]{padding-top:80px}.md\:pb-\[145px\]{padding-bottom:145px}.md\:pb-\[120px\]{padding-bottom:120px}.md\:pb-\[21px\]{padding-bottom:21px}.md\:pb-\[52px\]{padding-bottom:52px}.md\:pt-\[31px\]{padding-top:31px}.md\:pb-\[12px\]{padding-bottom:12px}.md\:pb-\[54px\]{padding-bottom:54px}.md\:pb-\[29px\]{padding-bottom:29px}.md\:pb-\[13px\]{padding-bottom:13px}.md\:pl-\[38px\]{padding-left:38px}.md\:pr-\[26px\]{padding-right:26px}.md\:pt-\[53px\]{padding-top:53px}.md\:pb-\[75px\]{padding-bottom:75px}.md\:pt-\[21px\]{padding-top:21px}.md\:pt-\[50px\]{padding-top:50px}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-\[42px\]{font-size:42px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[24px\]{font-size:24px}.md\:text-\[14px\]{font-size:14px}.md\:text-\[16px\]{font-size:16px}.md\:text-\[38px\]{font-size:38px}.md\:leading-\[48px\]{line-height:48px}.md\:leading-\[27px\]{line-height:27px}.md\:leading-\[42px\]{line-height:42px}.md\:leading-\[50px\]{line-height:50px}.md\:leading-\[30px\]{line-height:30px}.md\:leading-\[20px\]{line-height:20px}.md\:leading-\[32px\]{line-height:32px}.md\:after\:absolute:after{content:var(--tw-content);position:absolute}.md\:after\:-right-\[15px\]:after{content:var(--tw-content);right:-15px}.md\:after\:-right-\[7\%\]:after{content:var(--tw-content);right:-7%}.md\:after\:h-\[140px\]:after{content:var(--tw-content);height:140px}.md\:after\:w-\[1px\]:after{content:var(--tw-content);width:1px}.md\:after\:bg-darked:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(34 45 51/var(--tw-bg-opacity))}.md\:after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.md\:after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}.md\:first\:ml-0:first-child{margin-left:0}.md\:hover\:opacity-70:hover{opacity:.7}.md\:hover\:before\:absolute:hover:before{content:var(--tw-content);position:absolute}.md\:hover\:before\:top-\[2px\]:hover:before{content:var(--tw-content);top:2px}.md\:hover\:before\:-left-\[23px\]:hover:before{content:var(--tw-content);left:-23px}.md\:hover\:before\:block:hover:before{content:var(--tw-content);display:block}.md\:hover\:before\:-translate-x-1\/2:hover:before{--tw-translate-x:-50%}.md\:hover\:before\:-translate-x-1\/2:hover:before,.md\:hover\:before\:rotate-90:hover:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:hover\:before\:rotate-90:hover:before{--tw-rotate:90deg}.md\:hover\:before\:content-triangle:hover:before{--tw-content:url(/images/triangle.svg);content:var(--tw-content)}.md\:hover\:after\:absolute:hover:after{content:var(--tw-content);position:absolute}.md\:hover\:after\:-left-\[145px\]:hover:after{content:var(--tw-content);left:-145px}.md\:hover\:after\:top-1\/2:hover:after{content:var(--tw-content);top:50%}.md\:hover\:after\:block:hover:after{content:var(--tw-content);display:block}.md\:hover\:after\:w-\[117px\]:hover:after{content:var(--tw-content);width:117px}.md\:hover\:after\:-translate-y-1\/2:hover:after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:hover\:after\:rounded-\[25px\]:hover:after{content:var(--tw-content);border-radius:25px}.md\:hover\:after\:bg-greyt:hover:after{content:var(--tw-content);background-color:rgba(34,45,51,.5)}.md\:hover\:after\:px-\[12px\]:hover:after{content:var(--tw-content);padding-left:12px;padding-right:12px}.md\:hover\:after\:pt-\[9px\]:hover:after{content:var(--tw-content);padding-top:9px}.md\:hover\:after\:pb-\[10px\]:hover:after{content:var(--tw-content);padding-bottom:10px}.md\:hover\:after\:font-sans:hover:after{content:var(--tw-content);font-family:Source San Pro}.md\:hover\:after\:text-\[11px\]:hover:after{content:var(--tw-content);font-size:11px}.md\:hover\:after\:leading-\[14px\]:hover:after{content:var(--tw-content);line-height:14px}.md\:hover\:after\:text-white:hover:after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.md\:hover\:after\:content-\[\"This_is_a_Demo_store\"\]:hover:after{--tw-content:"This is a Demo store";content:var(--tw-content)}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:left-0{left:0}.lg\:left-\[107px\]{left:107px}.lg\:top-\[40px\]{top:40px}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mb-\[38px\]{margin-bottom:38px}.lg\:mt-\[293px\]{margin-top:293px}.lg\:ml-0{margin-left:0}.lg\:mr-0{margin-right:0}.lg\:flex{display:flex}.lg\:h-\[492px\]{height:492px}.lg\:h-\[550px\]{height:550px}.lg\:h-\[383px\]{height:383px}.lg\:h-\[603px\]{height:603px}.lg\:h-\[606px\]{height:606px}.lg\:h-\[190px\]{height:190px}.lg\:w-\[733px\]{width:733px}.lg\:w-\[446px\]{width:446px}.lg\:w-\[487px\]{width:487px}.lg\:w-\[84px\]{width:84px}.lg\:w-\[520px\]{width:520px}.lg\:w-\[633px\]{width:633px}.lg\:w-\[420px\]{width:420px}.lg\:w-\[60\%\]{width:60%}.lg\:min-w-\[168px\]{min-width:168px}.lg\:max-w-\[1060px\]{max-width:1060px}.lg\:max-w-none{max-width:none}.lg\:max-w-\[1062px\]{max-width:1062px}.lg\:max-w-\[840px\]{max-width:840px}.lg\:max-w-\[1440px\]{max-width:1440px}.lg\:max-w-\[154px\]{max-width:154px}.lg\:max-w-\[1072px\]{max-width:1072px}.lg\:max-w-\[250px\]{max-width:250px}.lg\:max-w-\[263px\]{max-width:263px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[250px_420px_263px\]{grid-template-columns:250px 420px 263px}.lg\:flex-row{flex-direction:row}.lg\:gap-\[37px\]{gap:37px}.lg\:gap-\[107px\]{gap:107px}.lg\:gap-\[80px\]{gap:80px}.lg\:gap-\[60px\]{gap:60px}.lg\:gap-\[85px\]{gap:85px}.lg\:gap-\[24px\]{gap:24px}.lg\:gap-\[68px\]{gap:68px}.lg\:px-\[60px\]{padding-left:60px;padding-right:60px}.lg\:px-\[36px\]{padding-left:36px;padding-right:36px}.lg\:text-left{text-align:left}.lg\:after\:-right-\[48px\]:after{content:var(--tw-content);right:-48px}}@media (min-width:1280px){.xl\:left-\[57px\]{left:57px}.xl\:top-\[128px\]{top:128px}.xl\:w-full{width:100%}.xl\:w-\[calc\(100vw_-_70vw\)\]{width:calc(100vw - 70vw)}}