*,
::after,
::before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: 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: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style: ;
}

html {
	-moz-tab-size: 4;
	tab-size: 4
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

body {
	font-family: "Open Sans", sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
}

hr {
	height: 0;
	color: inherit
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, 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
}
 

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

:-moz-focusring {
	outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
	box-shadow: none;
}

legend {
	padding: 0;
}

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;
}

.navbar-collapse.page-scroll {
	font: 400 1rem/1.625rem "Open Sans", sans-serif;
}

body,
p {
	color: #6b747b;
	font: 400 1rem/1.625rem "Open Sans", sans-serif;
}


/*
dd,dl,h1,h2,h3,h4,h5,h6,hr,pre {
	margin: 0
}

h1 {
	color: #252c38;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 3.125rem;
	letter-spacing: -0.5px;
}
h2 {
	color: #252c38;
	font-weight: 700;
	font-size: 2.125rem;
	line-height: 2.625rem;
	letter-spacing: -0.4px;
}
h3 {
	color: #252c38;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 2.25rem;
	letter-spacing: -0.3px;
}

h4 {
	color: #252c38;
	font-weight: 700;
	font-size: 1.0rem;
	line-height: 2rem;
	letter-spacing: -0.2px;
}

h5 {
	color: #252c38;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.625rem;
}

h6 {
	color: #252c38;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.375rem;
}
*/

 
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

fieldset {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

html {
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	line-height: 1.5
}

body {
	font-family: inherit;
	line-height: inherit
}

*,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: 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: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::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-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: 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: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}


*,
::after,
::before {
	box-sizing: border-box;
	border: 0 solid #e5e7eb;
}

hr {
	border-top-width: 1px
}

textarea {
	resize: vertical
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

[role=button],
button {
	cursor: pointer
}

:-moz-focusring {
	outline: auto
}

table {
	border-collapse: collapse
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

button,
input,
optgroup,
select,
textarea {
	padding: 0;
	line-height: inherit;
	color: inherit
}

code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

[hidden] {
	display: none
}


.container {
	width: 100%
}


.flex {
	display: flex
}

.flex-wrap {
	flex-wrap: wrap
}

.rounded-2xl {
	border-radius: 1rem;
}


.aspect-\[600\/340\] {
	aspect-ratio: 600/340;
}
 

.w-\[70px\] {
	width: 70px;
}

.h-\[70px\] {
	height: 70px;
}

.justify-between {
	justify-content: space-between
}

.inline-block {
	display: inline-block
}

 
.whitespace-nowrap {
	white-space: nowrap
}



.w-8 {
	width: 2rem
}

.h-8 {
	height: 2rem
}

.align-middle {
	vertical-align: middle
}

.pl-0 {
	padding-left: 0
}

.mt-3 {
	margin-top: .75rem
}

.ml-auto {
	margin-left: auto
}

.flex-col {
	flex-direction: column
}

.list-none {
	list-style-type: none
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.no-underline {
	text-decoration: none
}

.text-indigo-600 {
	--tw-text-opacity: 1;
	color: rgba(79, 70, 229, var(--tw-text-opacity))
}
 

.duration-200 {
	transition-duration: .2s
}

.py-28 {
	padding-top: 7rem;
	padding-bottom: 7rem
}

.text-center {
	text-align: center
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.mb-16 {
	margin-bottom: 4rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-8 {
	margin-bottom: 2rem
}

.inline {
	display: inline
}
 

.pb-14 {
	padding-bottom: 3.5rem
}

.text-gray-800 {
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.leading-10 {
	line-height: 2.5rem
}

.pt-12 {
	padding-top: 3rem
}

.pb-16 {
	padding-bottom: 4rem
}
 

.py-24 {
	padding-top: 6rem;
	padding-bottom: 6rem
}

.mb-12 {
	margin-bottom: 3rem
}
 

.pb-2 {
	padding-bottom: .5rem
}


.w-32 {
	width: 8rem
}

.inline-flex {
	display: inline-flex
}

.rounded-md {
	border-radius: .375rem
}

.w-\[58px\] {
	width: 58px;
}

.h-\[58px\] {
	height: 58px;
}

.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}


.-mr-1 {
	margin-right: -.25rem
}

.ml-2 {
	margin-left: .5rem
}

.h-5 {
	height: 1.25rem
}

.w-5 {
	width: 1.25rem
}

.origin-top-right {
	transform-origin: top right
}


.bottom-8 {
	bottom: 2rem
}

.mt-2 {
	margin-top: .5rem
}


.ring-1 {
	--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(1px + 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)
}

.ring-black {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.ring-opacity-5 {
	--tw-ring-opacity: 0.05
}

.text-gray-700 {
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.mt-1 {
	margin-top: .25rem
}


.flex-1 {
	flex: 1 1 0%
}

.pb-px {
	padding-bottom: 1px
}
  

.place-items-center {
	place-items: center
}

.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.object-cover {
	object-fit: cover
}

.h-128 {
	height: 32rem
}

.h-64 {
	height: 16rem
}

.ml-3 {
	margin-left: .75rem
}

.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.table-auto {
	table-layout: auto
}

.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

.bg-gray-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.text-gray-600 {
	--tw-text-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-text-opacity))
}

.uppercase {
	text-transform: uppercase
}

.leading-normal {
	line-height: 1.5
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.font-light {
	font-weight: 300
}

.border-b {
	border-bottom-width: 1px
}

.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.col-span-12 {
	grid-column: span 12/span 12
}

.p-6 {
	padding: 1.5rem
}

.p-2 {
	padding: 0.5rem
}

.p-4 {
	padding: 1.0rem
}

.max-w-6xl {
	max-width: 72rem
}


.max-w-sm {
	max-width: 24rem
}

.gap-3 {
	gap: .75rem
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.font-semibold {
	font-weight: 600
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.pt-6 {
	padding-top: 1.5rem
}

.bg-purple-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
}

.underline {
	text-decoration: underline
}

.mb-1\.5 {
	margin-bottom: .375rem
}

.mr-1\.5 {
	margin-right: .375rem
}

.py-0\.5 {
	padding-top: .125rem;
	padding-bottom: .125rem
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.py-bottom-28rem {
	padding-top: 18rem;
	padding-bottom: 36rem
}

.no-underline {
	text-decoration: none
}

.group:hover .group-hover\:underline {
	text-decoration: underline
}

.group:hover .group-hover\:line-through {
	text-decoration: line-through
}

.group:hover .group-hover\:no-underline {
	text-decoration: none
}

.focus-within\:underline:focus-within {
	text-decoration: underline
}

.focus-within\:line-through:focus-within {
	text-decoration: line-through
}

.focus-within\:no-underline:focus-within {
	text-decoration: none
}

.hover\:no-underline:hover {
	text-decoration: none
}

.focus\:underline:focus {
	text-decoration: underline
}

.focus\:line-through:focus {
	text-decoration: line-through
}

.focus\:no-underline:focus {
	text-decoration: none
}

.divide-opacity-50>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 0.5;
}

.divide-gray-700>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgba(55, 65, 81, var(--tw-divide-opacity))
}

.divide-dashed>:not([hidden])~:not([hidden]) {
	border-style: dashed
}

.divide-y>:not([hidden])~:not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

*,
::after,
::before {
	--tw-ring-inset: var(--tw-empty, );
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000
}

.container {
	width: 100%
}

.items-center {
	align-items: center
}

.justify-between {
	justify-content: space-between
}

.inline-block {
	display: inline-block
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.whitespace-nowrap {
	white-space: nowrap
}

.rounded {
	border-radius: .25rem
}

.leading-none {
	line-height: 1
}

.w-8 {
	width: 2rem
}

.align-middle {
	vertical-align: middle
}

.pl-0 {
	padding-left: 0
}

.mt-3 {
	margin-top: .75rem
}

.mb-2 {
	margin-bottom: .5rem
}

.ml-auto {
	margin-left: auto
}

.flex-col {
	flex-direction: column
}

.list-none {
	list-style-type: none
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.pt-12 {
	padding-top: 3rem
}

.pb-16 {
	padding-bottom: 4rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

.inline {
	display: inline
}

.pt-6 {
	padding-top: 1.5rem
}

.pb-12 {
	padding-bottom: 3rem
}

.flex-1 {
	flex: 1 1 0%
}

.ml-2 {
	margin-left: .5rem
}

.pb-px {
	padding-bottom: 1px
}

.grid {
	display: grid
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.transform {
	--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;
	transform: translateX(var(--tw-translate-x)) translateY(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))
}

.object-cover {
	object-fit: cover
}

.w-full {
	width: 100%
}

.mb-4 {
	margin-bottom: 1rem
}
 

.flex-row {
	flex-direction: row
}

.inline-flex {
	display: inline-flex
}

.max-w-full {
	max-width: 100%
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-gray-800 {
	--tw-text-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-text-opacity))
}

.max-w-max {
	max-width: max-content
}

.pb-6 {
	padding-bottom: 1.5rem
}

.ml-10 {
	margin-left: 2.5rem
}

.border-b {
	border-bottom-width: 1px
}

.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
}

.drop-shadow-\[0px_-8px_80px_rgba\(113\2c 116\2c 152\2c 0\.10\)\] {
	--tw-drop-shadow: drop-shadow(0px -8px 80px rgba(113, 116, 152, .1));
}

.blur-\[50px\],
.drop-shadow-\[0px_-8px_80px_rgba\(113\2c 116\2c 152\2c 0\.10\)\] {
	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);
}

.text-gray-300 {
	--tw-text-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-text-opacity))
}

.text-left {
	text-align: left
}

.mr-6 {
	margin-right: 1.5rem
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.bg-primary {
	--tw-bg-opacity: 1;
	background-color: rgb(55 88 249/var(--tw-bg-opacity, 1));
}

.rounded-\[9px\] {
	border-radius: 9px;
}

.text-red-600 {
	--tw-text-opacity: 1;
	color: rgba(220, 38, 38, var(--tw-text-opacity))
}

.font-medium {
	font-weight: 500
}


.font-light {
	font-weight: 300
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.relative {
	position: relative
}

.overflow-x-auto {
	overflow-x: auto
}

.shadow-md {
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-text-opacity))
}


.uppercase {
	text-transform: uppercase
}

.leading-normal {
	line-height: 1.5
}

.bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.text-gray-900 {
	--tw-text-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-text-opacity))
}

.mr-0 {
	margin-right: 0
}

.text-indigo-600 {
	--tw-text-opacity: 1;
	color: rgba(79, 70, 229, var(--tw-text-opacity))
}

.pb-2 {
	padding-bottom: .5rem
}

.no-underline {
	text-decoration: none
}


.w-32 {
	width: 8rem
}

.justify-center {
	justify-content: center
}

.rounded-md {
	border-radius: .375rem
}

.border {
	border-width: 1px
}

.border-gray-300 {
	--tw-border-opacity: 1;
	border-color: rgba(209, 213, 219, var(--tw-border-opacity))
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.-mr-1 {
	margin-right: -.25rem
}

.h-5 {
	height: 1.25rem
}

.w-5 {
	width: 1.25rem
}

.origin-top-right {
	transform-origin: top right
}

.absolute {
	position: absolute
}

.-bottom-3 {
	bottom: -.75rem;
}

.bottom-8 {
	bottom: 2rem
}

.mt-2 {
	margin-top: .5rem
}

.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-input,
.shadow-lg {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ring-1 {
	--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(1px + 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)
}

.ring-black {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.ring-opacity-5 {
	--tw-ring-opacity: 0.05
}

.text-gray-700 {
	--tw-text-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.block {
	display: block
}

.mt-1 {
	margin-top: .25rem
}

.mb-1 {
	margin-bottom: .25rem
}

.pt-4 {
	padding-top: 1rem
}

.mb-12 {
	margin-bottom: 3rem
}


.place-items-center {
	place-items: center
}

.ml-3 {
	margin-left: .75rem
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.mt-4 {
	margin-top: 1rem
}

.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.justify-items-center {
	justify-items: center
}

.mt-0 {
	margin-top: 0;
}



.hover\:bg-blue-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.scale-95 {
	--tw-scale-x: .95;
	--tw-scale-y: .95
}

.hover\:scale-95:hover {
	--tw-scale-x: .95;
	--tw-scale-y: .95
}

.duration-700 {
	transition-duration: .7s;
}

.duration-500 {
	transition-duration: .5s;
}

.hover\:scale-110:hover {
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1
}

.hover\:scale-105:hover {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05
}

.mb-20 {
	margin-bottom: 5rem
}

.hover\:text-blue-120:hover {
	color: rgb(40 122 255)
}

.hover\:bg-indigo-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
}

.pt-20 {
	padding-top: 5rem
}

.pb-4 {
	padding-bottom: 1rem
}

.border-b {
	border-bottom-width: 1px;
}

.border-t {
	border-top-width: 1px;
}

.border-gray-400 {
	--tw-border-opacity: 1;
	border-color: rgba(163, 163, 163, var(--tw-border-opacity));
}


.fa,
.fab,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fa-lg {
	font-size: 1.33333em;
	line-height: .75em;
	vertical-align: -.0667em
}

.fa-sm {
	font-size: .875em
}

.fa-1x {
	font-size: 1em
}

.fa-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-6x {
	font-size: 6em
}

.fa-7x {
	font-size: 7em
}

.fa-8x {
	font-size: 8em
}

.fa-9x {
	font-size: 9em
}

.fa-10x {
	font-size: 10em
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}

.fa-ul>li {
	position: relative
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%
}

.fa-stack-1x {
	line-height: inherit
}

.fa-stack-2x {
	font-size: 2em
}

.fa-500px:before {
	content: "\f26e"
}

.fa-address-card:before {
	content: "\f2bb"
}

.fa-align-center:before {
	content: "\f037"
}

.fa-align-justify:before {
	content: "\f039"
}

.fa-align-left:before {
	content: "\f036"
}

.fa-align-right:before {
	content: "\f038"
}

.fa-android:before {
	content: "\f17b"
}

.fa-apple:before {
	content: "\f179"
}

.fa-apple-alt:before {
	content: "\f5d1"
}

.fa-chevron-circle-left:before {
	content: "\f137"
}

.fa-chevron-circle-right:before {
	content: "\f138"
}

.fa-chevron-left:before {
	content: "\f053"
}

.fa-chevron-right:before {
	content: "\f054"
}

.fa-circle:before {
	content: "\f111"
}

.fa-copyright:before {
	content: "\f1f9"
}

.fa-css3:before {
	content: "\f13c"
}

.fa-css3-alt:before {
	content: "\f38b"
}

.fa-edge:before {
	content: "\f282"
}

.fa-facebook:before {
	content: "\f09a"
}

.fa-facebook-f:before {
	content: "\f39e"
}

.fa-google:before {
	content: "\f1a0"
}

.fa-google-play:before {
	content: "\f3ab"
}

.fa-home:before {
	content: "\f015"
}

.fa-html5:before {
	content: "\f13b"
}

.fa-id-card:before {
	content: "\f2c2"
}

.fa-id-card-alt:before {
	content: "\f47f"
}

.fa-image:before {
	content: "\f03e"
}

.fa-images:before {
	content: "\f302"
}

.fa-info:before {
	content: "\f129"
}

.fa-info-circle:before {
	content: "\f05a"
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-js:before {
	content: "\f3b8"
}

.fa-link:before {
	content: "\f0c1"
}

.fa-list:before {
	content: "\f03a"
}

.fa-list-alt:before {
	content: "\f022"
}

.fa-list-ul:before {
	content: "\f0ca"
}

.fa-page4:before {
	content: "\f3d7"
}

.fa-pinterest:before {
	content: "\f0d2"
}

.fa-pinterest-p:before {
	content: "\f231"
}

.fa-play:before {
	content: "\f04b"
}

.fa-play-circle:before {
	content: "\f144"
}

.fa-qq:before {
	content: "\f1d6"
}

.fa-scroll:before {
	content: "\f70e"
}

.fa-temperature-high:before {
	content: "\f769"
}

.fa-temperature-low:before {
	content: "\f76b"
}

.fa-text-height:before {
	content: "\f034"
}

.fa-text-width:before {
	content: "\f035"
}

.fa-toggle-on:before {
	content: "\f205"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-underline:before {
	content: "\f0cd"
}

.fa-youtube:before {
	content: "\f167"
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.fa,
.fas {
	/* font-family: 'Font Awesome 5 Free'; */
	font-weight: 900;
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-prev {
	background-image: url(data:image/svg+xml;
 charset=utf-8;
	base64,
	PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDA3YWZmJy8+PC9zdmc+);
	left: 10px;
	right: auto
}

.swiper-button-next {
	background-image: url(data:image/svg+xml;
 charset=utf-8;
	base64,
	PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDdhZmYnLz48L3N2Zz4=);
	right: 10px;
	left: auto
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}



.h1-large {
	font-size: 2.875rem;
	line-height: 3.5rem;
}

.p-large {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.p-small {
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.bg-gray {
	background-color: #f1f9fc;
}


.btn-solid-reg {
	display: inline-block;
	padding: 1.375rem 2.25rem 1.375rem 2.25rem;
	border: 1px solid #594cda;
	border-radius: 32px;
	background-color: #594cda;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	border: 1px solid #594cda;
	background-color: transparent;
	color: #594cda;
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.625rem 2.75rem 1.625rem 2.75rem;
	border: 1px solid #594cda;
	border-radius: 32px;
	background-color: #594cda;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
	margin-right: 0.25rem;
	margin-bottom: 1.25rem;
	margin-left: 0.25rem;
}

.btn-solid-lg:hover {
	border: 1px solid #594cda;
	background-color: transparent;
	color: #594cda;
	text-decoration: none;
}

.btn-solid-lg .fab {
	margin-right: 0.5rem;
	font-size: 1.25rem;
	line-height: 0;
	vertical-align: top;
}

.btn-solid-lg .fab.fa-google-play {
	font-size: 1rem;
}

.btn-solid-lg.secondary {
	border: 1px solid #eb427e;
	background-color: #eb427e;
}

.btn-solid-lg.secondary:hover {
	border: 1px solid #eb427e;
	background: transparent;
	color: #eb427e;
}

.btn-outline-reg {
	display: inline-block;
	padding: 1.375rem 2.25rem 1.375rem 2.25rem;
	border: 1px solid #252c38;
	border-radius: 32px;
	background-color: transparent;
	color: #252c38;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	background-color: #252c38;
	color: #ffffff;
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.625rem 2.75rem 1.625rem 2.75rem;
	border: 1px solid #252c38;
	border-radius: 32px;
	background-color: transparent;
	color: #252c38;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	background-color: #252c38;
	color: #ffffff;
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.5rem 1rem 1.5rem;
	border: 1px solid #252c38;
	border-radius: 32px;
	background-color: transparent;
	color: #252c38;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	background-color: #252c38;
	color: #ffffff;
	text-decoration: none;
}

.list .fas {
	color: #594cda;
	font-size: 0.75rem;
	line-height: 1.625rem;
}

.list div {
	flex: 1 1 0%;
	margin-left: 0.375rem;
}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.label-control {
	position: absolute;
	top: 0.875rem;
	left: 1.875rem;
	color: #7d838a;
	opacity: 1;
	font-size: 0.875rem;
	line-height: 1.5rem;
	cursor: text;
	transition: all 0.2s ease;
}

.form-control-input:focus+.label-control,
.form-control-input.notEmpty+.label-control,
.form-control-textarea:focus+.label-control,
.form-control-textarea.notEmpty+.label-control {
	top: 0.125rem;
	color: #6b747b;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}

.form-control-input,
.form-control-select {
	display: block;
	width: 100%;
	padding-top: 1.125rem;
	padding-bottom: 0.125rem;
	padding-left: 1.8125rem;
	border: 1px solid #d0d5e2;
	border-radius: 25px;
	background-color: #ffffff;
	color: #6b747b;
	font-size: 0.875rem;
	line-height: 1.875rem;
	transition: all 0.2s;
	-webkit-appearance: none;
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3.25rem;
	color: #7d838a;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url("https://www.backlack.com/images/down-arrow.png");
	background-position: 96% 50%;
	background-repeat: no-repeat;
	outline: none;
}

.form-control-textarea {
	display: block;
	width: 100%;
	height: 14rem;
	padding-top: 1.5rem;
	padding-left: 1.3125rem;
	border: 1px solid #d0d5e2;
	border-radius: 4px;
	background-color: #ffffff;
	color: #6b747b;
	font-size: 0.875rem;
	line-height: 1.5rem;
	transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid #a1a1a1;
	outline: none;
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid #a1a1a1;
}

.checkbox {
	font-size: 0.75rem;
	line-height: 1.25rem;
}

input[type="checkbox"] {
	vertical-align: -10%;
	margin-right: 0.5rem;
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.25rem;
	border: 1px solid #594cda;
	border-radius: 32px;
	background-color: #594cda;
	color: #252c38;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	cursor: pointer;
	transition: all 0.2s;
}

.form-control-submit-button:hover {
	border: 1px solid #252c38;
	background-color: transparent;
	color: #252c38;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
	transform: translateY(0) perspective(37.5rem) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

.navbar {
	position: relative;
	background-color: #f1f9fc;
	padding: 0.5rem 1rem;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 0.75rem;
	transition: all 0.2s ease;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.navbar-toggler-icon {
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.navbar-collapse {
	flex-basis: 100%;
}

.offcanvas-collapse {
	position: fixed;
	top: 3.25rem;
	bottom: 0;
	left: 100%;
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	visibility: hidden;
	background-color: #f1f9fc;
	transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.offcanvas-collapse.open {
	visibility: visible;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.nav-link {
	display: block;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	color: #6b747b;
	text-decoration: none;
	line-height: 0.875rem;
	transition: all 0.2s ease;
}

.dropdown-toggle {
	white-space: nowrap;
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
	margin-left: 0;
}

.dropdown.show>a,
.nav-link:hover,
.nav-link.active {
	color: #ff6e84;
	text-decoration: none;
}

.dropdown-menu {
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.5rem 0;
	font-size: 1rem;
	color: #212529;
	list-style: none;
	background-color: #f1f9fc;
	background-clip: padding-box;
	border-radius: 0.25rem;
	animation: fadeDropdown 0.2s;
}

@keyframes fadeDropdown {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.dropdown-menu.show {
	display: block;
	top: 90%;
	left: auto;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.5rem 1.5rem;
	clear: both;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	color: #6b747b;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0.875rem;
	text-decoration: none;
}

.dropdown-item:hover,
.dropdown-item:focus {
	text-decoration: none;
	background-color: #f1f9fc;
	color: #ff6e84;
}

.dropdown-divider {
	overflow: hidden;
	width: 100%;
	height: 1px;
	margin: 0.5rem auto 0.5rem auto;
	background-color: #d4dce2;
}

.header {
	background: linear-gradient(rgba(197, 234, 249, 1), rgba(255, 255, 255, 1));
}

.cards-1 {
	padding-top: 4rem;
	padding-bottom: 1.5rem;
	text-align: center;
}

.cards-1 .card {
	margin-bottom: 3.5rem;
	padding: 3.125rem 1rem 2.125rem 1rem;
	border: none;
	border-radius: 16px;
	background-color: #f1f9fc;
}

.cards-1 .card-image {
	margin-bottom: 1.5rem;
}

.cards-1 .card-image img {
	width: 70px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
}

.cards-1 .card-body {
	padding: 0;
}

.cards-1 .card-title {
	margin-bottom: 0.375rem;
}

.lightbox-basic {
	position: relative;
	max-width: 1150px;
	margin: 2.5rem auto;
	padding: 3rem 1rem;
	background-color: #ffffff;
	text-align: left;
}

.lightbox-basic .btn-solid-reg.mfp-close {
	position: relative;
	width: auto;
	height: auto;
	color: #ffffff;
	opacity: 1;
	font-weight: 600;
	font-family: "Open Sans";
}

.lightbox-basic .btn-solid-reg.mfp-close:hover {
	color: #594cda;
}

.lightbox-basic .btn-outline-reg.mfp-close.as-button {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	padding: 1.375rem 2.25rem 1.375rem 2.25rem;
	border: 1px solid #252c38;
	background-color: transparent;
	color: #252c38;
	opacity: 1;
	font-family: "Open Sans";
}

.lightbox-basic .btn-outline-reg.mfp-close.as-button:hover {
	background-color: #252c38;
	color: #ffffff;
}

.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 44px;
	height: 44px;
	color: #555555;
}

.counter {
	padding-top: 2rem;
	padding-bottom: 4.5rem;
	text-align: center;
}

.counter #counter {
	margin-bottom: 0.75rem;
}

.counter #counter .cell {
	display: inline-block;
	width: 120px;
	margin-right: 1.75rem;
	margin-bottom: 3.5rem;
	margin-left: 1.75rem;
	vertical-align: top;
}

.counter #counter .counter-value {
	color: #252c38;
	font-weight: 700;
	font-size: 3.25rem;
	line-height: 3.75rem;
	vertical-align: middle;
}

.counter #counter .counter-info {
	margin-bottom: 0;
	font-size: 0.875rem;
	vertical-align: middle;
}

.counter #counter .cell .cube {
	margin-right: 0.375rem;
	color: #252c38;
	font-size: 2rem;
	vertical-align: 80%;
}

.slider-1 .slider-container,
.slider-2 .slider-container {
	position: relative;
}

.slider-1 .swiper-container,
.slider-2 .swiper-container {
	position: static;
	width: 86%;
	text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus,
.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
	outline: none;
}

.slider-1 .swiper-button-prev,
.slider-2 .swiper-button-prev {
	left: -14px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");
	background-size: 18px 28px;
}

.slider-1 .swiper-button-next,
.slider-2 .swiper-button-next {
	right: -14px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");
	background-size: 18px 28px;
}

.slider-1 .card,
.slider-2 .card {
	position: relative;
	border: none;
	background-color: transparent;
}

.slider-1 .testimonial-author,
.slider-2 .testimonial-author {
	margin-bottom: 0;
	color: #252c38;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5rem;
}

.slider-1 .card-image {
	width: 260px;
	height: 113px;
	margin-right: auto;
	margin-bottom: 1.25rem;
	margin-left: auto;
	border-radius: 50%;
}

.slider-2 .card-image {
	width: 260px;
	height: 173px;
	margin-right: auto;
	margin-bottom: 1.25rem;
	margin-left: auto;
}

.cards-2 {
	position: relative;
	padding-top: 8rem;
	background: linear-gradient(rgba(50, 60, 70, 0.9), rgba(50, 60, 70, 0.9)), url("https://www.backlack.com/images/pricing-background.webp") center center no-repeat;
	background-size: cover;
	text-align: center;
}

.cards-2 .card {
	position: relative;
	display: block;
	background-color: #ffffff;
	max-width: 330px;
	margin-right: auto;
	margin-bottom: 6rem;
	margin-left: auto;
	border: 1px solid #bcc4ca;
	border-radius: 8px;
}

.cards-2 .card .card-body {
	padding: 3rem 1.75rem 2.25rem 1.75rem;
}

.cards-2 .card .card-title {
	margin-bottom: 1rem;
	color: #eb427e;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.875rem;
	text-align: center;
}

.cards-2 .card p {
	margin-bottom: 1.25rem;
	text-align: left;
}

.cards-2 .card .value {
	color: #252c38;
	font-weight: 600;
	font-size: 5rem;
	line-height: 5rem;
	text-align: center;
}

.cards-2 .card .currency {
	margin-right: 0.375rem;
	color: #252c38;
	font-size: 2rem;
	vertical-align: 80%;
}

.cards-2 .card .frequency {
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
	text-align: center;
}

.cards-2 .card .button-wrapper {
	position: absolute;
	right: 0;
	bottom: -1.5rem;
	left: 0;
	text-align: center;
}

.cards-2 .card .btn-solid-reg:hover {
	background-color: #ffffff;
}

.cards-P,
.cards-e {
	position: relative;
	padding-top: 2rem;
	background-size: cover;
}

.cards-P .card,
.cards-e .card {
	position: relative;
	display: block;
	background-color: #ffffff;
	max-width: 330px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
}

.cards-e .card {
	margin-bottom: 1.0rem;
}

.cards-P .card {
	margin-bottom: 2rem;
	border: 1px solid #bcc4ca;
}

.cards-P .card .card-body {
	padding: 1rem 1.75rem 1rem 1.75rem;
}

.cards-e .card .card-body {
	padding: 0.1rem 0.5rem 0.1rem 0.5rem;
}

.cards-e .card p {
	text-align: center;
}

.cards-e .card img {
	display: block;
	margin: auto;
}

.cards-e .card:hover {
	background-color: #c8d1da;
}

.cards-P .card .card-title {
	margin-bottom: 1rem;
	color: #eb427e;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.875rem;
	text-align: center;
}

.cards-P .card p {
	margin-bottom: 1.25rem;
	text-align: left;
}

.cards-P .card .value {
	color: #252c38;
	font-weight: 600;
	font-size: 5rem;
	line-height: 5rem;
	text-align: center;
}

.cards-P .card .currency {
	margin-right: 0.375rem;
	color: #252c38;
	font-size: 2rem;
	vertical-align: 80%;
}

.cards-P .card .frequency {
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
	text-align: center;
}

.cards-P .card .button-wrapper {
	position: absolute;
	right: 0;
	bottom: -1.5rem;
	left: 0;
	text-align: center;
}

.cards-P .card .btn-solid-reg:hover {
	background-color: #ffffff;
}

.cards-P .card:hover {
	background-color: #c8d1da;
}

.cards-2 .card .label {
	position: absolute;
	top: 0;
	right: 0;
	width: 10.625rem;
	height: 10.625rem;
	overflow: hidden;
}

.cards-2 .card .label .best-value {
	position: relative;
	width: 13.75rem;
	padding: 0.3125rem 0 0.3125rem 4.125rem;
	background-color: #eb427e;
	color: #ffffff;
	-webkit-transform: rotate(45deg) translate3d(0, 0, 0);
	-ms-transform: rotate(45deg) translate3d(0, 0, 0);
	transform: rotate(45deg) translate3d(0, 0, 0);
}

.cards-P .card .label {
	position: absolute;
	top: 0;
	right: 0;
	width: 10.625rem;
	height: 10.625rem;
	overflow: hidden;
}

.cards-P .card .label .best-value {
	position: relative;
	width: 13.75rem;
	padding: 0.3125rem 0 0.3125rem 4.125rem;
	background-color: #eb427e;
	color: #ffffff;
	-webkit-transform: rotate(45deg) translate3d(0, 0, 0);
	-ms-transform: rotate(45deg) translate3d(0, 0, 0);
	transform: rotate(45deg) translate3d(0, 0, 0);
}

.basic-5 {
	padding-top: 4.5rem;
	padding-bottom: 7.5rem;
	background: url("https://www.backlack.com/images/conclusion-background.webp") center center no-repeat;
	background-size: cover;
	text-align: center;
}

.footer {
	padding-top: 6rem;
	padding-bottom: 3rem;
	background: linear-gradient(rgba(255, 255, 255, 1), rgba(197, 234, 249, 1));
	text-align: center;
}

.footer a {
	text-decoration: none;
}

.footer .fa-stack {
	width: 2em;
	margin-bottom: 1.25rem;
	margin-right: 0.375rem;
	font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
	color: #252c38;
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color: #ffffff;
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: #ffffff;
}

.footer .fa-stack:hover .fa-stack-2x {
	color: #252c38;
}

.copyright {
	padding-top: 1.5rem;
	background-color: #c5eaf9;
	text-align: center;
}

a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 12px;
	bottom: 12px;
	display: none;
	width: 42px;
	height: 42px;
	border-radius: 30px;
	background: #343e48 url("https://www.secc.store/y-files/images/grid_arrow_up.png") no-repeat center 47%;
	background-size: 18px 18px;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #000000;
}

.ex-header {
	padding-top: 6rem;
	padding-bottom: 2rem;
	background-color: #f1f9fc;
}

.ex-basic-1 .list-unstyled .fas {
	font-size: 0.375rem;
	line-height: 1.625rem;
}



.ex-basic-1 .box_snow_white {
	background-color: #D2D8D9;
	border-radius: 20px;
}

.ex-basic-1 .box_mauve {
	background-color: #E0E0FC;
	border-radius: 20px;
}

.ex-basic-1 .box_Light_blue {
	background-color: #f1f9fc;
	border-radius: 20px;
}

.ex-basic-1 .box_Pink {
	background-color: #FBE3FB;
	border-radius: 20px;
}

.ex-basic-1 .box_Light_gray {
	background-color: #F9FAFD;
	border-radius: 20px;
}

.ex-basic-1 .box_White {
	background-color: #FFFFFF;
	border-radius: 20px;
}

.ex-basic-1 .container_Blue {
	background-color: #3800A2;
	border-radius: 20px;
}

.box_Blue h2 {
	color: #ffffff;
}

.box_Blue p {
	color: #ffffff;
}

.ex-cards-1 .card {
	border: none;
	background-color: transparent;
}

.card-P .card {
	border: none;
	background-color: transparent;
}

.ex-cards-1 .card .fa-stack {
	width: 2em;
	font-size: 1.125rem;
}

.ex-cards-1 .card .fa-stack-2x {
	color: #594cda;
}

.ex-cards-1 .card .fa-stack-1x {
	color: #ffffff;
	font-weight: 700;
	line-height: 2.125rem;
}

@media (min-width:768px) {

	.ex-basic-1 .box_Pink,
	.box_snow_white,
	.box_mauve,
	.box_Light_blue,
	.box_Light_gray,
	.box_White {
		padding: 1.75rem 2rem 0.875rem 2rem;
	}

	.ex-basic-1 .box_Blue {
		padding: 2rem 4rem 2rem 4rem;
	}
}

@media (min-width:1024px) {
	.btn-solid-lg {
		margin-right: 0.5rem;
		margin-left: 0;
	}

	.navbar {
		background-color: transparent;
		flex-wrap: nowrap;
		justify-content: start;
		padding-left: 0;
		padding-right: 0;
		padding-top: 1.75rem;
	}

	.navbar-collapse {
		flex-basis: auto;
	}

	.navbar.top-nav-collapse {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		background-color: #f1f9fc;
	}

	.offcanvas-collapse {
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		width: auto;
		padding-right: 0;
		padding-left: 0;
		background-color: transparent;
		overflow-y: visible;
		visibility: visible;
	}

	.offcanvas-collapse.open {
		-webkit-transform: none;
		transform: none;
	}

	.nav-link {
		padding-right: 0.625rem;
		padding-left: 0.625rem;
	}

	.dropdown-menu {
		position: absolute;
		margin-top: 0.25rem;
		box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.05);
	}

	.dropdown-divider {
		width: 90%;
	}

	.lightbox-basic {
		padding: 3rem 3rem;
	}

	.cards-1 .card {
		display: inline-block;
		width: 306px;
		vertical-align: top;
	}

	.cards-1 .card:nth-of-type(3n + 2) {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.counter {
		padding-top: 5rem;
	}

	.slider-1 .swiper-container,
	.slider-2 .swiper-container {
		width: 92%;
	}

	.slider-1 .swiper-button-prev,
	.slider-2 .swiper-button-prev {
		left: -16px;
		width: 22px;
		background-size: 22px 34px;
	}

	.slider-1 .swiper-button-next,
	.slider-2 .swiper-button-next {
		right: -16px;
		width: 22px;
		background-size: 22px 34px;
	}

	.cards-2 .card {
		display: inline-block;
		max-width: 100%;
		width: 312px;
		height: 400px;
		vertical-align: top;
	}

	.cards-2 .card:nth-of-type(3n + 2) {
		margin-right: 0.375rem;
		margin-left: 0.375rem;
	}

	.cards-P .card {
		display: inline-block;
		max-width: 100%;
		width: 312px;
		height: 400px;
		vertical-align: top;
	}

	.cards-e .card {
		display: inline-block;
		max-width: 100%;
		width: 312px;
		vertical-align: top;
	}

	.cards-P .card:nth-of-type(3n + 2) {
		margin-right: 0.375rem;
		margin-left: 0.375rem;
	}

	.cards-e .card:nth-of-type(3n + 2) {}

	.basic-5 {
		text-align: left;
	}

	.copyright {
		text-align: left;
	}

	.copyright .list-unstyled li {
		display: inline-block;
		margin-right: 1rem;
	}

	.copyright .statement {
		text-align: right;
	}

	.ex-cards-1 .card {
		display: inline-block;
		width: 306px;
		vertical-align: top;
	}

	.ex-cards-1 .card:nth-of-type(3n + 2) {
		margin-right: 1rem;
		margin-left: 1rem;
	}

	.cards-P .card {
		display: inline-block;
		width: 306px;
		vertical-align: top;
	}

	.cards-P .card:nth-of-type(3n + 2) {
		margin-right: 1rem;
		margin-left: 1rem;
	}
}

@media (min-width:1280px) {
	.h1-large {
		font-size: 3.125rem;
		line-height: 3.75rem;
	}

	.container {
		max-width: 80rem;
	}

	.cards-1 .card {
		width: 342px;
		padding-right: 2.875rem;
		padding-left: 2.875rem;
	}

	.cards-1 .card:nth-of-type(3n + 2) {
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}

	.counter #counter .cell {
		margin-right: 2.5rem;
		margin-left: 2.5rem;
	}

	.counter #counter .counter-value {
		font-size: 3.75rem;
		line-height: 4.25rem;
	}

	.cards-2 .card {
		width: 335px;
	}

	.cards-2 .card:nth-of-type(3n + 2) {
		margin-right: 2.25rem;
		margin-left: 2.25rem;
	}

	.cards-2 .card .card-body {
		padding-right: 2.25rem;
		padding-left: 2.25rem;
	}

	.cards-P .card {
		width: 335px;
	}

	.cards-P .card:nth-of-type(3n + 2) {
		margin-right: 2.25rem;
		margin-left: 2.25rem;
	}

	.cards-P .card .card-body {
		padding-right: 2.25rem;
		padding-left: 2.25rem;
	}

	.ex-cards-1 .card {
		width: 328px;
	}

	.ex-cards-1 .card:nth-of-type(3n + 2) {
		margin-right: 2.875rem;
		margin-left: 2.875rem;
	}

	.box_Blue {
		padding: 2rem 4rem 2rem 4rem;
	}
}

.cards-P .card {
	width: 328px;
}

.cards-P .card:nth-of-type(3n + 2) {
	margin-right: 2.875rem;
	margin-left: 2.875rem;
}


iframe {
	margin: auto;
}


.gb-image-50 {
	border-radius: 15px;
	width: 100%;
	vertical-align: middle
}

h3.h3-headline-50 {
	text-align: left;
	padding-top: 15px;
	margin-bottom: 10px
}

.container_50Percent {
	width: 50%;
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	padding: 10px
}

.container_100 {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	column-gap: 16px;
	padding: 16px;
	margin-left: 0px;
	border-radius: 15px;
	background-color: var(--base-3);
}

@media(max-width:1024px) {
	.container_50Percent {
		width: 45%;
		padding-right: 0px;
		padding-left: 0px
	}

	.container_100 {
		width: 100%;
		column-gap: 16px;
		padding-right: 0px;
		padding-left: 0px;
		margin-left: 0px
	}
}

@media(max-width:767px) {
	.container_50Percent {
		width: 100%
	}

	.container_100 {
		flex-direction: column;
		padding: 10px
	}

	.container_Contact_1 {
		padding: 1em 0.5em 1em 0.5em;
	}
}

@media (max-width: 1024px) {
	.youtobe_video_container {
		width: 100%;
	}
}

.container_Contact_1 {
	padding: 3em;
	border-radius: 20px;
}

.youtobe_video_container {
	width: 50%;
}

.youtobe_video_embed {
	overflow-wrap: break-word;
}

.youtobe_video_embed_wrapper {
	position: relative;
}

.youtobe_video_embed iframe {
	max-width: 100%;
}


figure {
	display: block;
	margin: 0;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margin-inline-end: 40px;
}

.youtobe_video_containe000r iframe {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}


.pb-24 {
	padding-bottom: 6rem;
}

.pt-16 {
	padding-top: 4rem;
}

.w-6 {
	width: 1.5rem;
}

.h-6 {
	height: 1.5rem;
}


.w-10 {
	width: 2.5rem;
}

.h-10 {
	height: 2.5rem;
}

.text-indigo-500 {
	--tw-text-opacity: 1;
	color: rgba(99, 102, 241, var(--tw-text-opacity));
}

.text-pink-me {
	--tw-text-opacity: 1;
	color: rgba(255, 38, 160, var(--tw-text-opacity));
}

.bg-indigo-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
}

.object-center {
	object-position: center;
}

.gap-7\.5 {
	gap: 30px;
}

.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.border-transparent {
	border-color: transparent;
}

.rounded-\[18px\] {
	border-radius: 18px;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.overflow-hidden {
	overflow: hidden
}

.h-full {
	height: 100%
}

.border-2 {
	border-width: 2px
}

.border-opacity-60 {
	--tw-border-opacity: 0.6
}

.shadow-sm {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}


.rounded-lg {
	border-radius: .5rem
}

.group-hover\:bg-blue-100:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.contact__feedback {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
	text-align: center;
	max-width: 360px
}

.contact__button {
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	border-radius: 9999px;
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
	--tw-gradient-from: #a21caf;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(162, 28, 175, 0));
	--tw-gradient-to: #5b21b6;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	--tw-text-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-text-opacity));
	text-decoration: inherit;
	box-shadow: 0 10px 15px-3px rgb(0 0 0/10%), 0 4px 6px-2px rgb(0 0 0/5%)
}

.svg_inline__fa,
svg:not(:root).svg_inline__fa {
	overflow: visible
}

.svg_inline__fa {
	display: inline-block;
	height: 1em;
	vertical-align: -0.125em
}

.pl-2 {
	padding-left: 0.5rem
}

.yy-title-gradient {
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

.bg-blue-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(28 100 242/var(--tw-bg-opacity))
}

.decoration-8 {
	text-decoration-thickness: 8px
}

.decoration-blue-400 {
	text-decoration-color: #76a9fa
}

.underline {
	text-decoration-line: underline
}



.container video {
	display: block;
	margin: auto;
}

.video-unit {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px
}

img,
video {
	max-width: 100%;
	height: auto
}


.mb-10 {
	margin-bottom: 2.5rem;
}

.-mb-10 {
	margin-bottom: -2.5rem;
}
 

.bg-gray-2 {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246/var(--tw-bg-opacity, 1));
}

.tracking-widest {
	letter-spacing: .1em;
}

.bg-gray-1 {
	--tw-bg-opacity: 1;
	background-color: rgb(249 250 251/var(--tw-bg-opacity, 1));
}

.border-l-2 {
	border-left-width: 2px;
}

.border-opacity-60 {
	--tw-border-opacity: 0.6;
}

.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.-z-10 {
	z-index: -10;
}

.top-0 {
	top: 0;
}

.right-0 {
	right: 0;
}

.left-0 {
	left: 0;
}

.text-primary {
	--tw-text-opacity: 1;
	color: rgb(55 88 249/var(--tw-text-opacity, 1));
}

.tracking-\[-0\.3px\] {
	letter-spacing: -.3px;
}

.tracking-\[-1\.2px\] {
	letter-spacing: -1.2px;
}

.\!leading-tight {
	line-height: 1.25 !important;
}

.font-bold {
	font-weight: 700;
}

.shadow-one,
.shadow-sm {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-one {
	--tw-shadow: 0px 1px 4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.w-4 {
	width: 1rem;
}

.ml-2 {
	margin-left: .5rem;
}

.h-4 {
	height: 1rem;
}

.mt-16 {
	margin-top: 4rem;
}

.border-0 {
	border-width: 0;
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.bg-indigo-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.z-10 {
	z-index: 10;
}

.bg-no-repeat {
	background-repeat: no-repeat;
}

.bg-center {
	background-position: 50%;
}

.bg-cover {
	background-size: cover;
}

.rounded-\[30px\] {
	border-radius: 30px;
}

.mb-\[60px\] {
	margin-bottom: 60px;
}

.z-20 {
	z-index: 20;
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}

.leading-relaxed {
	line-height: 1.625;
}

.gap-8 {
	gap: 2rem;
}


.bg-\[linear-gradient\(135deg\2c \#FB67AA_0\%\2c _\#FE3B61_100\%\)\] {
	background-image: linear-gradient(135deg, #fb67aa, #fe3b61);
}

.bg-\[linear-gradient\(135deg\2c \#A9EC6A_0\%\2c \#1FC083_100\%\)\] {
	background-image: linear-gradient(135deg, #a9ec6a, #1fc083);
}

.bg-\[linear-gradient\(135deg\2c \#24C6E5_0\%\2c \#02B1F3_100\%\)\] {
	background-image: linear-gradient(135deg, #24c6e5, #02b1f3);
}

.bg-\[linear-gradient\(135deg\2c \#F47C0C_0\%\2c \#FEBF1D_100\%\)\] {
	background-image: linear-gradient(135deg, #f47c0c, #febf1d);
}


.rounded-xl {
	border-radius: .75rem;
}

.w-20 {
	width: 5rem;
}

.h-20 {
	height: 5rem;
}

.text-dark {
	--tw-text-opacity: 1;
	color: rgb(17 25 40/var(--tw-text-opacity, 1));
}

.tracking-\[-0\.7px\] {
	letter-spacing: -.7px;
}

.leading-tight {
	line-height: 1.25;
}

.font-extrabold {
	font-weight: 800;
}

.text-\[33px\] {
	font-size: 33px;
}

.mb-3 {
	margin-bottom: .75rem;
}

.py-14 {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

.mb-12 {
	margin-bottom: 3rem;
}

.masonry {
	-moz-column-gap: 2em;
	column-gap: 2em;
	-moz-column-count: 1;
	column-count: 1;
}

.break-inside {
	-moz-column-break-inside: avoid;
	break-inside: avoid;
}

.rounded-\[16px\] {
	border-radius: 16px;
}

.mb-7\.5 {
	margin-bottom: 30px;
}

.duration-300 {
	transition-duration: .3s;
}

.shadow-\[0px_8px_10px_-6px_rgba\(15\2c 23\2c 42\2c 0\.06\)\],
.shadow-all-access {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_8px_10px_-6px_rgba\(15\2c 23\2c 42\2c 0\.06\)\] {
	--tw-shadow: 0px 8px 10px -6px rgba(15, 23, 42, .06);
	--tw-shadow-colored: 0px 8px 10px -6px var(--tw-shadow-color);
}

.p-7\.5 {
	padding: 30px;
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
}

.border-stroke {
	--tw-border-opacity: 1;
	border-color: rgb(223 228 234/var(--tw-border-opacity, 1));
}

.bg-stroke {
	--tw-bg-opacity: 1;
	background-color: rgb(223 228 234/var(--tw-bg-opacity, 1));
}

.rounded-full {
	border-radius: 9999px;
}


.h-\[56px\] {
	height: 56px;
}

.mr-4 {
	margin-right: 1rem;
}

.h-px {
	height: 1px;
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.tracking-\[-0\.2px\] {
	letter-spacing: -.2px;
}
 

.tracking-\[0\.2px\] {
	letter-spacing: .2px;
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0;
}



.bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}

.bg-gray-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}

.bg-gray-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(209, 213, 219, var(--tw-bg-opacity))
}

.bg-gray-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(156, 163, 175, var(--tw-bg-opacity))
}

.bg-gray-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}

.bg-gray-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(75, 85, 99, var(--tw-bg-opacity))
}

.bg-gray-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(55, 65, 81, var(--tw-bg-opacity))
}

.bg-gray-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(31, 41, 55, var(--tw-bg-opacity))
}

.bg-gray-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}

.bg-red-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(254, 242, 242, var(--tw-bg-opacity))
}

.bg-red-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.bg-red-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(254, 202, 202, var(--tw-bg-opacity))
}

.bg-red-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.bg-red-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.bg-red-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bg-red-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(220, 38, 38, var(--tw-bg-opacity))
}

.bg-red-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(185, 28, 28, var(--tw-bg-opacity))
}

.bg-red-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(153, 27, 27, var(--tw-bg-opacity))
}

.bg-red-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(127, 29, 29, var(--tw-bg-opacity))
}

.bg-yellow-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(255, 251, 235, var(--tw-bg-opacity))
}

.bg-yellow-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(254, 243, 199, var(--tw-bg-opacity))
}

.bg-yellow-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(253, 230, 138, var(--tw-bg-opacity))
}

.bg-yellow-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(252, 211, 77, var(--tw-bg-opacity))
}

.bg-yellow-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(251, 191, 36, var(--tw-bg-opacity))
}

.bg-yellow-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(245, 158, 11, var(--tw-bg-opacity))
}

.bg-yellow-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(217, 119, 6, var(--tw-bg-opacity))
}

.bg-yellow-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(180, 83, 9, var(--tw-bg-opacity))
}

.bg-yellow-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(146, 64, 14, var(--tw-bg-opacity))
}

.bg-yellow-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(120, 53, 15, var(--tw-bg-opacity))
}

.bg-green-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(236, 253, 245, var(--tw-bg-opacity))
}

.bg-green-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(209, 250, 229, var(--tw-bg-opacity))
}

.bg-green-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(167, 243, 208, var(--tw-bg-opacity))
}

.bg-green-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(110, 231, 183, var(--tw-bg-opacity))
}

.bg-green-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(52, 211, 153, var(--tw-bg-opacity))
}

.bg-green-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(16, 185, 129, var(--tw-bg-opacity))
}

.bg-green-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(5, 150, 105, var(--tw-bg-opacity))
}

.bg-green-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(4, 120, 87, var(--tw-bg-opacity))
}

.bg-green-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(6, 95, 70, var(--tw-bg-opacity))
}

.bg-green-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(6, 78, 59, var(--tw-bg-opacity))
}

.bg-blue-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(239, 246, 255, var(--tw-bg-opacity))
}

.bg-blue-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(219, 234, 254, var(--tw-bg-opacity))
}

.bg-blue-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(191, 219, 254, var(--tw-bg-opacity))
}

.bg-blue-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(147, 197, 253, var(--tw-bg-opacity))
}

.bg-blue-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(96, 165, 250, var(--tw-bg-opacity))
}

.bg-blue-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}

.bg-blue-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(37, 99, 235, var(--tw-bg-opacity))
}

.bg-blue-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(29, 78, 216, var(--tw-bg-opacity))
}

.bg-blue-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(30, 64, 175, var(--tw-bg-opacity))
}

.bg-blue-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(30, 58, 138, var(--tw-bg-opacity))
}

.bg-indigo-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(238, 242, 255, var(--tw-bg-opacity))
}

.bg-indigo-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(224, 231, 255, var(--tw-bg-opacity))
}

.bg-indigo-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(199, 210, 254, var(--tw-bg-opacity))
}

.bg-indigo-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(165, 180, 252, var(--tw-bg-opacity))
}

.bg-indigo-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
}

.bg-indigo-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(99, 102, 241, var(--tw-bg-opacity))
}

.bg-indigo-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.bg-indigo-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(67, 56, 202, var(--tw-bg-opacity))
}

.bg-indigo-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(55, 48, 163, var(--tw-bg-opacity))
}

.bg-indigo-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(49, 46, 129, var(--tw-bg-opacity))
}

.bg-purple-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(245, 243, 255, var(--tw-bg-opacity))
}

.bg-purple-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(237, 233, 254, var(--tw-bg-opacity))
}

.bg-purple-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(221, 214, 254, var(--tw-bg-opacity))
}

.bg-purple-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(196, 181, 253, var(--tw-bg-opacity))
}

.bg-purple-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(167, 139, 250, var(--tw-bg-opacity))
}

.bg-purple-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(139, 92, 246, var(--tw-bg-opacity))
}

.bg-purple-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(124, 58, 237, var(--tw-bg-opacity))
}

.bg-purple-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(109, 40, 217, var(--tw-bg-opacity))
}

.bg-purple-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(91, 33, 182, var(--tw-bg-opacity))
}

.bg-purple-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(76, 29, 149, var(--tw-bg-opacity))
}

.bg-pink-50 {
	--tw-bg-opacity: 1;
	background-color: rgba(253, 242, 248, var(--tw-bg-opacity))
}

.bg-pink-100 {
	--tw-bg-opacity: 1;
	background-color: rgba(252, 231, 243, var(--tw-bg-opacity))
}

.bg-pink-200 {
	--tw-bg-opacity: 1;
	background-color: rgba(251, 207, 232, var(--tw-bg-opacity))
}

.bg-pink-300 {
	--tw-bg-opacity: 1;
	background-color: rgba(249, 168, 212, var(--tw-bg-opacity))
}

.bg-pink-400 {
	--tw-bg-opacity: 1;
	background-color: rgba(244, 114, 182, var(--tw-bg-opacity))
}

.bg-pink-500 {
	--tw-bg-opacity: 1;
	background-color: rgba(236, 72, 153, var(--tw-bg-opacity))
}

.bg-pink-600 {
	--tw-bg-opacity: 1;
	background-color: rgba(219, 39, 119, var(--tw-bg-opacity))
}

.bg-pink-700 {
	--tw-bg-opacity: 1;
	background-color: rgba(190, 24, 93, var(--tw-bg-opacity))
}

.bg-pink-800 {
	--tw-bg-opacity: 1;
	background-color: rgba(157, 23, 77, var(--tw-bg-opacity))
}

.bg-pink-900 {
	--tw-bg-opacity: 1;
	background-color: rgba(131, 24, 67, var(--tw-bg-opacity))
}

.hidden {
	display: none;
}

.left-1\/4 {
	left: 25%;
}

.bottom-0 {
	bottom: 0;
}

.pt-14 {
	padding-top: 3.5rem;
}
.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}


.shadow-\[0px_20px_95px_0px_rgba\(201\2c 203\2c 204\2c 0\.30\)\] {
	--tw-shadow: 0px 20px 95px 0px rgba(201, 203, 204, 0.30);
	--tw-shadow-colored: 0px 20px 95px 0px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.z-\[-1\] {
	z-index: -1;
}

.h-\[300px\] {
	height: 300px;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	vertical-align: middle;
}

.z-40 {
	z-index: 40;
}

.top-4 {
	top: 1rem;
}

.left-4 {
	left: 1rem;
}


.gap-\[120px\] {
	gap: 120px;
}

.feature-gradient-1 {
	background-image: linear-gradient(180deg, #a9ec6a, #1fc083);
}

.drop-shadow-features {
	--tw-drop-shadow: drop-shadow(0px 10px 25px rgba(92, 115, 160, .1));
}

.drop-shadow-components,
.drop-shadow-features {
	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);
}

.border-\[6px\] {
	border-width: 6px;
}

.max-w-\[56px\] {
	max-width: 56px;
}
.max-w-\[80px\] {
	max-width: 80px;
} 
.max-w-\[520px\] {
	max-width: 520px;
}
.max-w-\[542px\] {
	max-width: 542px;
}
.max-w-\[570px\] {
	max-width: 570px;
}
.max-w-\[600px\] {
	max-width: 600px;
}
.max-w-\[640px\] {
	max-width: 640px;
}
.max-w-\[710px\] {
	max-width: 710px;
}
.max-w-\[750px\] {
	max-width: 750px;
}
.max-w-\[860px\] {
	max-width: 860px;
}
.max-w-\[1000px\] {
	max-width: 1000px;
}
.max-w-\[1170px\] {
	max-width: 1170px;
}
.max-w-\[1200px\] {
	max-width: 1200px;
}
.max-w-\[1280px\] {
	max-width: 1280px;
}

.mt-9 {
	margin-top: 2.25rem;
}

.gap-y-\[22px\] {
	row-gap: 22px;
}

.gap-x-7\.5,
.gap-x-\[30px\] {
	-moz-column-gap: 30px;
	column-gap: 30px;
}


.p-9 {
	padding: 2.25rem;
}

.z-\[1\] {
	z-index: 1;
}

.opacity-10 {
	opacity: .1;
}

.top-9 {
	top: 2.25rem;
}

.left-9 {
	left: 2.25rem;
}

.-z-\[1\] {
	z-index: -1;
}


.feature-gradient-1 {
	background-image: linear-gradient(180deg, #a9ec6a, #1fc083)
}

.feature-gradient-2 {
	background-image: linear-gradient(180deg, #3d1dff, #d451ff)
}

.feature-gradient-3 {
	background-image: linear-gradient(180deg, #fb67a6, #fe3b61)
}

.feature-gradient-4 {
	background-image: linear-gradient(180deg, #46dc9e, #ec252578);
}

.feature-bg-gradient-1 {
	background-image: linear-gradient(180deg, #a9ec6a, hsla(91, 77%, 67%, 0))
}

.feature-bg-gradient-2 {
	background-image: linear-gradient(180deg, #3d1dff, rgba(61, 29, 255, 0))
}
.feature-bg-gradient-3 {
	background-image: linear-gradient(180deg, #fb67a6, rgba(251, 103, 166, 0))
}
.feature-bg-gradient-4 {
    background-image: linear-gradient(180deg, rgba(27,127,204,.8), rgba(61, 29, 255, 0));
}

.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem;
}

.h-12 {
	height: 3rem;
}

.w-12 {
	width: 3rem;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.pl-6 {
	padding-left: 1.5rem;
}

.p-8 {
	padding: 2rem;
}

.pb-10 {
	padding-bottom: 2.5rem;
}

.mt-6 {
	margin-top: 1.5rem;
}

.mb-2 {
	margin-bottom: .5rem;
}

.inset-0 {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mr-3 {
	margin-right: 0.75rem;
}

.py-10 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.border-4 {
	border-width: 4px;
}

.opacity-0 {
	opacity: 0;
}

.opacity-100 {
	opacity: 1;
}

.hover\:opacity-100:hover {
	opacity: 1
}




.opacity_img img {
	filter: sepia(1) hue-rotate(190deg) opacity(.46) grayscale(.7);
}

.ml-4 {
	margin-left: 1rem;
}

.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.hover\:bg-indigo-600:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.focus\:bg-indigo-600:focus {
	--tw-bg-opacity: 1;
	background-color: rgba(79, 70, 229, var(--tw-bg-opacity))
}

.hover\:bg-gray-200:hover {
	--tw-bg-opacity: 1;
	background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}


.w-5\/6 {
	width: 83.333333%;
}

.h-1 {
	height: 0.25rem;
}

.-m-12 {
	margin: -3rem;
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem;
}

.items-start {
	align-items: flex-start;
}

.p-12 {
	padding: 3rem;
}

.pl-4 {
	padding-left: 1rem;
}

.mt-0\.5 {
	margin-top: 0.125rem;
}

.border-b-2 {
	border-bottom-width: 2px;
}

.-my-8 {
	margin-top: -2rem;
	margin-bottom: -2rem;
}

.divide-y-2>:not([hidden])~:not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(2px * var(--tw-divide-y-reverse))
}

.pl-3 {
	padding-left: 0.75rem;
}

.-m-4 {
	margin: -1rem;
}

.h-40 {
	height: 10rem;
}

.w-24 {
	width: 6rem;
}

.mt-6 {
	margin-top: 1.5rem;
}

.w-16 {
	width: 4rem;
}

.mb-5 {
	margin-bottom: 1.25rem;
}

.h-16 {
	height: 4rem;
}
.bg-white\/30 {
	background-color: hsla(0, 0%, 100%, .3);
}

.animate-ping {
	animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
}.drop-shadow-\[0px_5px_12px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
    --tw-drop-shadow: drop-shadow(0px 5px 12px rgba(0,0,0,.1));
}
.bg-\[\#040212\] {
    --tw-bg-opacity: 1;
    background-color: rgb(4 2 18/var(--tw-bg-opacity,1));
} 
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tracking-\[-0\.2px\] {
    letter-spacing: -.2px;
}
.border-\[\#EAEFF5\]{--tw-border-opacity:1;border-color:rgb(234 239 245/var(--tw-border-opacity,1))}
.hover\:border-\[\#EAEFF5\]:hover{--tw-border-opacity:1;border-color:rgb(234 239 245/var(--tw-border-opacity,1))}
.shadow-\[0px_80px_50px_-32px_rgba\(107\2c 110\2c 148\2c 0\.04\)\]{--tw-shadow:0px 80px 50px -32px rgba(107,110,148,.04);--tw-shadow-colored:0px 80px 50px -32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.hover\:shadow-\[0px_80px_50px_-32px_rgba\(107\2c 110\2c 148\2c 0\.04\)\]:hover{--tw-shadow:0px 80px 50px -32px rgba(107,110,148,.04);--tw-shadow-colored:0px 80px 50px -32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.pb-20 {
    padding-bottom: 5rem;
}
.pt-10 {
    padding-top: 2.5rem;
}.w-1 {
    width: .25rem;
}
.pointer-events-none {
    pointer-events: none;
}.flex-grow {
    flex-grow: 1;
}.h-24 {
    height: 6rem;
}

.gap-y-9 {
    row-gap: 2.25rem;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}.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;
}.blur-\[50px\] {
    --tw-blur: blur(50px);
}.bg-\[\#E3E3E3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(227 227 227/var(--tw-bg-opacity,1));
}.rounded-\[22px\] {
    border-radius: 22px;
}
.max-w-\[770px\] {
    max-width: 770px;
}
.max-w-\[260px\] {
    max-width: 260px;
}.h-\[100px\] {
    height: 100px;
}.-bottom-5 {
    bottom: -1.25rem;
}.group:hover .group-hover\:opacity-100{opacity:1}
.pb-\[100px\] {
    padding-bottom: 100px;
}.\!leading-tight {
    line-height: 1.25!important;
}.text-\[22px\] {
    font-size: 22px;
}.text-body-color {
    --tw-text-opacity: 1;
    color: rgb(99 115 129/var(--tw-text-opacity,1));
}.font-normal {
    font-weight: 400;
}.gap-\[30px\] {
    gap: 30px;
} .shadow-features3 {
    --tw-shadow: 0px 30px 50px -32px rgba(107,110,148,.05);
    --tw-shadow-colored: 0px 30px 50px -32px var(--tw-shadow-color);
}
.shadow-features, .shadow-features3 {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.p-px {
    padding: 1px;
}
.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.bg-gradient-to-t {
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
}
.to-\[\#ECF0F4\] {
    --tw-gradient-to: #ecf0f4 var(--tw-gradient-to-position);
}
.mt-\[60px\] {
    margin-top: 60px;
}.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}.max-h-\[855px\] {
    max-height: 855px;
}.p-\[30px\] {
    padding: 30px;
}
.bg-\[\#F9FAFB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity,1));
}.hover\:border-dark\/5:hover{border-color:rgba(17,25,40,.05)}
.text-\[\#FFA645\] {
    --tw-text-opacity: 1;
    color: rgb(255 166 69/var(--tw-text-opacity,1));
}.fill-current {
    fill: currentColor;
}.max-w-\[52px\] {
    max-width: 52px;
} 
.h-\[52px\] {
    height: 52px;
}
.aspect-square {
    aspect-ratio: 1/1;
}.space-y-\[30px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(30px * var(--tw-space-y-reverse));
}.pt-\[60px\] {
    padding-top: 60px;
}.max-w-\[880px\] {
    max-width: 880px;
}.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px;
}.rounded-3xl {
    border-radius: 1.5rem;
}.shadow-faq {
    --tw-shadow: 0px 10px 25px 0px rgba(92,115,160,.1);
    --tw-shadow-colored: 0px 10px 25px 0px var(--tw-shadow-color);
}
.shadow-cta, .shadow-faq {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
}
.pb-5 {
    padding-bottom: 1.25rem;
}

.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}

.after\:left-1\/2:after{content:var(--tw-content);left:50%}
.after\:top-0:after{content:var(--tw-content);top:0}
.after\:h-full:after{content:var(--tw-content);height:100%}
.after\:w-\[1px\]:after{content:var(--tw-content);width:10px}
.after\:-translate-x-1\/2: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))}
.after\:bg-\[\#DFE4EA\]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(223 228 234/var(--tw-bg-opacity,1))}
.lg\:after\:absolute:after{content:var(--tw-content);position:absolute}

