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

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

:host,
html {
	-webkit-text-size-adjust: 100%;
	font-feature-settings: normal;
	-webkit-tap-highlight-color: transparent;
	font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-variation-settings: normal;
	line-height: 1.5;
	tab-size: 4
}

body {
	line-height: inherit
}

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

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-feature-settings: normal;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-size: 1em;
	font-variation-settings: normal
}

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
	font-feature-settings: inherit;
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	font-variation-settings: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
	-webkit-appearance: button;
	background-color: initial;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

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

progress {
	vertical-align: initial
}

::-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
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

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

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

:disabled {
	cursor: default
}

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

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

[hidden] {
	display: none
}

* {
	scrollbar-color: auto;
	scrollbar-width: auto
}

*,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: #3b82f680;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::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: #3b82f680;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

.pointer-events-none {
	pointer-events: none
}

.static {
	position: static
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.inset-y-0 {
	bottom: 0;
	top: 0
}

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

.bottom-10 {
	bottom: 2.5rem
}

.left-0 {
	left: 0
}

.left-5 {
	left: 1.25rem
}

.left-\[25\.5\%\] {
	left: 25.5%
}

.right-0 {
	right: 0
}

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

.top-0 {
	top: 0
}

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

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

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

.top-\[18\.5\%\] {
	top: 18.5%
}

.top-\[19\.5\%\] {
	top: 19.5%
}

.-z-10 {
	z-index: -10
}

.z-0 {
	z-index: 0
}

.z-10 {
	z-index: 10
}

.z-20 {
	z-index: 20
}

.z-30 {
	z-index: 30
}

.z-50 {
	z-index: 50
}

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

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

.float-start {
	float: inline-start
}

.-mx-4 {
	margin-left: -1rem;
	margin-right: -1rem
}

.mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mx-3 {
	margin-left: .75rem;
	margin-right: .75rem
}

.mx-4 {
	margin-left: 1rem;
	margin-right: 1rem
}

.mx-5 {
	margin-left: 1.25rem;
	margin-right: 1.25rem
}

.my-2 {
	margin-bottom: .5rem;
	margin-top: .5rem
}

.my-3 {
	margin-bottom: .75rem;
	margin-top: .75rem
}

.my-52 {
	margin-bottom: 13rem;
	margin-top: 13rem
}

.my-8 {
	margin-bottom: 2rem;
	margin-top: 2rem
}

.mb-0 {
	margin-bottom: 0
}

.mb-0\.5 {
	margin-bottom: .125rem
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-12 {
	margin-bottom: 3rem
}

.mb-14 {
	margin-bottom: 3.5rem
}

.mb-16 {
	margin-bottom: 4rem
}

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

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

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

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

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-8 {
	margin-bottom: 2rem
}

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

.ml-1 {
	margin-left: .25rem
}

.ml-2 {
	margin-left: .5rem
}

.ml-3 {
	margin-left: .75rem
}

.ml-4 {
	margin-left: 1rem
}

.ml-5 {
	margin-left: 1.25rem
}

.ml-6 {
	margin-left: 1.5rem
}

.ml-7 {
	margin-left: 1.75rem
}

.mr-16 {
	margin-right: 4rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-20 {
	margin-right: 5rem
}

.mr-3 {
	margin-right: .75rem
}

.mr-4 {
	margin-right: 1rem
}

.mr-5 {
	margin-right: 1.25rem
}

.mr-6 {
	margin-right: 1.5rem
}

.mr-8 {
	margin-right: 2rem
}

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

.mt-1 {
	margin-top: .25rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-12 {
	margin-top: 3rem
}

.mt-14 {
	margin-top: 3.5rem
}

.mt-16 {
	margin-top: 4rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-20 {
	margin-top: 5rem
}

.mt-24 {
	margin-top: 6rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-36 {
	margin-top: 9rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-48 {
	margin-top: 12rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-9 {
	margin-top: 2.25rem
}

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

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

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

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

.block {
	display: block
}

.flex {
	display: flex
}

.grid {
	display: grid
}

.h-0 {
	height: 0
}

.h-12 {
	height: 3rem
}

.h-14 {
	height: 3.5rem
}

.h-16 {
	height: 4rem
}

.h-32 {
	height: 8rem
}

.h-4 {
	height: 1rem
}

.h-5 {
	height: 1.25rem
}

.h-6 {
	height: 1.5rem
}

.h-7 {
	height: 1.75rem
}

.h-8 {
	height: 2rem
}

.h-\[100\%\] {
	height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-full {
	height: 100%
}

.max-h-60 {
	max-height: 15rem
}

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

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

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

.min-h-10 {
	min-height: 2.5rem
}

.min-h-\[100\%\] {
	min-height: 100%
}

.min-h-\[120vh\] {
	min-height: 120vh
}

.min-h-\[70vh\] {
	min-height: 70vh
}

.min-h-\[75vh\] {
	min-height: 75vh
}

.min-h-\[85vh\] {
	min-height: 85vh
}

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

.w-0 {
	width: 0
}

.w-4 {
	width: 1rem
}

.w-5 {
	width: 1.25rem
}

.w-6 {
	width: 1.5rem
}

.w-8 {
	width: 2rem
}

.w-9 {
	width: 2.25rem
}

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

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

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

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

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

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

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

.w-\[29\.5\%\] {
	width: 29.5%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-auto {
	width: auto
}

.w-full {
	width: 100%
}

.min-w-\[100\%\] {
	min-width: 100%
}

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

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

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

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

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

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

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

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

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

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

.flex-grow {
	flex-grow: 1
}

.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-default {
	cursor: default
}

.cursor-pointer {
	cursor: pointer
}

.select-none {
	-webkit-user-select: none;
	user-select: none
}

.resize {
	resize: both
}

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

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

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

.flex-row {
	flex-direction: row
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

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

.items-center {
	align-items: center
}

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

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

.justify-center {
	justify-content: center
}

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

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

.gap-4 {
	gap: 1rem
}

.gap-5 {
	gap: 1.25rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-2\.5>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(.625rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(.625rem*var(--tw-space-x-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
	margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-bottom: calc(1rem*var(--tw-space-y-reverse));
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.overflow-auto {
	overflow: auto
}

.overflow-visible {
	overflow: visible
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-x-scroll {
	overflow-x: scroll
}

.truncate {
	overflow: hidden;
	white-space: nowrap
}

.text-ellipsis,
.truncate {
	text-overflow: ellipsis
}

.whitespace-nowrap {
	white-space: nowrap
}

.rounded-2xl {
	border-radius: 1rem
}

.rounded-3xl {
	border-radius: 1.5rem
}

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

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

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

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

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

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

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

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

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

.rounded-\[50\%\] {
	border-radius: 50%
}

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

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

.rounded-lg {
	border-radius: .5rem
}

.rounded-md {
	border-radius: .375rem
}

.rounded-xl {
	border-radius: .75rem
}

.rounded-tl-\[30px\] {
	border-top-left-radius: 30px
}

.rounded-tr-\[30px\] {
	border-top-right-radius: 30px
}

.border {
	border-width: 1px
}

.border-2 {
	border-width: 2px
}

.border-4 {
	border-width: 4px
}

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

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

.border-solid {
	border-style: solid
}

.border-\[\#3580DC\] {
	--tw-border-opacity: 1;
	border-color: rgb(53 128 220/var(--tw-border-opacity))
}

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

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

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

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

.border-\[\#FFFFFF12\] {
	border-color: #ffffff12
}

.border-\[\#FFFFFF30\] {
	border-color: #ffffff30
}

.border-\[\#FFFFFF3B\] {
	border-color: #ffffff3b
}

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

.bg-\[\#0057B8\] {
	--tw-bg-opacity: 1;
	background-color: rgb(0 87 184/var(--tw-bg-opacity))
}

.bg-\[\#1f7cc6\] {
	--tw-bg-opacity: 1;
	background-color: rgb(31 124 198/var(--tw-bg-opacity))
}

.bg-\[\#2689c6\] {
	--tw-bg-opacity: 1;
	background-color: rgb(38 137 198/var(--tw-bg-opacity))
}

.bg-\[\#317FF540\] {
	background-color: #317ff540
}

.bg-\[\#3580DC\] {
	--tw-bg-opacity: 1;
	background-color: rgb(53 128 220/var(--tw-bg-opacity))
}

.bg-\[\#41556E\] {
	--tw-bg-opacity: 1;
	background-color: rgb(65 85 110/var(--tw-bg-opacity))
}

.bg-\[\#7EB6EA8F\] {
	background-color: #7eb6ea8f
}

.bg-\[\#86bbea\] {
	--tw-bg-opacity: 1;
	background-color: rgb(134 187 234/var(--tw-bg-opacity))
}

.bg-\[\#C2E7FF\] {
	--tw-bg-opacity: 1;
	background-color: rgb(194 231 255/var(--tw-bg-opacity))
}

.bg-\[\#D6D6D663\] {
	background-color: #d6d6d663
}

.bg-\[\#D6EFFF\] {
	--tw-bg-opacity: 1;
	background-color: rgb(214 239 255/var(--tw-bg-opacity))
}

.bg-\[\#EFF1FBCC\] {
	background-color: #eff1fbcc
}

.bg-\[\#EFF5FD\] {
	--tw-bg-opacity: 1;
	background-color: rgb(239 245 253/var(--tw-bg-opacity))
}

.bg-\[\#F0F0F0\] {
	--tw-bg-opacity: 1;
	background-color: rgb(240 240 240/var(--tw-bg-opacity))
}

.bg-\[\#F3F7FE\] {
	--tw-bg-opacity: 1;
	background-color: rgb(243 247 254/var(--tw-bg-opacity))
}

.bg-\[\#F7F7F9\] {
	--tw-bg-opacity: 1;
	background-color: rgb(247 247 249/var(--tw-bg-opacity))
}

.bg-\[\#FBFBFB\] {
	--tw-bg-opacity: 1;
	background-color: rgb(251 251 251/var(--tw-bg-opacity))
}

.bg-\[\#FFC737\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 199 55/var(--tw-bg-opacity))
}

.bg-\[\#FFF6C9\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 246 201/var(--tw-bg-opacity))
}

.bg-\[\#e9f6fc\] {
	--tw-bg-opacity: 1;
	background-color: rgb(233 246 252/var(--tw-bg-opacity))
}

.bg-\[\#f4f4f4\] {
	--tw-bg-opacity: 1;
	background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.bg-\[black\] {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-\[gray\] {
	--tw-bg-opacity: 1;
	background-color: rgb(128 128 128/var(--tw-bg-opacity))
}

.bg-\[red\] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 0 0/var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 0\2c 0\2c \.8\)\] {
	background-color: #000c
}

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

.bg-accent-2 {
	--tw-bg-opacity: 1;
	background-color: rgb(223 236 251/var(--tw-bg-opacity))
}

.bg-blue-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

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

.bg-opacity-20 {
	--tw-bg-opacity: 0.2
}

.bg-cover {
	background-size: cover
}

.bg-center {
	background-position: 50%
}

.object-cover {
	object-fit: cover
}

.p-0 {
	padding: 0
}

.p-1 {
	padding: .25rem
}

.p-3 {
	padding: .75rem
}

.p-4 {
	padding: 1rem
}

.p-5 {
	padding: 1.25rem
}

.p-\[1\.5\%\] {
	padding: 1.5%
}

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

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

.p-\[2\%\] {
	padding: 2%
}

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

.p-\[5\%\] {
	padding: 5%
}

.p-\[6\%\] {
	padding: 6%
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.px-14 {
	padding-left: 3.5rem;
	padding-right: 3.5rem
}

.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.px-9 {
	padding-left: 2.25rem;
	padding-right: 2.25rem
}

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

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

.py-1 {
	padding-bottom: .25rem;
	padding-top: .25rem
}

.py-2 {
	padding-bottom: .5rem;
	padding-top: .5rem
}

.py-3 {
	padding-bottom: .75rem;
	padding-top: .75rem
}

.py-4 {
	padding-bottom: 1rem;
	padding-top: 1rem
}

.py-7 {
	padding-bottom: 1.75rem;
	padding-top: 1.75rem
}

.py-8 {
	padding-bottom: 2rem;
	padding-top: 2rem
}

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

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

.pb-1 {
	padding-bottom: .25rem
}

.pb-3 {
	padding-bottom: .75rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pb-6 {
	padding-bottom: 1.5rem
}

.pb-7 {
	padding-bottom: 1.75rem
}

.pb-8 {
	padding-bottom: 2rem
}

.pl-1 {
	padding-left: .25rem
}

.pl-10 {
	padding-left: 2.5rem
}

.pl-2 {
	padding-left: .5rem
}

.pl-3 {
	padding-left: .75rem
}

.pl-4 {
	padding-left: 1rem
}

.pl-6 {
	padding-left: 1.5rem
}

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

.pr-2 {
	padding-right: .5rem
}

.pr-2\.5 {
	padding-right: .625rem
}

.pr-4 {
	padding-right: 1rem
}

.pr-5 {
	padding-right: 1.25rem
}

.pt-1 {
	padding-top: .25rem
}

.pt-12 {
	padding-top: 3rem
}

.pt-2 {
	padding-top: .5rem
}

.pt-3 {
	padding-top: .75rem
}

.pt-4 {
	padding-top: 1rem
}

.pt-5 {
	padding-top: 1.25rem
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem
}

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

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

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

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.text-xs\/10 {
	font-size: .75rem;
	line-height: 2.5rem
}

.font-bold {
	font-weight: 700
}

.font-extrabold {
	font-weight: 800
}

.font-medium {
	font-weight: 500
}

.font-normal {
	font-weight: 400
}

.font-semibold {
	font-weight: 600
}

.leading-4 {
	line-height: 1rem
}

.text-\[\#000000\],
.text-\[\#000\] {
	--tw-text-opacity: 1;
	color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-\[\#00333E\] {
	--tw-text-opacity: 1;
	color: rgb(0 51 62/var(--tw-text-opacity))
}

.text-\[\#011A3F\] {
	--tw-text-opacity: 1;
	color: rgb(1 26 63/var(--tw-text-opacity))
}

.text-\[\#0E0F0C\] {
	--tw-text-opacity: 1;
	color: rgb(14 15 12/var(--tw-text-opacity))
}

.text-\[\#171717\] {
	--tw-text-opacity: 1;
	color: rgb(23 23 23/var(--tw-text-opacity))
}

.text-\[\#213E4AD9\] {
	color: #213e4ad9
}

.text-\[\#213E4A\] {
	--tw-text-opacity: 1;
	color: rgb(33 62 74/var(--tw-text-opacity))
}

.text-\[\#363636\] {
	--tw-text-opacity: 1;
	color: rgb(54 54 54/var(--tw-text-opacity))
}

.text-\[\#373737\] {
	--tw-text-opacity: 1;
	color: rgb(55 55 55/var(--tw-text-opacity))
}

.text-\[\#41556E\] {
	--tw-text-opacity: 1;
	color: rgb(65 85 110/var(--tw-text-opacity))
}

.text-\[\#637EA5\] {
	--tw-text-opacity: 1;
	color: rgb(99 126 165/var(--tw-text-opacity))
}

.text-\[\#808080\] {
	--tw-text-opacity: 1;
	color: rgb(128 128 128/var(--tw-text-opacity))
}

.text-\[\#f8d308\] {
	--tw-text-opacity: 1;
	color: rgb(248 211 8/var(--tw-text-opacity))
}

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

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

.text-accent-1 {
	--tw-text-opacity: 1;
	color: rgb(45 109 202/var(--tw-text-opacity))
}

.text-gray-900 {
	--tw-text-opacity: 1;
	color: rgb(17 24 39/var(--tw-text-opacity))
}

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

.text-primary-2 {
	--tw-text-opacity: 1;
	color: rgb(29 29 29/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-0 {
	opacity: 0
}

.opacity-100 {
	opacity: 1
}

.opacity-60 {
	opacity: .6
}

.opacity-80 {
	opacity: .8
}

.opacity-\[60\%\] {
	opacity: 60%
}

.opacity-\[70\%\] {
	opacity: 70%
}

.opacity-\[80\%\] {
	opacity: 80%
}

.shadow {
	--tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-lg {
	box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
	--tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.outline-none {
	outline: 2px solid #0000;
	outline-offset: 2px
}

.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), 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-black\/5 {
	--tw-ring-color: #0000000d
}

.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-duration: .15s;
	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-shadow {
	transition-duration: .15s;
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
	transition-duration: .15s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
	transition-duration: .1s
}

.duration-300 {
	transition-duration: .3s
}

.ease-in {
	transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.scrollbar-none {
	scrollbar-width: none
}

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

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	margin: 0
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

.containerBig {
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	width: 100%
}

.text-custom {
	color: #363636;
	font-size: 20px
}

.text-custom,
.text-custom1 {
	font-family: Inter, sans-serif;
	font-weight: 600;
	letter-spacing: -.05em
}

.text-custom1 {
	color: #686868;
	font-size: 18px
}

.text-custom-mod {
	color: #3b3b3b;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -.05em
}

.custom-info-modal .ant-modal-content {
	border-radius: 10px;
	box-sizing: border-box;
	color: #000;
	max-width: 350px;
	padding: 20px 0;
	width: 100%
}

.custom-info-modal .ant-modal-close {
	display: none
}

.custom-modal .ant-modal-content {
	border-radius: 30px;
	box-sizing: border-box;
	max-width: 400px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%
}

.common-info-style {
	background-color: #fff;
	border-radius: 30px;
	color: #000;
	font-size: 12px;
	left: 50%;
	max-width: 350px;
	min-width: 330px;
	padding: 20px;
	position: fixed;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1000
}

.common-info-style .close-icon {
	cursor: pointer;
	display: flex;
	justify-content: end;
	margin: 10px 0
}

.common-info-style .info-text {
	color: #000;
	margin-bottom: 20px;
	text-align: left
}

.common-info-style .info-content {
	color: #000;
	margin-bottom: 8px;
	text-align: left
}

.menunewclass {
	justify-content: flex-end;
	padding-left: 2px;
	padding-right: 2px
}

.calculatorSmall {
	box-shadow: 2px 2px 5px #fff6;
	margin: 50px auto;
	max-width: 400px
}

.newHeaderModal {
	align-items: center;
	display: flex;
	justify-content: center;
	max-width: 100%;
	min-height: 100vh
}

.newHeaderModal .modalText h3 {
	font-weight: 900;
	margin-bottom: 20px;
	text-align: center
}

.newHeaderModal .modalText {
	background: #eee;
	border-radius: 30px;
	box-sizing: border-box;
	max-width: 550px;
	padding: 15px;
	width: 100%
}

body {
	padding-right: 0 !important
}

.chooseCantry svg {
	opacity: 0
}

.method_content {
	padding-bottom: 150px;
	padding-top: 30px
}

.bgNew {
	background-color: #dfecfb
}

@media (max-width:768px) {
	.scrollmy {
		margin: 5px
	}
}

@media (max-width:560px) {
	.newHeaderModal .modalText {
		margin-top: 50px;
		max-width: 420px
	}

	.mobilecard {
		margin-left: 0;
		margin-right: 0
	}

	.mobileSeletCountry {
		height: 32px;
		width: 32px
	}

	.scrollmy {
		margin-top: 40px
	}
}

@media (max-width:400px) {
	.newHeaderModal .modalText {
		margin-top: 40px;
		max-width: 300px
	}

	.langBtn {
		margin-left: 5px
	}

	.langmenu {
		padding-right: 2px
	}

	.rightArrow {
		margin-left: 5px;
		margin-right: 5px
	}

	.langBtn {
		width: 90px
	}

	.menuclassdiv {
		max-width: 210px;
		padding: 10px 2px
	}

	.menuclassdiv input {
		max-width: 180px;
		padding-left: 5px
	}
}

@media (max-width:370px) {
	.langright {
		padding-right: 1px
	}

	.langleft {
		padding-left: 1px
	}

	.langleft div {
		justify-content: center
	}

	.langBtn img {
		margin-right: 2px
	}

	.truncate {
		overflow: visible;
		overflow: initial
	}
}

.placeholder\:text-grey-1::placeholder {
	--tw-text-opacity: 1;
	color: rgb(153 153 153/var(--tw-text-opacity))
}

.hover\:shadow-lg:hover {
	--tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
	box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
	--tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.focus\:outline-none:focus {
	outline: 2px solid #0000;
	outline-offset: 2px
}

@media (min-width:640px) {
	.sm\:h-\[176px\] {
		height: 176px
	}

	.sm\:h-\[196px\] {
		height: 196px
	}

	.sm\:w-\[390px\] {
		width: 390px
	}

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

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

	.sm\:p-8 {
		padding: 2rem
	}

	.sm\:px-4 {
		padding-left: 1rem;
		padding-right: 1rem
	}

	.sm\:px-8 {
		padding-left: 2rem;
		padding-right: 2rem
	}

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

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

	.sm\:text-sm {
		font-size: .875rem;
		line-height: 1.25rem
	}
}

@media (min-width:768px) {
	.md\:left-\[22\.5\%\] {
		left: 22.5%
	}

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

	.md\:min-h-\[130vh\] {
		min-height: 130vh
	}

	.md\:min-h-\[65vh\] {
		min-height: 65vh
	}

	.md\:min-h-\[78vh\] {
		min-height: 78vh
	}

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

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

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

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

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

	.md\:px-6 {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	.md\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem
	}

	.md\:text-base {
		font-size: 1rem;
		line-height: 1.5rem
	}
}

@media (min-width:1024px) {
	.lg\:left-\[25\.5\%\] {
		left: 25.5%
	}

	.lg\:-mx-28 {
		margin-left: -7rem;
		margin-right: -7rem
	}

	.lg\:min-h-\[60vh\] {
		min-height: 60vh
	}

	.lg\:min-h-\[85vh\] {
		min-height: 85vh
	}

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

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

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

	.lg\:px-12 {
		padding-left: 3rem;
		padding-right: 3rem
	}

	.lg\:px-28 {
		padding-left: 7rem;
		padding-right: 7rem
	}

	.lg\:px-7 {
		padding-left: 1.75rem;
		padding-right: 1.75rem
	}

	.lg\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem
	}
}

@media (min-width:1280px) {
	.xl\:-mx-36 {
		margin-left: -9rem;
		margin-right: -9rem
	}

	.xl\:mr-16 {
		margin-right: 4rem
	}

	.xl\:mr-6 {
		margin-right: 1.5rem
	}

	.xl\:mt-32 {
		margin-top: 8rem
	}

	.xl\:h-\[460px\] {
		height: 460px
	}

	.xl\:min-h-\[120vh\] {
		min-height: 120vh
	}

	.xl\:w-\[40\%\] {
		width: 40%
	}

	.xl\:w-\[45\%\] {
		width: 45%
	}

	.xl\:w-\[65\%\] {
		width: 65%
	}

	.xl\:w-\[80\%\] {
		width: 80%
	}

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

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

	.xl\:px-36 {
		padding-left: 9rem;
		padding-right: 9rem
	}

	.xl\:py-14 {
		padding-bottom: 3.5rem;
		padding-top: 3.5rem
	}

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

	.xl\:text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem
	}

	.xl\:text-6xl {
		font-size: 3.75rem;
		line-height: 1
	}
}

@media (min-width:1536px) {
	.\32xl\:-mx-40 {
		margin-left: -10rem;
		margin-right: -10rem
	}

	.\32xl\:min-h-\[60vh\] {
		min-height: 60vh
	}

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

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

	.\32xl\:px-24 {
		padding-left: 6rem;
		padding-right: 6rem
	}

	.\32xl\:px-40 {
		padding-left: 10rem;
		padding-right: 10rem
	}
}

.banner_text {
	box-sizing: border-box;
	justify-content: space-between
}

.calculate {
	min-width: 430px
}

.calculate,
.calculate-inner {
	border: 1px solid #ffffff30;
	border-radius: 45px;
	box-sizing: border-box
}

.calculate,
.calculate-inner,
.monoDb {
	-webkit-clip-path: initial !important;
	clip-path: none !important
}

.titleText {
	text-transform: uppercase
}

.bigCalculater {
	box-shadow: inset 1px 1px 2px #ffffffb3, inset -1px -1px 2px #ffffffb3;
	-webkit-clip-path: initial !important;
	clip-path: none !important
}

.forCookie {
	animation: anim 4s forwards;
	background: #f4f4f4;
	border-radius: 30px;
	bottom: 30px;
	max-width: 400px;
	opacity: 0;
	padding: 20px;
	position: fixed;
	right: 20px;
	text-align: center;
	z-index: 10
}

@keyframes anim {
	0% {
		opacity: 0
	}

	80% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.forCookie .cookieTitle {
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
	width: 100%
}

.falseCookie {
	display: none
}

.cookiebtn {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-top: 20px;
	width: 100%
}

.cookiebtn button {
	background: #cce3fc;
	border: 0;
	border-radius: 30px;
	font-size: 18px;
	font-weight: 600;
	height: 64px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
	max-width: 500px;
	min-width: 300px;
	padding: 10px;
	width: 100%
}

.cookiebtn button:nth-child(2) {
	background: #41556e;
	color: #fff
}

.cookiebtn button:first-child {
	background: #dfe4eb;
	color: #000
}

.forShadow {
	box-shadow: 2px 2px 3px #0000001a, -2px -2px 3px #0000001a
}

@media (max-width:850px) {
	.banner_text {
		flex-direction: column
	}

	.calculate {
		border-color: #0000;
		max-width: 502px;
		min-width: 0;
		min-width: auto;
		padding: 1.5% 0
	}

	.calculate div {
		border-width: 0
	}

	.calculate-inner {
		max-width: 400px;
		padding: 5% 0;
		width: 100%
	}

	.home_text {
		font-size: 24px;
		line-height: 140%
	}

	.cookiebtn button {
		font-size: 14px;
		height: 62px;
		margin-top: 12px
	}

	.forCookie .cookieTitle {
		font-size: 14px
	}
}

@media (max-width:450px) {
	.forCookie {
		border-radius: 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		right: 0
	}

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

.slideC {
	margin: 60px auto 0;
	perspective: 2000px;
	position: relative
}

.slide,
.slideC {
	height: 560px;
	width: 400px
}

.slide {
	border-radius: 60px;
	top: 0
}

.reflection,
.slide {
	position: absolute;
	transition: transform .5s ease 0s, opacity .5s ease 0s, visibility .5s ease 0s
}

.reflection {
	border-radius: 12px;
	bottom: -60px;
	height: 60px;
	width: 100%
}

.sliderContent {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 30px
}

.btns {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 60px
}

.image {
	height: 50px;
	margin-left: 0;
	margin-right: 20px;
	width: 50px
}

.desc {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -.022em;
	line-height: 24px;
	text-align: center
}

.icon {
	margin-bottom: 180px;
	margin-top: 120px;
	width: 260px
}

@media screen and (max-width:1350px) {
	.slideC {
		margin-top: 60px auto;
		perspective: 2000px;
		position: relative
	}

	.slide,
	.slideC {
		height: 390px;
		width: 260px
	}

	.slide {
		border-radius: 40px;
		position: absolute;
		top: 0;
		transition: transform .5s ease 0s, opacity .5s ease 0s, visibility .5s ease 0s
	}

	.icon {
		height: 30px;
		margin-bottom: 60px;
		margin-top: 120px;
		width: 148px
	}

	.desc {
		font-family: Roboto;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: -.022em;
		line-height: 18px;
		text-align: center
	}

	.image {
		height: 30px;
		margin-left: 0;
		margin-right: 20px;
		width: 30px
	}

	.slideC {
		margin: 60px 0 0
	}
}

.noWrapText {
	text-align: right
}

.myButtonStyle {
	border-radius: 20px;
	color: #000;
	font-size: 16px;
	height: 58px;
	width: 250px
}

.myMob_ButtonStyle {
	color: #000;
	height: 48px
}

.newFont {
	font-size: 28px
}

.smartClass {
	justify-content: space-between;
	width: 100%
}

.smartspan {
	background: red;
	border-radius: 7px;
	color: #fff;
	display: flex;
	font-size: 14px;
	line-height: 23px;
	padding: 0 7px
}

.smartspan,
.smartspan svg {
	height: 23px
}

@media (max-width:920px) {
	.newFont {
		font-size: 20px
	}

	.myButtonStyle {
		width: 220px
	}
}

@media (max-width:576px) {
	.pay_method {
		width: 100%
	}

	.pay_method span:first-child {
		width: 70%
	}

	.noWrapText {
		font-size: 16px;
		white-space: nowrap
	}

	.fontmysize {
		font-size: 10px
	}

	.otherText {
		font-size: 24px
	}

	.smartspan {
		font-size: 8px;
		height: 16px;
		line-height: 16px;
		padding: 0 4px
	}

	.smartspan svg {
		height: 16px;
		padding-left: 2px;
		width: 14px
	}
}

@media (max-width:650px) {
	.mySpan {
		flex-direction: column
	}
}

.regular-truncate-multiline,
.truncate-multiline {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.regular-truncate-multiline {
	height: 75px;
	margin-left: 8px;
	padding-bottom: 18px;
	text-align: left
}

.popular-truncate-multiline {
	-webkit-line-clamp: 5;
	text-align: left
}

.popular-truncate-multiline,
.popular-truncate-multiline_1 {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.popular-truncate-multiline_1 {
	-webkit-line-clamp: 1
}

.popular-truncate-multiline_17 {
	-webkit-line-clamp: 17;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-align: left
}

.popular-truncate-text {
	color: #011a3f;
	display: flex;
	font-size: 24px;
	font-weight: 700;
	justify-content: flex-start;
	line-height: 32px;
	margin-left: 5px;
	text-align: left
}

.popText {
	-webkit-clip-path: initial !important;
	clip-path: none !important
}

.regular_text,
.regular_text span p {
	color: #00333e !important;
	font-size: 16px !important;
	margin-top: 10px;
	text-align: left
}

.poptext {
	line-height: 120%;
	text-shadow: 1px 1px 3px #000
}

.popular0,
.popular1 {
	border-radius: 42px
}

.popular-truncate-text1 {
	color: #011a3f;
	display: flex;
	font-size: 24px;
	font-weight: 700;
	justify-content: flex-start;
	margin-bottom: 10px
}

.middle_img {
	border-radius: 42px;
	height: 380px
}

.rewiew_box {
	border: 1px solid #eee;
	border-radius: 60px;
	box-shadow: inset -1px -1px 3px #0006;
	max-width: 500px
}

.rewieSlider img {
	height: auto;
	margin-bottom: 30px;
	margin-top: 80px;
	max-width: 200px
}

.maxHeigtforRevie {
	max-width: 350px
}

.rewieSlider .btns {
	padding-top: 0
}

.newClass {
	height: auto
}

.forShadow,
.newClass {
	border-radius: 60px;
	-webkit-clip-path: initial !important;
	clip-path: none !important
}

@media (max-width:1280px) {
	.my_order {
		display: flex;
		flex-direction: column
	}

	.newClass {
		margin-top: 20px
	}

	.my_order .myFirstDIV {
		order: 2
	}

	.my_order .mySecondDIV {
		order: 1
	}

	.my_order .myThirdDIV {
		order: 3
	}

	.my_order .myThirdDIV img {
		height: 100%;
		min-height: 250px;
		object-fit: cover
	}

	.mobile_change {
		flex-direction: column;
		height: auto
	}

	.mobile_change div {
		text-align: left;
		width: 100%
	}

	.mobile_change div img {
		height: 360px
	}

	.my_order .mySecondDIV .regular_text {
		padding-left: 7px
	}

	.poptext {
		font-size: 24px
	}
}

@media (max-width:576px) {
	.mobile_change div img {
		height: 236px
	}

	.myThirdDIV img {
		height: 236px;
		width: 100%
	}

	.newClass div {
		height: auto
	}

	.newClass img {
		height: 236px;
		width: 100%
	}

	.maxHeigtforRevie {
		height: 300px
	}

	.maxHeigtforRevie img {
		height: 180px
	}

	.rewieSlider {
		overflow: hidden
	}

	.regular-truncate-multiline {
		-webkit-line-clamp: 4
	}
}

@media (max-width:460px) {
	.maxHeigtforRevie img {
		height: 120px
	}

	.maxHeigtforRevie {
		height: 280px
	}

	.regular-truncate-multiline {
		height: 95px
	}
}

.App {
	text-align: center
}

.App-logo {
	height: 40vmin;
	pointer-events: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

li {
	list-style-type: disc
}

:where(.css-dev-only-do-not-override-1kuana8).ant-modal .ant-modal-content {
	background-clip: padding-box;
	background-color: #fff;
	border: 0;
	border-radius: 30px;
	box-shadow: 0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;
	padding: 0;
	pointer-events: auto;
	position: relative
}

.myContainer {
	margin: 2% auto;
	max-width: 1000px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%
}

.truncateP {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.bredcrumbText h1 {
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
	opacity: .8;
	text-align: left;
	text-transform: uppercase
}

.bredcrumbText h1 span {
	opacity: 1;
	text-transform: uppercase
}

.bannerCont {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 20px
}

.whitSide {
	background: #fff;
	border-radius: 20px;
	max-width: 320px;
	padding: 10px;
	width: 100%
}

.whitSide p {
	font-size: 20px
}

.imgSid {
	align-items: center;
	display: flex;
	height: 440px;
	justify-content: center;
	margin-left: 20px
}

.imgSid,
.imgSid img {
	border-radius: 20px;
	max-width: 660px;
	width: 100%
}

.imgSid img {
	height: auto;
	max-height: 440px
}

.revieSlid img {
	border-radius: 0
}

.bannerLastBlock,
.socialIcons {
	display: flex;
	justify-content: flex-end
}

.bannerLastBlock {
	align-items: center;
	margin-top: 45px
}

.dayMonth {
	display: flex;
	justify-content: center;
	width: 70%
}

.dayMonth p {
	color: #fff
}

.internationaltext {
	max-width: 660px;
	width: 100%
}

.internationaltext ul {
	padding: 5px 0;
	text-align: left
}

.internationaltext ol {
	padding: 5px 15px;
	text-align: left
}

.internationaltext ol li {
	font-size: 20px;
	list-style: inside;
	list-style: decimal;
	text-align: left
}

.internationaltext ul li {
	font-size: 20px;
	list-style: inside;
	padding: 0 15px;
	text-align: left
}

.combineBlock {
	margin-left: 20px;
	max-width: 660px;
	width: 100%
}

.myContainer .myCalculate .myButton {
	background: #ffc737
}

.myContainer .myCalculate .notShowOnPage {
	display: none
}

.myContainer .myCalculate .compear {
	align-items: center;
	border: 1px solid #4a9ce2;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 15px
}

.myContainer .myCalculate .compear img {
	margin-top: 10px
}

.internationaltext p {
	background: #daebf9;
	border-radius: 30px;
	font-size: 20px;
	line-height: 150%;
	padding: 15px;
	text-align: left
}

.internationaltext h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 25px
}

.internationaltext img {
	padding: 15px
}

.secondBlock {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-top: 50px
}

.secondBlock .bigCalculater {
	background: #2485c9
}

.ordinaryText h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 35px;
	margin-top: 35px
}

.ordinaryText p {
	background: none;
	font-size: 20px;
	line-height: 150%
}

.registerSkrill {
	align-items: center;
	background: #daebf9;
	border: 1px solid #4a9ce2;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 15px
}

.registerSkrill h3 {
	font-size: 24px;
	font-weight: 700
}

.registerSkrill p {
	background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
	background: initial;
	font-weight: 500
}

.registerSkrill button {
	background: #ffc737;
	border-radius: 20px;
	height: 58px;
	margin-bottom: 10px;
	margin-top: 10px;
	opacity: 1;
	width: 250px
}

.registerSkrill span {
	margin-bottom: 20px;
	opacity: .7
}

.ordinaryText a,
.ordinaryText button {
	align-items: center;
	display: flex;
	justify-content: center
}

.ordinaryText button {
	background: #ffc737;
	border-radius: 20px;
	height: 58px;
	margin-bottom: 10px;
	margin-top: 10px;
	opacity: 1;
	width: 265px
}

.ordinaryText button img {
	margin-right: 10px
}

.video {
	border-radius: 20px;
	cursor: pointer;
	margin: 30px auto;
	max-width: 660px;
	width: 100%
}

.interestedIn h4 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 30px;
	opacity: .7;
	text-align: left
}

.interestedBlock {
	display: flex;
	flex-wrap: wrap
}

.interestedBlock a {
	flex: 0 1 31%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px
}

.interestedBlock p {
	background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
	background: initial;
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 600;
	height: 78px;
	padding: 10px;
	text-align: left
}

.interestedBox span {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin-top: 15px;
	padding: 10px;
	width: 100%
}

.interestedBox span img {
	height: 15px;
	margin-right: 10px;
	width: 13px
}

.interestedBox .littleP {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	height: 40px;
	overflow: hidden
}

.interestedBox .littleP,
.interestedBox span {
	font-size: 11px;
	font-weight: 400
}

.interestedBox img {
	border-radius: 10px;
	height: 208px;
	width: 100%
}

.interestedBox {
	align-items: center;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	justify-content: center;
	overflow: hidden;
	padding: 5px
}

.dialogIframe,
.interestedBox {
	display: flex;
	flex-direction: column
}

.dialogIframe {
	min-height: 100vh
}

.dialogIframe iframe {
	border-radius: 20px;
	height: 440px;
	margin: 5% auto;
	max-width: 660px;
	width: 100%
}

.dialogIframe svg {
	cursor: pointer
}

.ordinaryText span {
	display: block;
	font-size: 16px;
	opacity: .7;
	text-align: left
}

.downloadIcons {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 30px
}

.downloadIcons img {
	margin-left: 10px;
	margin-right: 10px
}

.showBlock {
	display: block
}

.showBlock .calculatorSmall {
	margin: 10px auto
}

.hideBlock,
.hideTitle {
	display: none
}

.showTitle {
	display: block
}

.hideIcon {
	display: none
}

.imgSid .reviewImg {
	max-width: 247px
}

.revieSlid {
	align-items: center;
	background: #daebf9;
	border-radius: 20px;
	display: flex;
	height: 440px;
	justify-content: center;
	max-width: 660px;
	width: 100%
}

@media (max-width:992px) {
	.showBlock {
		display: none
	}

	.hideBlock {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 50px;
		width: 100%
	}

	.hideBlock p {
		background: #0000 none repeat 0 0/auto auto padding-box border-box scroll;
		background: initial
	}

	.hideBlock div {
		max-width: 320px
	}

	.calculatorSmall {
		margin: 10px auto
	}

	.interestedBlock {
		margin-bottom: 20px
	}

	.dialogIframe iframe {
		margin: 30px auto
	}

	.internationaltext {
		margin-left: 0;
		max-width: 900px
	}

	.secondBlock {
		align-items: center;
		flex-direction: column-reverse;
		justify-content: center
	}
}

@media (max-width:800px) {
	.showTitle {
		display: none
	}

	.hideTitle {
		display: block;
		margin-top: 30px
	}

	.hideTitle h2 {
		color: #fff;
		font-size: 28px;
		line-height: 120%
	}

	.bannerCont {
		flex-direction: column-reverse
	}

	.imgSid,
	.revieSlid {
		height: 300px;
		margin-left: 0
	}

	.revieSlid {
		box-shadow: inset 1px 1px 2px #fff
	}

	.imgSid img,
	.reviewImg img {
		max-height: 280px
	}

	.blogbackground {
		margin-bottom: 60px;
		max-height: -webkit-max-content;
		max-height: max-content
	}

	.hideIcon {
		display: flex;
		justify-content: space-between;
		width: 100%
	}

	.dayMonth {
		width: auto
	}

	.combineBlock {
		margin-left: 0
	}

	.showIcon {
		display: none
	}

	.whitSide {
		border: 1px solid #e0e0e0
	}
}

@media (max-width:640px) {
	.interestedBlock a {
		flex: 0 1 46%
	}

	.imgSid {
		height: 190px
	}

	.imgSid img,
	.reviewImg img {
		max-height: 190px
	}

	.socialIcons img {
		height: 30px;
		width: 30px
	}

	.dialogIframe iframe {
		height: 264px
	}

	.internationaltext ol li,
	.internationaltext ul li {
		font-size: 16px
	}

	.ordinaryText h3 {
		font-size: 20px
	}

	.ordinaryText p {
		font-size: 16px
	}

	.interestedBox p {
		height: 78px
	}

	.truncateP {
		-webkit-line-clamp: 3
	}
}

@media (max-width:430px) {
	.interestedBox img {
		height: 150px
	}
}

.header-background {
	background-color: #1d7ecb
}

.header_container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%
}

.bg-gray-100 {
	background-color: #f7fafc
}

.text-gray-text {
	color: #718096;
	font-size: 17px
}

.text-gray-point {
	color: #718096;
	font-size: 18px;
	font-weight: 600
}

.max-w-1350 {
	max-width: 1000px
}

@media(max-width:450px) {
	.first_style h1 {
		font-size: 1.5rem
	}

	.first_style {
		padding: 1rem .5rem
	}

	.header_container {
		padding-bottom: 15px;
		padding-top: 15px
	}
}

.contact-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.text-contact {
	color: #272727
}

.heading-contact {
	font-weight: 700;
	margin-top: 60px;
	text-transform: uppercase
}

.heading-main {
	color: #f8d308
}

.input-form {
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	display: block;
	height: 56px;
	margin-bottom: 20px;
	outline: none;
	padding-left: 10px;
	width: 100%
}

.heading-about {
	margin-bottom: 40px;
	text-align: center
}

.label-form {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 14px;
	margin-bottom: 4px;
	margin-left: 15px;
	opacity: 60%;
	text-align: left
}

.textarea-form {
	min-height: 97px;
	resize: vertical
}

.button-form {
	background: #272727;
	border-radius: 20px;
	color: #e0e0e0;
	height: 56px;
	width: 100%
}

.formContainer {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10
}

.form,
.formContainer {
	max-width: 500px;
	width: 100%
}

.form {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 50px
}

.bootomText {
	margin-bottom: 80px;
	margin-top: 80px
}

.bootomText .text {
	color: #000;
	font-weight: 400;
	opacity: 70%
}

.blueText,
.bootomText .text {
	font-size: 16px;
	letter-spacing: -.01em;
	line-height: 22px;
	text-align: center
}

.blueText {
	font-weight: 700
}

.sentMessage {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	width: 100%
}

.sentMessage span {
	background: #acee5b;
	border: 1px dotted #272727;
	border-radius: 20px;
	max-width: 500px;
	padding: 20px;
	width: 100%
}

@media (max-width:500px) {
	.formContainer {
		padding-left: 10px;
		padding-right: 10px
	}

	.feedback img {
		height: 300px
	}

	.heading-contact {
		font-size: 18px;
		padding: 10px
	}

	.sentMessage {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (max-width:400px) {
	.feedback img:first-child {
		height: 250px;
		top: 200px !important
	}

	.feedback img:nth-child(2) {
		height: 250px;
		top: 250px !important
	}
}

.error {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 60px;
	margin-top: 60px;
	text-align: center
}

.error h1 {
	font-size: 400px
}

.error h1,
.error p {
	color: #000;
	font-family: title
}

.error p {
	font-size: 63px
}

.error span {
	color: #9b9b9b;
	font-family: regular;
	font-size: 31px;
	max-width: 850px
}

.error a,
.error span {
	text-align: center;
	width: 100%
}

.error a {
	display: block
}

.error button {
	background: #000;
	border: 1px solid #000;
	color: #fff;
	height: 70px;
	margin-top: 20px;
	max-width: 520px;
	width: 100%
}

@media(max-width:992px) {
	.error h1 {
		font-size: 250px
	}

	.error p {
		font-size: 35px
	}

	.error button {
		height: 50px;
		width: 300px
	}
}

@media(max-width:576px) {
	.error h1 {
		font-size: 130px
	}

	.error p {
		font-size: 20px
	}

	.error span {
		font-size: 14px
	}
}