/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, 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
}

img {
	border-style: none
}

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

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

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

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

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

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

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

button {
	background-color: transparent;
	background-image: none
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

fieldset,
ol,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none
}

html {
	font-family: 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
}

*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid #fafafa
}

hr {
	border-top-width: 1px
}

img {
	border-style: solid
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #a0aec0
}

input::placeholder,
textarea::placeholder {
	color: #a0aec0
}

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

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: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

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

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

.container {
	width: 100%
}

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

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

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

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

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

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

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

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

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

.btn-blue {
	--bg-opacity: 1;
	background-color: #0056b3;
	background-color: rgba(0, 86, 179, var(--bg-opacity));
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity));
	font-weight: 700;
	padding: 2px 4px;
	border-radius: .25rem
}

.divide-x>:not(template)~:not(template) {
	--divide-x-reverse: 0;
	border-right-width: calc(1px * var(--divide-x-reverse));
	border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)))
}

.divide-gray-35>:not(template)~:not(template) {
	--divide-opacity: 1;
	border-color: #6a6a6a;
	border-color: rgba(106, 106, 106, var(--divide-opacity))
}

.divide-gray-100>:not(template)~:not(template) {
	--divide-opacity: 1;
	border-color: #f2f2f2;
	border-color: rgba(242, 242, 242, var(--divide-opacity))
}

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

.bg-transparent {
	background-color: transparent
}

.bg-black {
	--bg-opacity: 1;
	background-color: #000;
	background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.bg-white {
	--bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.bg-gray-5 {
	--bg-opacity: 1;
	background-color: #f5f5fa;
	background-color: rgba(245, 245, 250, var(--bg-opacity))
}

.bg-gray-6 {
	--bg-opacity: 1;
	background-color: #f9fafd;
	background-color: rgba(249, 250, 253, var(--bg-opacity))
}

.bg-gray-10 {
	--bg-opacity: 1;
	background-color: #eaeaea;
	background-color: rgba(234, 234, 234, var(--bg-opacity))
}

.bg-gray-50 {
	--bg-opacity: 1;
	background-color: #f8f8fc;
	background-color: rgba(248, 248, 252, var(--bg-opacity))
}

.bg-gray-65 {
	--bg-opacity: 1;
	background-color: #f8f9fa;
	background-color: rgba(248, 249, 250, var(--bg-opacity))
}

.bg-gray-75 {
	--bg-opacity: 1;
	background-color: #edeff8;
	background-color: rgba(237, 239, 248, var(--bg-opacity))
}

.bg-gray-90 {
	--bg-opacity: 1;
	background-color: #ddd;
	background-color: rgba(221, 221, 221, var(--bg-opacity))
}

.bg-gray-100 {
	--bg-opacity: 1;
	background-color: #f2f2f2;
	background-color: rgba(242, 242, 242, var(--bg-opacity))
}

.bg-gray-130 {
	--bg-opacity: 1;
	background-color: #6b6b6b;
	background-color: rgba(107, 107, 107, var(--bg-opacity))
}

.bg-gray-170 {
	--bg-opacity: 1;
	background-color: #f9f9f9;
	background-color: rgba(249, 249, 249, var(--bg-opacity))
}

.bg-gray-200 {
	--bg-opacity: 1;
	background-color: #eff4fc;
	background-color: rgba(239, 244, 252, var(--bg-opacity))
}

.bg-gray-230 {
	--bg-opacity: 1;
	background-color: #f2f3f5;
	background-color: rgba(242, 243, 245, var(--bg-opacity))
}

.bg-gray-260 {
	--bg-opacity: 1;
	background-color: #f4f4f4;
	background-color: rgba(244, 244, 244, var(--bg-opacity))
}

.bg-gray-300 {
	--bg-opacity: 1;
	background-color: #fafafa;
	background-color: rgba(250, 250, 250, var(--bg-opacity))
}

.bg-gray-800 {
	--bg-opacity: 1;
	background-color: #4a4a4a;
	background-color: rgba(74, 74, 74, var(--bg-opacity))
}

.bg-gray-900 {
	--bg-opacity: 1;
	background-color: #191919;
	background-color: rgba(25, 25, 25, var(--bg-opacity))
}

.bg-gray-1000 {
	--bg-opacity: 1;
	background-color: #f8f5f1;
	background-color: rgba(248, 245, 241, var(--bg-opacity))
}

.bg-red-40 {
	--bg-opacity: 1;
	background-color: #ffe5e3;
	background-color: rgba(255, 229, 227, var(--bg-opacity))
}

.bg-red-50 {
	--bg-opacity: 1;
	background-color: #da552f;
	background-color: rgba(218, 85, 47, var(--bg-opacity))
}

.bg-red-70 {
	--bg-opacity: 1;
	background-color: #ffe9e7;
	background-color: rgba(255, 233, 231, var(--bg-opacity))
}

.bg-red-80 {
	--bg-opacity: 1;
	background-color: #ff4f42;
	background-color: rgba(255, 79, 66, var(--bg-opacity))
}

.bg-red-150 {
	--bg-opacity: 1;
	background-color: #dc3545;
	background-color: rgba(220, 53, 69, var(--bg-opacity))
}

.bg-red-200 {
	--bg-opacity: 1;
	background-color: #f9f2f4;
	background-color: rgba(249, 242, 244, var(--bg-opacity))
}

.bg-red-300 {
	--bg-opacity: 1;
	background-color: #fbdddd;
	background-color: rgba(251, 221, 221, var(--bg-opacity))
}

.bg-red-350 {
	--bg-opacity: 1;
	background-color: #f5c6cb;
	background-color: rgba(245, 198, 203, var(--bg-opacity))
}

.bg-red-400 {
	--bg-opacity: 1;
	background-color: #ffb6c1;
	background-color: rgba(255, 182, 193, var(--bg-opacity))
}

.bg-red-450 {
	--bg-opacity: 1;
	background-color: #ffefef;
	background-color: rgba(255, 239, 239, var(--bg-opacity))
}

.bg-red-500 {
	--bg-opacity: 1;
	background-color: red;
	background-color: rgba(255, 0, 0, var(--bg-opacity))
}

.bg-red-650 {
	--bg-opacity: 1;
	background-color: #ff8a8a;
	background-color: rgba(255, 138, 138, var(--bg-opacity))
}

.bg-red-700 {
	--bg-opacity: 1;
	background-color: #ffdee2;
	background-color: rgba(255, 222, 226, var(--bg-opacity))
}

.bg-red-750 {
	--bg-opacity: 1;
	background-color: #dd5681;
	background-color: rgba(221, 86, 129, var(--bg-opacity))
}

.bg-red-800 {
	--bg-opacity: 1;
	background-color: #ff7b6f;
	background-color: rgba(255, 123, 111, var(--bg-opacity))
}

.bg-red-900 {
	--bg-opacity: 1;
	background-color: #f2f3f7;
	background-color: rgba(242, 243, 247, var(--bg-opacity))
}

.bg-red-1000 {
	--bg-opacity: 1;
	background-color: #fdfbf4;
	background-color: rgba(253, 251, 244, var(--bg-opacity))
}

.bg-orange-100 {
	--bg-opacity: 1;
	background-color: #ffece6;
	background-color: rgba(255, 236, 230, var(--bg-opacity))
}

.bg-orange-300 {
	--bg-opacity: 1;
	background-color: #ffe2ad;
	background-color: rgba(255, 226, 173, var(--bg-opacity))
}

.bg-orange-600 {
	--bg-opacity: 1;
	background-color: #ef6c00;
	background-color: rgba(239, 108, 0, var(--bg-opacity))
}

.bg-orange-900 {
	--bg-opacity: 1;
	background-color: #ffa400;
	background-color: rgba(255, 164, 0, var(--bg-opacity))
}

.bg-orange-1000 {
	--bg-opacity: 1;
	background-color: #fff1d9;
	background-color: rgba(255, 241, 217, var(--bg-opacity))
}

.bg-yellow-100 {
	--bg-opacity: 1;
	background-color: #ff9730;
	background-color: rgba(255, 151, 48, var(--bg-opacity))
}

.bg-yellow-200 {
	--bg-opacity: 1;
	background-color: #faf7f1;
	background-color: rgba(250, 247, 241, var(--bg-opacity))
}

.bg-yellow-400 {
	--bg-opacity: 1;
	background-color: #ffc107;
	background-color: rgba(255, 193, 7, var(--bg-opacity))
}

.bg-yellow-500 {
	--bg-opacity: 1;
	background-color: #fff3cd;
	background-color: rgba(255, 243, 205, var(--bg-opacity))
}

.bg-yellow-800 {
	--bg-opacity: 1;
	background-color: #fa9218;
	background-color: rgba(250, 146, 24, var(--bg-opacity))
}

.bg-green-2 {
	--bg-opacity: 1;
	background-color: #011a1a;
	background-color: rgba(1, 26, 26, var(--bg-opacity))
}

.bg-green-10 {
	--bg-opacity: 1;
	background-color: #f0fff6;
	background-color: rgba(240, 255, 246, var(--bg-opacity))
}

.bg-green-30 {
	--bg-opacity: 1;
	background-color: #e6f6e6;
	background-color: rgba(230, 246, 230, var(--bg-opacity))
}

.bg-green-100 {
	--bg-opacity: 1;
	background-color: #28a745;
	background-color: rgba(40, 167, 69, var(--bg-opacity))
}

.bg-green-200 {
	--bg-opacity: 1;
	background-color: #17a2b8;
	background-color: rgba(23, 162, 184, var(--bg-opacity))
}

.bg-green-350 {
	--bg-opacity: 1;
	background-color: #e6ffe4;
	background-color: rgba(230, 255, 228, var(--bg-opacity))
}

.bg-green-400 {
	--bg-opacity: 1;
	background-color: #8dffec;
	background-color: rgba(141, 255, 236, var(--bg-opacity))
}

.bg-green-650 {
	--bg-opacity: 1;
	background-color: #a0d468;
	background-color: rgba(160, 212, 104, var(--bg-opacity))
}

.bg-green-700 {
	--bg-opacity: 1;
	background-color: #dafaea;
	background-color: rgba(218, 250, 234, var(--bg-opacity))
}

.bg-green-900 {
	--bg-opacity: 1;
	background-color: #0bce6b;
	background-color: rgba(11, 206, 107, var(--bg-opacity))
}

.bg-green-1000 {
	--bg-opacity: 1;
	background-color: #e7faf0;
	background-color: rgba(231, 250, 240, var(--bg-opacity))
}

.bg-blue-1 {
	--bg-opacity: 1;
	background-color: #1a45be;
	background-color: rgba(26, 69, 190, var(--bg-opacity))
}

.bg-blue-10 {
	--bg-opacity: 1;
	background-color: #6772e5;
	background-color: rgba(103, 114, 229, var(--bg-opacity))
}

.bg-blue-20 {
	--bg-opacity: 1;
	background-color: #17a2b8;
	background-color: rgba(23, 162, 184, var(--bg-opacity))
}

.bg-blue-40 {
	--bg-opacity: 1;
	background-color: #d1ecf1;
	background-color: rgba(209, 236, 241, var(--bg-opacity))
}

.bg-blue-80 {
	--bg-opacity: 1;
	background-color: #0569ff;
	background-color: rgba(5, 105, 255, var(--bg-opacity))
}

.bg-blue-100 {
	--bg-opacity: 1;
	background-color: #210070;
	background-color: rgba(33, 0, 112, var(--bg-opacity))
}

.bg-blue-110 {
	background-color: #866ef9
}

.bg-blue-150 {
	--bg-opacity: 1;
	background-color: #00a4fd;
	background-color: rgba(0, 164, 253, var(--bg-opacity))
}

.bg-blue-200 {
	--bg-opacity: 1;
	background-color: #4768fd;
	background-color: rgba(71, 104, 253, var(--bg-opacity))
}

.bg-blue-250 {
	--bg-opacity: 1;
	background-color: #294ecf;
	background-color: rgba(41, 78, 207, var(--bg-opacity))
}

.bg-blue-300 {
	--bg-opacity: 1;
	background-color: #d3e6ff;
	background-color: rgba(211, 230, 255, var(--bg-opacity))
}

.bg-blue-350 {
	--bg-opacity: 1;
	background-color: #536dfe;
	background-color: rgba(83, 109, 254, var(--bg-opacity))
}

.bg-blue-450 {
	--bg-opacity: 1;
	background-color: #1a0031;
	background-color: rgba(26, 0, 49, var(--bg-opacity))
}

.bg-blue-550 {
	--bg-opacity: 1;
	background-color: #0080ff;
	background-color: rgba(0, 128, 255, var(--bg-opacity))
}

.bg-blue-650 {
	--bg-opacity: 1;
	background-color: #0b0b44;
	background-color: rgba(11, 11, 68, var(--bg-opacity))
}

.bg-blue-750 {
	--bg-opacity: 1;
	background-color: #ac92ec;
	background-color: rgba(172, 146, 236, var(--bg-opacity))
}

.bg-blue-800 {
	--bg-opacity: 1;
	background-color: #d4edda;
	background-color: rgba(212, 237, 218, var(--bg-opacity))
}

.bg-blue-850 {
	--bg-opacity: 1;
	background-color: #e8ecfd;
	background-color: rgba(232, 236, 253, var(--bg-opacity))
}

.bg-blue-950 {
	--bg-opacity: 1;
	background-color: #2f5caa;
	background-color: rgba(47, 92, 170, var(--bg-opacity))
}

.bg-blue-1000 {
	--bg-opacity: 1;
	background-color: #f6f6fd;
	background-color: rgba(246, 246, 253, var(--bg-opacity))
}

.bg-purple-2 {
	--bg-opacity: 1;
	background-color: #7174e6;
	background-color: rgba(113, 116, 230, var(--bg-opacity))
}

.bg-purple-3 {
	--bg-opacity: 1;
	background-color: #726ff1;
	background-color: rgba(114, 111, 241, var(--bg-opacity))
}

.bg-purple-5 {
	--bg-opacity: 1;
	background-color: #1e183a;
	background-color: rgba(30, 24, 58, var(--bg-opacity))
}

.bg-purple-8 {
	--bg-opacity: 1;
	background-color: #0a061e;
	background-color: rgba(10, 6, 30, var(--bg-opacity))
}

.bg-purple-10 {
	--bg-opacity: 1;
	background-color: #483a65;
	background-color: rgba(72, 58, 101, var(--bg-opacity))
}

.bg-purple-25 {
	--bg-opacity: 1;
	background-color: #fbb38b;
	background-color: rgba(251, 179, 139, var(--bg-opacity))
}

.bg-purple-50 {
	--bg-opacity: 1;
	background-color: #0f1442;
	background-color: rgba(15, 20, 66, var(--bg-opacity))
}

.bg-purple-60 {
	--bg-opacity: 1;
	background-color: #382749;
	background-color: rgba(56, 39, 73, var(--bg-opacity))
}

.bg-purple-150 {
	--bg-opacity: 1;
	background-color: #e3ebff;
	background-color: rgba(227, 235, 255, var(--bg-opacity))
}

.bg-purple-250 {
	--bg-opacity: 1;
	background-color: #7b74f5;
	background-color: rgba(123, 116, 245, var(--bg-opacity))
}

.bg-purple-350 {
	--bg-opacity: 1;
	background-color: #ebebfa;
	background-color: rgba(235, 235, 250, var(--bg-opacity))
}

.bg-purple-450 {
	--bg-opacity: 1;
	background-color: #1f1a35;
	background-color: rgba(31, 26, 53, var(--bg-opacity))
}

.bg-purple-500 {
	--bg-opacity: 1;
	background-color: #2e3c56;
	background-color: rgba(46, 60, 86, var(--bg-opacity))
}

.bg-purple-550 {
	--bg-opacity: 1;
	background-color: #365899;
	background-color: rgba(54, 88, 153, var(--bg-opacity))
}

.bg-purple-600 {
	--bg-opacity: 1;
	background-color: #fcabe1;
	background-color: rgba(252, 171, 225, var(--bg-opacity))
}

.bg-purple-650 {
	--bg-opacity: 1;
	background-color: #55acee;
	background-color: rgba(85, 172, 238, var(--bg-opacity))
}

.bg-purple-700 {
	--bg-opacity: 1;
	background-color: #007bb6;
	background-color: rgba(0, 123, 182, var(--bg-opacity))
}

.bg-purple-800 {
	--bg-opacity: 1;
	background-color: #7653fe;
	background-color: rgba(118, 83, 254, var(--bg-opacity))
}

.bg-purple-900 {
	--bg-opacity: 1;
	background-color: #5b74f9;
	background-color: rgba(91, 116, 249, var(--bg-opacity))
}

.bg-pink-100 {
	--bg-opacity: 1;
	background-color: #fbebea;
	background-color: rgba(251, 235, 234, var(--bg-opacity))
}

.bg-lambda-1 {
	--bg-opacity: 1;
	background-color: #fef8fb;
	background-color: rgba(254, 248, 251, var(--bg-opacity))
}

.bg-lambda-2 {
	--bg-opacity: 1;
	background-color: #e6f9ff;
	background-color: rgba(230, 249, 255, var(--bg-opacity))
}

.bg-lambda-7 {
	--bg-opacity: 1;
	background-color: #0f0322;
	background-color: rgba(15, 3, 34, var(--bg-opacity))
}

.bg-lambda-8 {
	--bg-opacity: 1;
	background-color: #f9f7ff;
	background-color: rgba(249, 247, 255, var(--bg-opacity))
}

.bg-lambda-10 {
	--bg-opacity: 1;
	background-color: #f2faf5;
	background-color: rgba(242, 250, 245, var(--bg-opacity))
}

.bg-lambda-20 {
	--bg-opacity: 1;
	background-color: #effafd;
	background-color: rgba(239, 250, 253, var(--bg-opacity))
}

.bg-lambda-30 {
	--bg-opacity: 1;
	background-color: #f4fbff;
	background-color: rgba(244, 251, 255, var(--bg-opacity))
}

.bg-lambda-50 {
	--bg-opacity: 1;
	background-color: #cff;
	background-color: rgba(204, 255, 255, var(--bg-opacity))
}

.bg-lambda-60 {
	--bg-opacity: 1;
	background-color: #f4fdf4;
	background-color: rgba(244, 253, 244, var(--bg-opacity))
}

.bg-lambda-80 {
	--bg-opacity: 1;
	background-color: #eef5ff;
	background-color: rgba(238, 245, 255, var(--bg-opacity))
}

.bg-lambda-90 {
	--bg-opacity: 1;
	background-color: #b3e6ff;
	background-color: rgba(179, 230, 255, var(--bg-opacity))
}

.bg-lambda-100 {
	--bg-opacity: 1;
	background-color: #fff5e4;
	background-color: rgba(255, 245, 228, var(--bg-opacity))
}

.bg-lambda-150 {
	--bg-opacity: 1;
	background-color: #faffe5;
	background-color: rgba(250, 255, 229, var(--bg-opacity))
}

.bg-lambda-200 {
	--bg-opacity: 1;
	background-color: #ffd4c2;
	background-color: rgba(255, 212, 194, var(--bg-opacity))
}

.bg-lambda-300 {
	--bg-opacity: 1;
	background-color: #f6f8f9;
	background-color: rgba(246, 248, 249, var(--bg-opacity))
}

.bg-lambda-400 {
	--bg-opacity: 1;
	background-color: #ffeaea;
	background-color: rgba(255, 234, 234, var(--bg-opacity))
}

.bg-lambda-600 {
	--bg-opacity: 1;
	background-color: #fdeded;
	background-color: rgba(253, 237, 237, var(--bg-opacity))
}

.bg-lambda-900 {
	--bg-opacity: 1;
	background-color: #0ebac5;
	background-color: rgba(14, 186, 197, var(--bg-opacity))
}

.bg-lambda-1000 {
	--bg-opacity: 1;
	background-color: #1e0000;
	background-color: rgba(30, 0, 0, var(--bg-opacity))
}

.bg-brown-200 {
	--bg-opacity: 1;
	background-color: #26292c;
	background-color: rgba(38, 41, 44, var(--bg-opacity))
}

.bg-ltBlack-3 {
	--bg-opacity: 1;
	background-color: #1c1d20;
	background-color: rgba(28, 29, 32, var(--bg-opacity))
}

.bg-ltBlack-400 {
	--bg-opacity: 1;
	background-color: #333;
	background-color: rgba(51, 51, 51, var(--bg-opacity))
}

.bg-ltBlack-900 {
	--bg-opacity: 1;
	background-color: #202020;
	background-color: rgba(32, 32, 32, var(--bg-opacity))
}

.bg-ltBlack-1000 {
	--bg-opacity: 1;
	background-color: #28282a;
	background-color: rgba(40, 40, 42, var(--bg-opacity))
}

.bg-ltBlack-1050 {
	--bg-opacity: 1;
	background-color: #05010c;
	background-color: rgba(5, 1, 12, var(--bg-opacity))
}

.hover\:bg-transparent:hover {
	background-color: transparent
}

.hover\:bg-black:hover {
	--bg-opacity: 1;
	background-color: #000;
	background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.hover\:bg-white:hover {
	--bg-opacity: 1;
	background-color: #fff;
	background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.hover\:bg-gray-21:hover {
	--bg-opacity: 1;
	background-color: #e2e2e2;
	background-color: rgba(226, 226, 226, var(--bg-opacity))
}

.hover\:bg-gray-65:hover {
	--bg-opacity: 1;
	background-color: #f8f9fa;
	background-color: rgba(248, 249, 250, var(--bg-opacity))
}

.hover\:bg-gray-90:hover {
	--bg-opacity: 1;
	background-color: #ddd;
	background-color: rgba(221, 221, 221, var(--bg-opacity))
}

.hover\:bg-gray-100:hover {
	--bg-opacity: 1;
	background-color: #f2f2f2;
	background-color: rgba(242, 242, 242, var(--bg-opacity))
}

.hover\:bg-gray-170:hover {
	--bg-opacity: 1;
	background-color: #f9f9f9;
	background-color: rgba(249, 249, 249, var(--bg-opacity))
}

.hover\:bg-gray-800:hover {
	--bg-opacity: 1;
	background-color: #4a4a4a;
	background-color: rgba(74, 74, 74, var(--bg-opacity))
}

.hover\:bg-red-600:hover {
	--bg-opacity: 1;
	background-color: #f7f4f4;
	background-color: rgba(247, 244, 244, var(--bg-opacity))
}

.hover\:bg-blue-90:hover {
	--bg-opacity: 1;
	background-color: #36f;
	background-color: rgba(51, 102, 255, var(--bg-opacity))
}

.hover\:bg-blue-250:hover {
	--bg-opacity: 1;
	background-color: #294ecf;
	background-color: rgba(41, 78, 207, var(--bg-opacity))
}

.hover\:bg-purple-250:hover {
	--bg-opacity: 1;
	background-color: #7b74f5;
	background-color: rgba(123, 116, 245, var(--bg-opacity))
}

.hover\:bg-purple-350:hover {
	--bg-opacity: 1;
	background-color: #ebebfa;
	background-color: rgba(235, 235, 250, var(--bg-opacity))
}

.hover\:bg-purple-900:hover {
	--bg-opacity: 1;
	background-color: #5b74f9;
	background-color: rgba(91, 116, 249, var(--bg-opacity))
}

.hover\:bg-lambda-80:hover {
	--bg-opacity: 1;
	background-color: #eef5ff;
	background-color: rgba(238, 245, 255, var(--bg-opacity))
}

.hover\:bg-lambda-900:hover {
	--bg-opacity: 1;
	background-color: #0ebac5;
	background-color: rgba(14, 186, 197, var(--bg-opacity))
}

.hover\:bg-ltBlack-400:hover {
	--bg-opacity: 1;
	background-color: #333;
	background-color: rgba(51, 51, 51, var(--bg-opacity))
}

.bg-none {
	background-image: none
}

.bg-no-repeat {
	background-repeat: no-repeat
}

.border-collapse {
	border-collapse: collapse
}

.border-separate {
	border-collapse: separate
}

.border-transparent {
	border-color: transparent
}

.border-black {
	--border-opacity: 1;
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--border-opacity))
}

.border-white {
	--border-opacity: 1;
	border-color: #fff;
	border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-gray-1 {
	--border-opacity: 1;
	border-color: #e1e9ec;
	border-color: rgba(225, 233, 236, var(--border-opacity))
}

.border-gray-8 {
	--border-opacity: 1;
	border-color: #434444;
	border-color: rgba(67, 68, 68, var(--border-opacity))
}

.border-gray-10 {
	--border-opacity: 1;
	border-color: #eaeaea;
	border-color: rgba(234, 234, 234, var(--border-opacity))
}

.border-gray-11 {
	--border-opacity: 1;
	border-color: #f0f0f0;
	border-color: rgba(240, 240, 240, var(--border-opacity))
}

.border-gray-30 {
	--border-opacity: 1;
	border-color: #e7eaef;
	border-color: rgba(231, 234, 239, var(--border-opacity))
}

.border-gray-55 {
	--border-opacity: 1;
	border-color: #d4d4d4;
	border-color: rgba(212, 212, 212, var(--border-opacity))
}

.border-gray-60 {
	--border-opacity: 1;
	border-color: #979797;
	border-color: rgba(151, 151, 151, var(--border-opacity))
}

.border-gray-70 {
	--border-opacity: 1;
	border-color: #6c757d;
	border-color: rgba(108, 117, 125, var(--border-opacity))
}

.border-gray-80 {
	--border-opacity: 1;
	border-color: #555;
	border-color: rgba(85, 85, 85, var(--border-opacity))
}

.border-gray-90 {
	--border-opacity: 1;
	border-color: #ddd;
	border-color: rgba(221, 221, 221, var(--border-opacity))
}

.border-gray-100 {
	--border-opacity: 1;
	border-color: #f2f2f2;
	border-color: rgba(242, 242, 242, var(--border-opacity))
}

.border-gray-140 {
	--border-opacity: 1;
	border-color: #d1dae6;
	border-color: rgba(209, 218, 230, var(--border-opacity))
}

.border-gray-150 {
	--border-opacity: 1;
	border-color: #dee2e6;
	border-color: rgba(222, 226, 230, var(--border-opacity))
}

.border-gray-190 {
	--border-opacity: 1;
	border-color: #4f4f4f;
	border-color: rgba(79, 79, 79, var(--border-opacity))
}

.border-gray-200 {
	--border-opacity: 1;
	border-color: #eff4fc;
	border-color: rgba(239, 244, 252, var(--border-opacity))
}

.border-gray-210 {
	--border-opacity: 1;
	border-color: #838282;
	border-color: rgba(131, 130, 130, var(--border-opacity))
}

.border-gray-220 {
	--border-opacity: 1;
	border-color: #e2e9f1;
	border-color: rgba(226, 233, 241, var(--border-opacity))
}

.border-gray-350 {
	--border-opacity: 1;
	border-color: #9fa3a7;
	border-color: rgba(159, 163, 167, var(--border-opacity))
}

.border-gray-400 {
	--border-opacity: 1;
	border-color: #9b9b9b;
	border-color: rgba(155, 155, 155, var(--border-opacity))
}

.border-gray-450 {
	--border-opacity: 1;
	border-color: #f1f1f1;
	border-color: rgba(241, 241, 241, var(--border-opacity))
}

.border-gray-500 {
	--border-opacity: 1;
	border-color: #737373;
	border-color: rgba(115, 115, 115, var(--border-opacity))
}

.border-gray-550 {
	--border-opacity: 1;
	border-color: #ccc;
	border-color: rgba(204, 204, 204, var(--border-opacity))
}

.border-gray-700 {
	--border-opacity: 1;
	border-color: #777;
	border-color: rgba(119, 119, 119, var(--border-opacity))
}

.border-gray-800 {
	--border-opacity: 1;
	border-color: #4a4a4a;
	border-color: rgba(74, 74, 74, var(--border-opacity))
}

.border-gray-950 {
	--border-opacity: 1;
	border-color: #e7e7e7;
	border-color: rgba(231, 231, 231, var(--border-opacity))
}

.border-gray-1200 {
	--border-opacity: 1;
	border-color: #424242;
	border-color: rgba(66, 66, 66, var(--border-opacity))
}

.border-red-5 {
	--border-opacity: 1;
	border-color: #ff5440;
	border-color: rgba(255, 84, 64, var(--border-opacity))
}

.border-red-50 {
	--border-opacity: 1;
	border-color: #da552f;
	border-color: rgba(218, 85, 47, var(--border-opacity))
}

.border-red-60 {
	--border-opacity: 1;
	border-color: #ff5341;
	border-color: rgba(255, 83, 65, var(--border-opacity))
}

.border-red-150 {
	--border-opacity: 1;
	border-color: #dc3545;
	border-color: rgba(220, 53, 69, var(--border-opacity))
}

.border-red-350 {
	--border-opacity: 1;
	border-color: #f5c6cb;
	border-color: rgba(245, 198, 203, var(--border-opacity))
}

.border-red-1000 {
	--border-opacity: 1;
	border-color: #fdfbf4;
	border-color: rgba(253, 251, 244, var(--border-opacity))
}

.border-orange-900 {
	--border-opacity: 1;
	border-color: #ffa400;
	border-color: rgba(255, 164, 0, var(--border-opacity))
}

.border-yellow-400 {
	--border-opacity: 1;
	border-color: #ffc107;
	border-color: rgba(255, 193, 7, var(--border-opacity))
}

.border-yellow-600 {
	--border-opacity: 1;
	border-color: #ffeeba;
	border-color: rgba(255, 238, 186, var(--border-opacity))
}

.border-yellow-1100 {
	--border-opacity: 1;
	border-color: #252427;
	border-color: rgba(37, 36, 39, var(--border-opacity))
}

.border-green-40 {
	--border-opacity: 1;
	border-color: #11d16f;
	border-color: rgba(17, 209, 111, var(--border-opacity))
}

.border-green-100 {
	--border-opacity: 1;
	border-color: #28a745;
	border-color: rgba(40, 167, 69, var(--border-opacity))
}

.border-green-200 {
	--border-opacity: 1;
	border-color: #17a2b8;
	border-color: rgba(23, 162, 184, var(--border-opacity))
}

.border-green-800 {
	border-color: #94ffff
}

.border-green-900 {
	--border-opacity: 1;
	border-color: #0bce6b;
	border-color: rgba(11, 206, 107, var(--border-opacity))
}

.border-blue-10 {
	--border-opacity: 1;
	border-color: #6772e5;
	border-color: rgba(103, 114, 229, var(--border-opacity))
}

.border-blue-20 {
	--border-opacity: 1;
	border-color: #17a2b8;
	border-color: rgba(23, 162, 184, var(--border-opacity))
}

.border-blue-30 {
	--border-opacity: 1;
	border-color: #bee5eb;
	border-color: rgba(190, 229, 235, var(--border-opacity))
}

.border-blue-50 {
	--border-opacity: 1;
	border-color: #c3dffa;
	border-color: rgba(195, 223, 250, var(--border-opacity))
}

.border-blue-80 {
	--border-opacity: 1;
	border-color: #0569ff;
	border-color: rgba(5, 105, 255, var(--border-opacity))
}

.border-blue-90 {
	--border-opacity: 1;
	border-color: #36f;
	border-color: rgba(51, 102, 255, var(--border-opacity))
}

.border-blue-600 {
	--border-opacity: 1;
	border-color: #c3e6cb;
	border-color: rgba(195, 230, 203, var(--border-opacity))
}

.border-blue-700 {
	--border-opacity: 1;
	border-color: #007bff;
	border-color: rgba(0, 123, 255, var(--border-opacity))
}

.border-blue-900 {
	--border-opacity: 1;
	border-color: #dbddec;
	border-color: rgba(219, 221, 236, var(--border-opacity))
}

.border-purple-1 {
	--border-opacity: 1;
	border-color: #766ef5;
	border-color: rgba(118, 110, 245, var(--border-opacity))
}

.border-purple-25 {
	--border-opacity: 1;
	border-color: #fbb38b;
	border-color: rgba(251, 179, 139, var(--border-opacity))
}

.border-purple-40 {
	--border-opacity: 1;
	border-color: #8f8f8f;
	border-color: rgba(143, 143, 143, var(--border-opacity))
}

.border-purple-900 {
	--border-opacity: 1;
	border-color: #5b74f9;
	border-color: rgba(91, 116, 249, var(--border-opacity))
}

.border-lambda-40 {
	--border-opacity: 1;
	border-color: #e1e9ec;
	border-color: rgba(225, 233, 236, var(--border-opacity))
}

.border-lambda-60 {
	--border-opacity: 1;
	border-color: #f4fdf4;
	border-color: rgba(244, 253, 244, var(--border-opacity))
}

.border-lambda-250 {
	--border-opacity: 1;
	border-color: #dee4ef;
	border-color: rgba(222, 228, 239, var(--border-opacity))
}

.border-lambda-900 {
	--border-opacity: 1;
	border-color: #0ebac5;
	border-color: rgba(14, 186, 197, var(--border-opacity))
}

.border-ltBlack-10 {
	--border-opacity: 1;
	border-color: #e0e0e0;
	border-color: rgba(224, 224, 224, var(--border-opacity))
}

.border-ltBlack-60 {
	--border-opacity: 1;
	border-color: #e9e9e9;
	border-color: rgba(233, 233, 233, var(--border-opacity))
}

.border-ltBlack-400 {
	--border-opacity: 1;
	border-color: #333;
	border-color: rgba(51, 51, 51, var(--border-opacity))
}

.border-ltBlack-600 {
	--border-opacity: 1;
	border-color: #c4c4c4;
	border-color: rgba(196, 196, 196, var(--border-opacity))
}

.border-ltBlack-800 {
	--border-opacity: 1;
	border-color: #4f4c49;
	border-color: rgba(79, 76, 73, var(--border-opacity))
}

.border-ltBlack-900 {
	--border-opacity: 1;
	border-color: #202020;
	border-color: rgba(32, 32, 32, var(--border-opacity))
}

.hover\:border-black:hover {
	--border-opacity: 1;
	border-color: #000;
	border-color: rgba(0, 0, 0, var(--border-opacity))
}

.hover\:border-white:hover {
	--border-opacity: 1;
	border-color: #fff;
	border-color: rgba(255, 255, 255, var(--border-opacity))
}

.hover\:border-gray-25:hover {
	--border-opacity: 1;
	border-color: #e8e9ed;
	border-color: rgba(232, 233, 237, var(--border-opacity))
}

.hover\:border-gray-800:hover {
	--border-opacity: 1;
	border-color: #4a4a4a;
	border-color: rgba(74, 74, 74, var(--border-opacity))
}

.hover\:border-lambda-900:hover {
	--border-opacity: 1;
	border-color: #0ebac5;
	border-color: rgba(14, 186, 197, var(--border-opacity))
}

.border-opacity-0 {
	--border-opacity: 0
}

.hover\:border-opacity-100:hover {
	--border-opacity: 1
}

.rounded-sm {
	border-radius: .125rem
}

.rounded {
	border-radius: .25rem
}

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

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

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

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

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

.rounded-full {
	border-radius: 9999px
}

.rounded-r {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.rounded-l {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.rounded-t-md {
	border-top-left-radius: .375rem;
	border-top-right-radius: .375rem
}

.rounded-t-lg {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem
}

.rounded-b-lg {
	border-bottom-right-radius: .5rem;
	border-bottom-left-radius: .5rem
}

.rounded-t-xl {
	border-top-left-radius: .75rem;
	border-top-right-radius: .75rem
}

.rounded-br-md {
	border-bottom-right-radius: .375rem
}

.rounded-bl-md {
	border-bottom-left-radius: .375rem
}

.rounded-tl-lg {
	border-top-left-radius: .5rem
}

.rounded-tr-lg {
	border-top-right-radius: .5rem
}

.rounded-br-lg {
	border-bottom-right-radius: .5rem
}

.rounded-bl-lg {
	border-bottom-left-radius: .5rem
}

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

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

.border-solid {
	border-style: solid
}

.border-dotted {
	border-style: dotted
}

.border-none {
	border-style: none
}

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

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

.border {
	border-width: 1px
}

.border-l-0 {
	border-left-width: 0
}

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

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

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

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

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

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

.border-b-8 {
	border-bottom-width: 8px
}

.border-l-8 {
	border-left-width: 8px
}

.border-t {
	border-top-width: 1px
}

.border-r {
	border-right-width: 1px
}

.border-b {
	border-bottom-width: 1px
}

.border-l {
	border-left-width: 1px
}

.cursor-pointer {
	cursor: pointer
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.table-caption {
	display: table-caption
}

.table-cell {
	display: table-cell
}

.table-column {
	display: table-column
}

.table-column-group {
	display: table-column-group
}

.table-footer-group {
	display: table-footer-group
}

.table-header-group {
	display: table-header-group
}

.table-row-group {
	display: table-row-group
}

.table-row {
	display: table-row
}

.flow-root {
	display: flow-root
}

.grid {
	display: grid
}

.inline-grid {
	display: inline-grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}

.flex-row {
	flex-direction: row
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.place-items-center {
	place-items: center
}

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

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

.items-center {
	align-items: center
}

.items-baseline {
	align-items: baseline
}

.justify-items-start {
	justify-items: start
}

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

.justify-center {
	justify-content: center
}

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

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

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

.flex-1 {
	flex: 1 1
}

.flex-shrink-0 {
	flex-shrink: 0
}

.float-right {
	float: right
}

.float-left {
	float: left
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.clear-both {
	clear: both
}

.font-thin {
	font-weight: 200
}

.font-light {
	font-weight: 300
}

.font-normal {
	font-weight: 400
}

.font-medium {
	font-weight: 500
}

.font-semibold {
	font-weight: 600
}

.font-bold {
	font-weight: 700
}

.font-extrabold {
	font-weight: 800
}

.font-black {
	font-weight: 900
}

.hover\:font-semibold:hover {
	font-weight: 600
}

.h-0 {
	height: 0
}

.h-4 {
	height: 4px
}

.h-5 {
	height: 5px
}

.h-8 {
	height: 8px
}

.h-10 {
	height: 10px
}

.h-15 {
	height: 15px
}

.h-16 {
	height: 16px
}

.h-17 {
	height: 17px
}

.h-18 {
	height: 18px
}

.h-19 {
	height: 19px
}

.h-20 {
	height: 20px
}

.h-21 {
	height: 21px
}

.h-22 {
	height: 22px
}

.h-23 {
	height: 23px
}

.h-24 {
	height: 24px
}

.h-25 {
	height: 25px
}

.h-28 {
	height: 28px
}

.h-30 {
	height: 30px
}

.h-31 {
	height: 31px
}

.h-33 {
	height: 33px
}

.h-35 {
	height: 35px
}

.h-36 {
	height: 36px
}

.h-38 {
	height: 38px
}

.h-40 {
	height: 40px
}

.h-42 {
	height: 42px
}

.h-43 {
	height: 43px
}

.h-45 {
	height: 45px
}

.h-48 {
	height: 48px
}

.h-50 {
	height: 50px
}

.h-58 {
	height: 58px
}

.h-59 {
	height: 59px
}

.h-60 {
	height: 60px
}

.h-64 {
	height: 64px
}

.h-70 {
	height: 70px
}

.h-75 {
	height: 75px
}

.h-80 {
	height: 80px
}

.h-90 {
	height: 90px
}

.h-95 {
	height: 95px
}

.h-100 {
	height: 100px
}

.h-110 {
	height: 110px
}

.h-122 {
	height: 122px
}

.h-130 {
	height: 130px
}

.h-150 {
	height: 150px
}

.h-160 {
	height: 160px
}

.h-180 {
	height: 180px
}

.h-190 {
	height: 190px
}

.h-200 {
	height: 200px
}

.h-250 {
	height: 250px
}

.h-265 {
	height: 265px
}

.h-380 {
	height: 380px
}

.h-auto {
	height: auto
}

.h-full {
	height: 100%
}

.h-screen {
	height: 100vh
}

.text-xs {
	font-size: .75rem
}

.text-sm {
	font-size: .875rem
}

.text-lg {
	font-size: 1.125rem
}

.text-xl {
	font-size: 1.25rem
}

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

.text-3xl {
	font-size: 1.875rem
}

.text-5xl {
	font-size: 3rem
}

.text-size-8 {
	font-size: 8px
}

.text-size-9 {
	font-size: 9px
}

.text-size-10 {
	font-size: 10px
}

.text-size-11 {
	font-size: 11px
}

.text-size-12 {
	font-size: 12px
}

.text-size-13 {
	font-size: 13px
}

.text-size-14 {
	font-size: 14px
}

.text-size-15 {
	font-size: 15px
}

.text-size-16 {
	font-size: 16px
}

.text-size-17 {
	font-size: 17px
}

.text-size-18 {
	font-size: 18px
}

.text-size-19 {
	font-size: 19px
}

.text-size-20 {
	font-size: 20px
}

.text-size-21 {
	font-size: 21px
}

.text-size-22 {
	font-size: 22px
}

.text-size-23 {
	font-size: 23px
}

.text-size-24 {
	font-size: 24px
}

.text-size-25 {
	font-size: 25px
}

.text-size-26 {
	font-size: 26px
}

.text-size-27 {
	font-size: 27px
}

.text-size-28 {
	font-size: 28px
}

.text-size-29 {
	font-size: 29px
}

.text-size-30 {
	font-size: 30px
}

.text-size-32 {
	font-size: 32px
}

.text-size-34 {
	font-size: 34px
}

.text-size-35 {
	font-size: 35px
}

.text-size-36 {
	font-size: 36px
}

.text-size-37 {
	font-size: 37px
}

.text-size-38 {
	font-size: 38px
}

.text-size-40 {
	font-size: 40px
}

.text-size-42 {
	font-size: 42px
}

.text-size-44 {
	font-size: 44px
}

.text-size-45 {
	font-size: 45px
}

.text-size-46 {
	font-size: 46px
}

.text-size-48 {
	font-size: 48px
}

.text-size-50 {
	font-size: 50px
}

.text-size-54 {
	font-size: 54px
}

.text-size-55 {
	font-size: 55px
}

.text-size-60 {
	font-size: 60px
}

.text-size-64 {
	font-size: 64px
}

.text-size-68 {
	font-size: 68px
}

.text-size-70 {
	font-size: 70px
}

.text-size-72 {
	font-size: 72px
}

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

.leading-5 {
	line-height: 1.25rem
}

.leading-6 {
	line-height: 1.5rem
}

.leading-7 {
	line-height: 1.75rem
}

.leading-8 {
	line-height: 2rem
}

.leading-10 {
	line-height: 2.5rem
}

.leading-none {
	line-height: 1
}

.leading-tight {
	line-height: 1.25
}

.leading-snug {
	line-height: 1.375
}

.leading-normal {
	line-height: 1.5
}

.leading-relaxed {
	line-height: 1.625
}

.leading-loose {
	line-height: 2
}

.leading-height-17 {
	line-height: 17px
}

.leading-height-20 {
	line-height: 20px
}

.leading-height-22 {
	line-height: 22px
}

.leading-height-25 {
	line-height: 25px
}

.leading-height-26 {
	line-height: 26px
}

.leading-height-28 {
	line-height: 28px
}

.leading-height-29 {
	line-height: 29px
}

.leading-height-30 {
	line-height: 30px
}

.leading-height-32 {
	line-height: 32px
}

.leading-height-35 {
	line-height: 35px
}

.leading-height-40 {
	line-height: 40px
}

.leading-height-42 {
	line-height: 42px
}

.leading-height-45 {
	line-height: 45px
}

.leading-height-50 {
	line-height: 50px
}

.leading-height-56 {
	line-height: 56px
}

.leading-height-60 {
	line-height: 60px
}

.leading-height-65 {
	line-height: 65px
}

.leading-height-70 {
	line-height: 70px
}

.list-none {
	list-style-type: none
}

.list-disc {
	list-style-type: disc
}

.list-decimal {
	list-style-type: decimal
}

.m-0 {
	margin: 0
}

.m-2 {
	margin: 2px
}

.m-5 {
	margin: 5px
}

.m-8 {
	margin: 8px
}

.m-10 {
	margin: 10px
}

.m-15 {
	margin: 15px
}

.m-70 {
	margin: 70px
}

.m-100 {
	margin: 100px
}

.m-auto {
	margin: auto
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0
}

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

.my-5 {
	margin-top: 5px;
	margin-bottom: 5px
}

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

.my-7 {
	margin-top: 7px;
	margin-bottom: 7px
}

.my-8 {
	margin-top: 8px;
	margin-bottom: 8px
}

.mx-8 {
	margin-left: 8px;
	margin-right: 8px
}

.my-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.mx-10 {
	margin-left: 10px;
	margin-right: 10px
}

.my-15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.mx-15 {
	margin-left: 15px;
	margin-right: 15px
}

.my-20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.mx-20 {
	margin-left: 20px;
	margin-right: 20px
}

.my-22 {
	margin-top: 22px;
	margin-bottom: 22px
}

.my-25 {
	margin-top: 25px;
	margin-bottom: 25px
}

.mx-25 {
	margin-left: 25px;
	margin-right: 25px
}

.my-30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.mx-30 {
	margin-left: 30px;
	margin-right: 30px
}

.my-35 {
	margin-top: 35px;
	margin-bottom: 35px
}

.my-38 {
	margin-top: 38px;
	margin-bottom: 38px
}

.my-40 {
	margin-top: 40px;
	margin-bottom: 40px
}

.mx-40 {
	margin-left: 40px;
	margin-right: 40px
}

.my-43 {
	margin-top: 43px;
	margin-bottom: 43px
}

.my-50 {
	margin-top: 50px;
	margin-bottom: 50px
}

.my-55 {
	margin-top: 55px;
	margin-bottom: 55px
}

.my-60 {
	margin-top: 60px;
	margin-bottom: 60px
}

.my-70 {
	margin-top: 70px;
	margin-bottom: 70px
}

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

.my-100 {
	margin-top: 100px;
	margin-bottom: 100px
}

.my-120 {
	margin-top: 120px;
	margin-bottom: 120px
}

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

.-mx-2 {
	margin-left: -2px;
	margin-right: -2px
}

.-mx-15 {
	margin-left: -15px;
	margin-right: -15px
}

.-mx-50 {
	margin-left: -50px;
	margin-right: -50px
}

.mt-0 {
	margin-top: 0
}

.mr-0 {
	margin-right: 0
}

.mb-0 {
	margin-bottom: 0
}

.ml-0 {
	margin-left: 0
}

.mt-1 {
	margin-top: 1px
}

.mt-2 {
	margin-top: 2px
}

.mb-2 {
	margin-bottom: 2px
}

.mr-3 {
	margin-right: 3px
}

.ml-3 {
	margin-left: 3px
}

.mt-4 {
	margin-top: 4px
}

.mr-4 {
	margin-right: 4px
}

.mt-5 {
	margin-top: 5px
}

.mr-5 {
	margin-right: 5px
}

.mb-5 {
	margin-bottom: 5px
}

.ml-5 {
	margin-left: 5px
}

.mt-6 {
	margin-top: 6px
}

.mr-6 {
	margin-right: 6px
}

.mb-6 {
	margin-bottom: 6px
}

.ml-6 {
	margin-left: 6px
}

.mt-7 {
	margin-top: 7px
}

.mr-7 {
	margin-right: 7px
}

.ml-7 {
	margin-left: 7px
}

.mt-8 {
	margin-top: 8px
}

.mr-8 {
	margin-right: 8px
}

.mb-8 {
	margin-bottom: 8px
}

.ml-8 {
	margin-left: 8px
}

.mt-9 {
	margin-top: 9px
}

.mt-10 {
	margin-top: 10px
}

.mr-10 {
	margin-right: 10px
}

.mb-10 {
	margin-bottom: 10px
}

.ml-10 {
	margin-left: 10px
}

.mt-12 {
	margin-top: 12px
}

.mb-12 {
	margin-bottom: 12px
}

.ml-12 {
	margin-left: 12px
}

.mr-13 {
	margin-right: 13px
}

.mt-14 {
	margin-top: 14px
}

.mr-14 {
	margin-right: 14px
}

.mb-14 {
	margin-bottom: 14px
}

.ml-14 {
	margin-left: 14px
}

.mt-15 {
	margin-top: 15px
}

.mr-15 {
	margin-right: 15px
}

.mb-15 {
	margin-bottom: 15px
}

.ml-15 {
	margin-left: 15px
}

.mr-16 {
	margin-right: 16px
}

.mb-16 {
	margin-bottom: 16px
}

.ml-16 {
	margin-left: 16px
}

.mt-17 {
	margin-top: 17px
}

.ml-17 {
	margin-left: 17px
}

.mr-18 {
	margin-right: 18px
}

.mb-18 {
	margin-bottom: 18px
}

.mr-19 {
	margin-right: 19px
}

.mt-20 {
	margin-top: 20px
}

.mr-20 {
	margin-right: 20px
}

.mb-20 {
	margin-bottom: 20px
}

.ml-20 {
	margin-left: 20px
}

.mt-21 {
	margin-top: 21px
}

.mt-22 {
	margin-top: 22px
}

.mb-22 {
	margin-bottom: 22px
}

.mt-23 {
	margin-top: 23px
}

.mt-24 {
	margin-top: 24px
}

.mr-24 {
	margin-right: 24px
}

.mt-25 {
	margin-top: 25px
}

.mr-25 {
	margin-right: 25px
}

.mb-25 {
	margin-bottom: 25px
}

.ml-25 {
	margin-left: 25px
}

.mb-26 {
	margin-bottom: 26px
}

.ml-26 {
	margin-left: 26px
}

.mt-28 {
	margin-top: 28px
}

.mb-28 {
	margin-bottom: 28px
}

.mt-30 {
	margin-top: 30px
}

.mr-30 {
	margin-right: 30px
}

.mb-30 {
	margin-bottom: 30px
}

.ml-30 {
	margin-left: 30px
}

.mb-34 {
	margin-bottom: 34px
}

.mt-35 {
	margin-top: 35px
}

.mr-35 {
	margin-right: 35px
}

.mb-35 {
	margin-bottom: 35px
}

.mr-36 {
	margin-right: 36px
}

.mt-38 {
	margin-top: 38px
}

.mb-38 {
	margin-bottom: 38px
}

.mt-39 {
	margin-top: 39px
}

.mt-40 {
	margin-top: 40px
}

.mr-40 {
	margin-right: 40px
}

.mb-40 {
	margin-bottom: 40px
}

.ml-40 {
	margin-left: 40px
}

.ml-42 {
	margin-left: 42px
}

.mt-43 {
	margin-top: 43px
}

.mt-45 {
	margin-top: 45px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-47 {
	margin-bottom: 47px
}

.mt-50 {
	margin-top: 50px
}

.mr-50 {
	margin-right: 50px
}

.mb-50 {
	margin-bottom: 50px
}

.ml-50 {
	margin-left: 50px
}

.mt-54 {
	margin-top: 54px
}

.mt-55 {
	margin-top: 55px
}

.mb-55 {
	margin-bottom: 55px
}

.mt-56 {
	margin-top: 56px
}

.mb-58 {
	margin-bottom: 58px
}

.mt-60 {
	margin-top: 60px
}

.mb-60 {
	margin-bottom: 60px
}

.mt-62 {
	margin-top: 62px
}

.mt-70 {
	margin-top: 70px
}

.mb-70 {
	margin-bottom: 70px
}

.ml-70 {
	margin-left: 70px
}

.mt-72 {
	margin-top: 72px
}

.mt-74 {
	margin-top: 74px
}

.mb-75 {
	margin-bottom: 75px
}

.mt-76 {
	margin-top: 76px
}

.mt-80 {
	margin-top: 80px
}

.mb-80 {
	margin-bottom: 80px
}

.mt-86 {
	margin-top: 86px
}

.mt-90 {
	margin-top: 90px
}

.ml-90 {
	margin-left: 90px
}

.mt-95 {
	margin-top: 95px
}

.mt-100 {
	margin-top: 100px
}

.mb-100 {
	margin-bottom: 100px
}

.mt-120 {
	margin-top: 120px
}

.mt-150 {
	margin-top: 150px
}

.mb-150 {
	margin-bottom: 150px
}

.ml-150 {
	margin-left: 150px
}

.mt-190 {
	margin-top: 190px
}

.mt-265 {
	margin-top: 265px
}

.mt-300 {
	margin-top: 300px
}

.mt-400 {
	margin-top: 400px
}

.mt-450 {
	margin-top: 450px
}

.mr-auto {
	margin-right: auto
}

.ml-auto {
	margin-left: auto
}

.-mt-1 {
	margin-top: -1px
}

.-mt-2 {
	margin-top: -2px
}

.-mt-5 {
	margin-top: -5px
}

.-ml-5 {
	margin-left: -5px
}

.-mt-10 {
	margin-top: -10px
}

.-ml-10 {
	margin-left: -10px
}

.-mt-20 {
	margin-top: -20px
}

.-ml-24 {
	margin-left: -24px
}

.-mt-40 {
	margin-top: -40px
}

.-mt-100 {
	margin-top: -100px
}

.max-w-sm {
	max-width: 24rem
}

.opacity-0 {
	opacity: 0
}

.opacity-25 {
	opacity: .25
}

.opacity-50 {
	opacity: .5
}

.focus\:outline-none:focus,
.outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.overflow-hidden {
	overflow: hidden
}

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

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

.p-0 {
	padding: 0
}

.p-1 {
	padding: 1px
}

.p-2 {
	padding: 2px
}

.p-3 {
	padding: 3px
}

.p-4 {
	padding: 4px
}

.p-5 {
	padding: 5px
}

.p-6 {
	padding: 6px
}

.p-8 {
	padding: 8px
}

.p-10 {
	padding: 10px
}

.p-11 {
	padding: 11px
}

.p-12 {
	padding: 12px
}

.p-15 {
	padding: 15px
}

.p-16 {
	padding: 16px
}

.p-20 {
	padding: 20px
}

.p-30 {
	padding: 30px
}

.p-35 {
	padding: 35px
}

.p-36 {
	padding: 36px
}

.p-37 {
	padding: 37px
}

.p-40 {
	padding: 40px
}

.p-50 {
	padding: 50px
}

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

.px-0 {
	padding-left: 0;
	padding-right: 0
}

.py-2 {
	padding-top: 2px;
	padding-bottom: 2px
}

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

.py-3 {
	padding-top: 3px;
	padding-bottom: 3px
}

.py-4 {
	padding-top: 4px;
	padding-bottom: 4px
}

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

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

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

.py-6 {
	padding-top: 6px;
	padding-bottom: 6px
}

.py-7 {
	padding-top: 7px;
	padding-bottom: 7px
}

.px-7 {
	padding-left: 7px;
	padding-right: 7px
}

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

.px-8 {
	padding-left: 8px;
	padding-right: 8px
}

.py-9 {
	padding-top: 9px;
	padding-bottom: 9px
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px
}

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

.py-11 {
	padding-top: 11px;
	padding-bottom: 11px
}

.py-12 {
	padding-top: 12px;
	padding-bottom: 12px
}

.px-12 {
	padding-left: 12px;
	padding-right: 12px
}

.py-13 {
	padding-top: 13px;
	padding-bottom: 13px
}

.px-13 {
	padding-left: 13px;
	padding-right: 13px
}

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

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

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

.px-15 {
	padding-left: 15px;
	padding-right: 15px
}

.px-16 {
	padding-left: 16px;
	padding-right: 16px
}

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

.px-17 {
	padding-left: 17px;
	padding-right: 17px
}

.px-18 {
	padding-left: 18px;
	padding-right: 18px
}

.px-19 {
	padding-left: 19px;
	padding-right: 19px
}

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

.px-20 {
	padding-left: 20px;
	padding-right: 20px
}

.py-21 {
	padding-top: 21px;
	padding-bottom: 21px
}

.px-21 {
	padding-left: 21px;
	padding-right: 21px
}

.px-22 {
	padding-left: 22px;
	padding-right: 22px
}

.py-24 {
	padding-top: 24px;
	padding-bottom: 24px
}

.py-25 {
	padding-top: 25px;
	padding-bottom: 25px
}

.px-25 {
	padding-left: 25px;
	padding-right: 25px
}

.px-26 {
	padding-left: 26px;
	padding-right: 26px
}

.px-27 {
	padding-left: 27px;
	padding-right: 27px
}

.py-29 {
	padding-top: 29px;
	padding-bottom: 29px
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px
}

.px-30 {
	padding-left: 30px;
	padding-right: 30px
}

.px-33 {
	padding-left: 33px;
	padding-right: 33px
}

.px-34 {
	padding-left: 34px;
	padding-right: 34px
}

.py-35 {
	padding-top: 35px;
	padding-bottom: 35px
}

.px-35 {
	padding-left: 35px;
	padding-right: 35px
}

.px-36 {
	padding-left: 36px;
	padding-right: 36px
}

.py-37 {
	padding-top: 37px;
	padding-bottom: 37px
}

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

.px-40 {
	padding-left: 40px;
	padding-right: 40px
}

.px-44 {
	padding-left: 44px;
	padding-right: 44px
}

.py-45 {
	padding-top: 45px;
	padding-bottom: 45px
}

.px-45 {
	padding-left: 45px;
	padding-right: 45px
}

.py-47 {
	padding-top: 47px;
	padding-bottom: 47px
}

.py-50 {
	padding-top: 50px;
	padding-bottom: 50px
}

.px-50 {
	padding-left: 50px;
	padding-right: 50px
}

.py-54 {
	padding-top: 54px;
	padding-bottom: 54px
}

.py-55 {
	padding-top: 55px;
	padding-bottom: 55px
}

.px-55 {
	padding-left: 55px;
	padding-right: 55px
}

.py-60 {
	padding-top: 60px;
	padding-bottom: 60px
}

.px-60 {
	padding-left: 60px;
	padding-right: 60px
}

.px-65 {
	padding-left: 65px;
	padding-right: 65px
}

.py-67 {
	padding-top: 67px;
	padding-bottom: 67px
}

.py-70 {
	padding-top: 70px;
	padding-bottom: 70px
}

.px-70 {
	padding-left: 70px;
	padding-right: 70px
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px
}

.px-80 {
	padding-left: 80px;
	padding-right: 80px
}

.py-90 {
	padding-top: 90px;
	padding-bottom: 90px
}

.px-90 {
	padding-left: 90px;
	padding-right: 90px
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.px-100 {
	padding-left: 100px;
	padding-right: 100px
}

.py-110 {
	padding-top: 110px;
	padding-bottom: 110px
}

.py-120 {
	padding-top: 120px;
	padding-bottom: 120px
}

.px-120 {
	padding-left: 120px;
	padding-right: 120px
}

.px-150 {
	padding-left: 150px;
	padding-right: 150px
}

.py-200 {
	padding-top: 200px;
	padding-bottom: 200px
}

.px-200 {
	padding-left: 200px;
	padding-right: 200px
}

.pt-0 {
	padding-top: 0
}

.pr-0 {
	padding-right: 0
}

.pb-0 {
	padding-bottom: 0
}

.pl-0 {
	padding-left: 0
}

.pl-2 {
	padding-left: 2px
}

.pt-3 {
	padding-top: 3px
}

.pt-5 {
	padding-top: 5px
}

.pr-5 {
	padding-right: 5px
}

.pb-5 {
	padding-bottom: 5px
}

.pl-5 {
	padding-left: 5px
}

.pr-7 {
	padding-right: 7px
}

.pb-7 {
	padding-bottom: 7px
}

.pt-8 {
	padding-top: 8px
}

.pr-8 {
	padding-right: 8px
}

.pb-8 {
	padding-bottom: 8px
}

.pl-8 {
	padding-left: 8px
}

.pb-9 {
	padding-bottom: 9px
}

.pl-9 {
	padding-left: 9px
}

.pt-10 {
	padding-top: 10px
}

.pr-10 {
	padding-right: 10px
}

.pb-10 {
	padding-bottom: 10px
}

.pl-10 {
	padding-left: 10px
}

.pt-11 {
	padding-top: 11px
}

.pl-11 {
	padding-left: 11px
}

.pt-12 {
	padding-top: 12px
}

.pb-12 {
	padding-bottom: 12px
}

.pl-12 {
	padding-left: 12px
}

.pt-13 {
	padding-top: 13px
}

.pl-14 {
	padding-left: 14px
}

.pt-15 {
	padding-top: 15px
}

.pr-15 {
	padding-right: 15px
}

.pb-15 {
	padding-bottom: 15px
}

.pl-15 {
	padding-left: 15px
}

.pr-17 {
	padding-right: 17px
}

.pl-17 {
	padding-left: 17px
}

.pt-18 {
	padding-top: 18px
}

.pt-20 {
	padding-top: 20px
}

.pr-20 {
	padding-right: 20px
}

.pb-20 {
	padding-bottom: 20px
}

.pl-20 {
	padding-left: 20px
}

.pb-21 {
	padding-bottom: 21px
}

.pl-21 {
	padding-left: 21px
}

.pl-22 {
	padding-left: 22px
}

.pt-25 {
	padding-top: 25px
}

.pr-25 {
	padding-right: 25px
}

.pb-25 {
	padding-bottom: 25px
}

.pl-25 {
	padding-left: 25px
}

.pb-26 {
	padding-bottom: 26px
}

.pt-27 {
	padding-top: 27px
}

.pl-27 {
	padding-left: 27px
}

.pb-28 {
	padding-bottom: 28px
}

.pt-29 {
	padding-top: 29px
}

.pt-30 {
	padding-top: 30px
}

.pr-30 {
	padding-right: 30px
}

.pb-30 {
	padding-bottom: 30px
}

.pl-30 {
	padding-left: 30px
}

.pb-31 {
	padding-bottom: 31px
}

.pt-32 {
	padding-top: 32px
}

.pb-33 {
	padding-bottom: 33px
}

.pl-34 {
	padding-left: 34px
}

.pt-35 {
	padding-top: 35px
}

.pr-35 {
	padding-right: 35px
}

.pb-35 {
	padding-bottom: 35px
}

.pl-35 {
	padding-left: 35px
}

.pt-36 {
	padding-top: 36px
}

.pb-36 {
	padding-bottom: 36px
}

.pr-37 {
	padding-right: 37px
}

.pt-40 {
	padding-top: 40px
}

.pr-40 {
	padding-right: 40px
}

.pb-40 {
	padding-bottom: 40px
}

.pl-40 {
	padding-left: 40px
}

.pl-42 {
	padding-left: 42px
}

.pr-45 {
	padding-right: 45px
}

.pl-46 {
	padding-left: 46px
}

.pt-50 {
	padding-top: 50px
}

.pr-50 {
	padding-right: 50px
}

.pb-50 {
	padding-bottom: 50px
}

.pl-50 {
	padding-left: 50px
}

.pb-53 {
	padding-bottom: 53px
}

.pt-54 {
	padding-top: 54px
}

.pl-54 {
	padding-left: 54px
}

.pr-55 {
	padding-right: 55px
}

.pt-60 {
	padding-top: 60px
}

.pr-60 {
	padding-right: 60px
}

.pb-60 {
	padding-bottom: 60px
}

.pl-60 {
	padding-left: 60px
}

.pt-62 {
	padding-top: 62px
}

.pt-63 {
	padding-top: 63px
}

.pt-65 {
	padding-top: 65px
}

.pr-65 {
	padding-right: 65px
}

.pl-65 {
	padding-left: 65px
}

.pt-66 {
	padding-top: 66px
}

.pt-70 {
	padding-top: 70px
}

.pr-70 {
	padding-right: 70px
}

.pb-70 {
	padding-bottom: 70px
}

.pl-70 {
	padding-left: 70px
}

.pt-75 {
	padding-top: 75px
}

.pt-80 {
	padding-top: 80px
}

.pr-80 {
	padding-right: 80px
}

.pb-80 {
	padding-bottom: 80px
}

.pl-80 {
	padding-left: 80px
}

.pt-84 {
	padding-top: 84px
}

.pt-85 {
	padding-top: 85px
}

.pr-85 {
	padding-right: 85px
}

.pt-90 {
	padding-top: 90px
}

.pr-90 {
	padding-right: 90px
}

.pt-96 {
	padding-top: 96px
}

.pt-100 {
	padding-top: 100px
}

.pr-100 {
	padding-right: 100px
}

.pb-100 {
	padding-bottom: 100px
}

.pl-100 {
	padding-left: 100px
}

.pb-104 {
	padding-bottom: 104px
}

.pt-110 {
	padding-top: 110px
}

.pt-120 {
	padding-top: 120px
}

.pb-120 {
	padding-bottom: 120px
}

.pb-140 {
	padding-bottom: 140px
}

.pt-150 {
	padding-top: 150px
}

.pb-150 {
	padding-bottom: 150px
}

.pb-190 {
	padding-bottom: 190px
}

.pt-200 {
	padding-top: 200px
}

.pb-200 {
	padding-bottom: 200px
}

.pb-250 {
	padding-bottom: 250px
}

.placeholder-gray-8::-moz-placeholder {
	--placeholder-opacity: 1;
	color: #434444;
	color: rgba(67, 68, 68, var(--placeholder-opacity))
}

.placeholder-gray-8::placeholder {
	--placeholder-opacity: 1;
	color: #434444;
	color: rgba(67, 68, 68, var(--placeholder-opacity))
}

.placeholder-gray-400::-moz-placeholder {
	--placeholder-opacity: 1;
	color: #9b9b9b;
	color: rgba(155, 155, 155, var(--placeholder-opacity))
}

.placeholder-gray-400::placeholder {
	--placeholder-opacity: 1;
	color: #9b9b9b;
	color: rgba(155, 155, 155, var(--placeholder-opacity))
}

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

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: -webkit-sticky;
	position: sticky
}

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

.top-0 {
	top: 0
}

.right-0 {
	right: 0
}

.bottom-0 {
	bottom: 0
}

.left-0 {
	left: 0
}

.top-auto {
	top: auto
}

.resize {
	resize: both
}

.shadow-sm {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.shadow {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.shadow-md {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.shadow-lg {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.shadow-xl {
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.shadow-2xl {
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

.shadow-inner {
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.shadow-none {
	box-shadow: none
}

.hover\:shadow-xl:hover {
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.fill-current {
	fill: currentColor
}

.table-auto {
	table-layout: auto
}

.table-fixed {
	table-layout: fixed
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-justify {
	text-align: justify
}

.text-black {
	--text-opacity: 1;
	color: #000;
	color: rgba(0, 0, 0, var(--text-opacity))
}

.text-white {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity))
}

.text-gray-2 {
	--text-opacity: 1;
	color: #b4b4b4;
	color: rgba(180, 180, 180, var(--text-opacity))
}

.text-gray-8 {
	--text-opacity: 1;
	color: #434444;
	color: rgba(67, 68, 68, var(--text-opacity))
}

.text-gray-9 {
	--text-opacity: 1;
	color: #9e9e9e;
	color: rgba(158, 158, 158, var(--text-opacity))
}

.text-gray-15 {
	--text-opacity: 1;
	color: #62666f;
	color: rgba(98, 102, 111, var(--text-opacity))
}

.text-gray-20 {
	--text-opacity: 1;
	color: #c4cbd6;
	color: rgba(196, 203, 214, var(--text-opacity))
}

.text-gray-35 {
	--text-opacity: 1;
	color: #6a6a6a;
	color: rgba(106, 106, 106, var(--text-opacity))
}

.text-gray-40 {
	--text-opacity: 1;
	color: #212529;
	color: rgba(33, 37, 41, var(--text-opacity))
}

.text-gray-45 {
	--text-opacity: 1;
	color: #7f848b;
	color: rgba(127, 132, 139, var(--text-opacity))
}

.text-gray-70 {
	--text-opacity: 1;
	color: #6c757d;
	color: rgba(108, 117, 125, var(--text-opacity))
}

.text-gray-80 {
	--text-opacity: 1;
	color: #555;
	color: rgba(85, 85, 85, var(--text-opacity))
}

.text-gray-85 {
	--text-opacity: 1;
	color: #5a5a5a;
	color: rgba(90, 90, 90, var(--text-opacity))
}

.text-gray-100 {
	--text-opacity: 1;
	color: #f2f2f2;
	color: rgba(242, 242, 242, var(--text-opacity))
}

.text-gray-110 {
	--text-opacity: 1;
	color: #131415;
	color: rgba(19, 20, 21, var(--text-opacity))
}

.text-gray-120 {
	--text-opacity: 1;
	color: #767676;
	color: rgba(118, 118, 118, var(--text-opacity))
}

.text-gray-130 {
	--text-opacity: 1;
	color: #6b6b6b;
	color: rgba(107, 107, 107, var(--text-opacity))
}

.text-gray-160 {
	--text-opacity: 1;
	color: #8a8a8a;
	color: rgba(138, 138, 138, var(--text-opacity))
}

.text-gray-180 {
	--text-opacity: 1;
	color: #20221f;
	color: rgba(32, 34, 31, var(--text-opacity))
}

.text-gray-190 {
	--text-opacity: 1;
	color: #4f4f4f;
	color: rgba(79, 79, 79, var(--text-opacity))
}

.text-gray-240 {
	--text-opacity: 1;
	color: #666;
	color: rgba(102, 102, 102, var(--text-opacity))
}

.text-gray-400 {
	--text-opacity: 1;
	color: #9b9b9b;
	color: rgba(155, 155, 155, var(--text-opacity))
}

.text-gray-500 {
	--text-opacity: 1;
	color: #737373;
	color: rgba(115, 115, 115, var(--text-opacity))
}

.text-gray-600 {
	--text-opacity: 1;
	color: #4f5767;
	color: rgba(79, 87, 103, var(--text-opacity))
}

.text-gray-700 {
	--text-opacity: 1;
	color: #777;
	color: rgba(119, 119, 119, var(--text-opacity))
}

.text-gray-800 {
	--text-opacity: 1;
	color: #4a4a4a;
	color: rgba(74, 74, 74, var(--text-opacity))
}

.text-gray-850 {
	color: #777575
}

.text-gray-900 {
	--text-opacity: 1;
	color: #191919;
	color: rgba(25, 25, 25, var(--text-opacity))
}

.text-gray-1010 {
	--text-opacity: 1;
	color: #a1a1a6;
	color: rgba(161, 161, 166, var(--text-opacity))
}

.text-gray-1050 {
	--text-opacity: 1;
	color: #c7c7c7;
	color: rgba(199, 199, 199, var(--text-opacity))
}

.text-red-5 {
	--text-opacity: 1;
	color: #ff5440;
	color: rgba(255, 84, 64, var(--text-opacity))
}

.text-red-30 {
	--text-opacity: 1;
	color: #f2403c;
	color: rgba(242, 64, 60, var(--text-opacity))
}

.text-red-80 {
	--text-opacity: 1;
	color: #ff4f42;
	color: rgba(255, 79, 66, var(--text-opacity))
}

.text-red-100 {
	--text-opacity: 1;
	color: #c7254e;
	color: rgba(199, 37, 78, var(--text-opacity))
}

.text-red-500 {
	--text-opacity: 1;
	color: red;
	color: rgba(255, 0, 0, var(--text-opacity))
}

.text-red-550 {
	--text-opacity: 1;
	color: #721c24;
	color: rgba(114, 28, 36, var(--text-opacity))
}

.text-red-1050 {
	--text-opacity: 1;
	color: #e83e8c;
	color: rgba(232, 62, 140, var(--text-opacity))
}

.text-orange-10 {
	--text-opacity: 1;
	color: #8392af;
	color: rgba(131, 146, 175, var(--text-opacity))
}

.text-orange-200 {
	--text-opacity: 1;
	color: #f2683c;
	color: rgba(242, 104, 60, var(--text-opacity))
}

.text-orange-700 {
	--text-opacity: 1;
	color: #eb6709;
	color: rgba(235, 103, 9, var(--text-opacity))
}

.text-orange-900 {
	--text-opacity: 1;
	color: #ffa400;
	color: rgba(255, 164, 0, var(--text-opacity))
}

.text-yellow-100 {
	--text-opacity: 1;
	color: #ff9730;
	color: rgba(255, 151, 48, var(--text-opacity))
}

.text-yellow-700 {
	--text-opacity: 1;
	color: #856404;
	color: rgba(133, 100, 4, var(--text-opacity))
}

.text-yellow-1000 {
	--text-opacity: 1;
	color: #fabc2e;
	color: rgba(250, 188, 46, var(--text-opacity))
}

.text-green-100 {
	--text-opacity: 1;
	color: #28a745;
	color: rgba(40, 167, 69, var(--text-opacity))
}

.text-green-500 {
	--text-opacity: 1;
	color: #155724;
	color: rgba(21, 87, 36, var(--text-opacity))
}

.text-green-900 {
	--text-opacity: 1;
	color: #0bce6b;
	color: rgba(11, 206, 107, var(--text-opacity))
}

.text-blue-2 {
	--text-opacity: 1;
	color: #10375c;
	color: rgba(16, 55, 92, var(--text-opacity))
}

.text-blue-5 {
	--text-opacity: 1;
	color: #1469e8;
	color: rgba(20, 105, 232, var(--text-opacity))
}

.text-blue-60 {
	--text-opacity: 1;
	color: #0c5460;
	color: rgba(12, 84, 96, var(--text-opacity))
}

.text-blue-70 {
	--text-opacity: 1;
	color: #2a62bc;
	color: rgba(42, 98, 188, var(--text-opacity))
}

.text-blue-80 {
	--text-opacity: 1;
	color: #0569ff;
	color: rgba(5, 105, 255, var(--text-opacity))
}

.text-blue-90 {
	--text-opacity: 1;
	color: #36f;
	color: rgba(51, 102, 255, var(--text-opacity))
}

.text-blue-200 {
	--text-opacity: 1;
	color: #4768fd;
	color: rgba(71, 104, 253, var(--text-opacity))
}

.text-blue-350 {
	--text-opacity: 1;
	color: #536dfe;
	color: rgba(83, 109, 254, var(--text-opacity))
}

.text-blue-400 {
	--text-opacity: 1;
	color: #4a90e2;
	color: rgba(74, 144, 226, var(--text-opacity))
}

.text-blue-600 {
	--text-opacity: 1;
	color: #c3e6cb;
	color: rgba(195, 230, 203, var(--text-opacity))
}

.text-blue-700 {
	--text-opacity: 1;
	color: #007bff;
	color: rgba(0, 123, 255, var(--text-opacity))
}

.text-indigo-200 {
	--text-opacity: 1;
	color: #879db1;
	color: rgba(135, 157, 177, var(--text-opacity))
}

.text-indigo-300 {
	--text-opacity: 1;
	color: #1d2744;
	color: rgba(29, 39, 68, var(--text-opacity))
}

.text-indigo-400 {
	--text-opacity: 1;
	color: #6f6c90;
	color: rgba(111, 108, 144, var(--text-opacity))
}

.text-indigo-500 {
	--text-opacity: 1;
	color: #170f49;
	color: rgba(23, 15, 73, var(--text-opacity))
}

.text-indigo-900 {
	--text-opacity: 1;
	color: #3e3e58;
	color: rgba(62, 62, 88, var(--text-opacity))
}

.text-purple-1 {
	--text-opacity: 1;
	color: #766ef5;
	color: rgba(118, 110, 245, var(--text-opacity))
}

.text-purple-20 {
	--text-opacity: 1;
	color: #e3a6b1;
	color: rgba(227, 166, 177, var(--text-opacity))
}

.text-purple-40 {
	--text-opacity: 1;
	color: #8f8f8f;
	color: rgba(143, 143, 143, var(--text-opacity))
}

.text-purple-100 {
	--text-opacity: 1;
	color: #6772e5;
	color: rgba(103, 114, 229, var(--text-opacity))
}

.text-purple-130 {
	--text-opacity: 1;
	color: #999;
	color: rgba(153, 153, 153, var(--text-opacity))
}

.text-purple-200 {
	--text-opacity: 1;
	color: #96a1ff;
	color: rgba(150, 161, 255, var(--text-opacity))
}

.text-purple-250 {
	--text-opacity: 1;
	color: #7b74f5;
	color: rgba(123, 116, 245, var(--text-opacity))
}

.text-purple-300 {
	--text-opacity: 1;
	color: #626278;
	color: rgba(98, 98, 120, var(--text-opacity))
}

.text-purple-400 {
	--text-opacity: 1;
	color: #e83e8c;
	color: rgba(232, 62, 140, var(--text-opacity))
}

.text-purple-500 {
	--text-opacity: 1;
	color: #2e3c56;
	color: rgba(46, 60, 86, var(--text-opacity))
}

.text-purple-600 {
	--text-opacity: 1;
	color: #fcabe1;
	color: rgba(252, 171, 225, var(--text-opacity))
}

.text-purple-800 {
	--text-opacity: 1;
	color: #7653fe;
	color: rgba(118, 83, 254, var(--text-opacity))
}

.text-purple-850 {
	--text-opacity: 1;
	color: #626f82;
	color: rgba(98, 111, 130, var(--text-opacity))
}

.text-purple-900 {
	--text-opacity: 1;
	color: #5b74f9;
	color: rgba(91, 116, 249, var(--text-opacity))
}

.text-purple-950 {
	--text-opacity: 1;
	color: #8e949c;
	color: rgba(142, 148, 156, var(--text-opacity))
}

.text-purple-1000 {
	--text-opacity: 1;
	color: #878e95;
	color: rgba(135, 142, 149, var(--text-opacity))
}

.text-lambda-5 {
	--text-opacity: 1;
	color: #636363;
	color: rgba(99, 99, 99, var(--text-opacity))
}

.text-lambda-6 {
	--text-opacity: 1;
	color: #bfbfbf;
	color: rgba(191, 191, 191, var(--text-opacity))
}

.text-lambda-500 {
	--text-opacity: 1;
	color: #31e7b6;
	color: rgba(49, 231, 182, var(--text-opacity))
}

.text-lambda-700 {
	--text-opacity: 1;
	color: #50e3c2;
	color: rgba(80, 227, 194, var(--text-opacity))
}

.text-lambda-900 {
	--text-opacity: 1;
	color: #0ebac5;
	color: rgba(14, 186, 197, var(--text-opacity))
}

.text-lambda-1020 {
	--text-opacity: 1;
	color: #303030;
	color: rgba(48, 48, 48, var(--text-opacity))
}

.text-lambda-1030 {
	--text-opacity: 1;
	color: #576377;
	color: rgba(87, 99, 119, var(--text-opacity))
}

.text-brown-100 {
	--text-opacity: 1;
	color: #250000;
	color: rgba(37, 0, 0, var(--text-opacity))
}

.text-brown-300 {
	--text-opacity: 1;
	color: #a0a9b8;
	color: rgba(160, 169, 184, var(--text-opacity))
}

.text-ltBlack-1 {
	--text-opacity: 1;
	color: #a5a5a5;
	color: rgba(165, 165, 165, var(--text-opacity))
}

.text-ltBlack-20 {
	--text-opacity: 1;
	color: #444;
	color: rgba(68, 68, 68, var(--text-opacity))
}

.text-ltBlack-30 {
	--text-opacity: 1;
	color: #061f21;
	color: rgba(6, 31, 33, var(--text-opacity))
}

.text-ltBlack-50 {
	--text-opacity: 1;
	color: #1c1a1a;
	color: rgba(28, 26, 26, var(--text-opacity))
}

.text-ltBlack-100 {
	--text-opacity: 1;
	color: #3e3e3e;
	color: rgba(62, 62, 62, var(--text-opacity))
}

.text-ltBlack-200 {
	--text-opacity: 1;
	color: #191717;
	color: rgba(25, 23, 23, var(--text-opacity))
}

.text-ltBlack-300 {
	--text-opacity: 1;
	color: #252525;
	color: rgba(37, 37, 37, var(--text-opacity))
}

.text-ltBlack-400 {
	--text-opacity: 1;
	color: #ffffff !important;
	/* color: rgb(255 255 255 ); */
}

.text-ltBlack-500 {
	--text-opacity: 1;
	color: #161616;
	color: rgba(22, 22, 22, var(--text-opacity))
}

.text-ltBlack-600 {
	--text-opacity: 1;
	color: #c4c4c4;
	color: rgba(196, 196, 196, var(--text-opacity))
}

.text-ltBlack-700 {
	--text-opacity: 1;
	color: #1f1f1f;
	color: rgba(31, 31, 31, var(--text-opacity))
}

.text-ltBlack-800 {
	--text-opacity: 1;
	color: #4f4c49;
	color: rgba(79, 76, 73, var(--text-opacity))
}

.text-ltBlack-900 {
	--text-opacity: 1;
	color: #202020;
	color: rgba(32, 32, 32, var(--text-opacity))
}

.text-tas-400 {
	--text-opacity: 1;
	color: #707070;
	color: rgba(112, 112, 112, var(--text-opacity))
}

.hover\:text-black:hover {
	--text-opacity: 1;
	color: #000;
	color: rgba(0, 0, 0, var(--text-opacity))
}

.hover\:text-white:hover {
	--text-opacity: 1;
	color: #fff;
	color: rgba(255, 255, 255, var(--text-opacity))
}

.hover\:text-red-150:hover {
	--text-opacity: 1;
	color: #dc3545;
	color: rgba(220, 53, 69, var(--text-opacity))
}

.hover\:text-yellow-400:hover {
	--text-opacity: 1;
	color: #ffc107;
	color: rgba(255, 193, 7, var(--text-opacity))
}

.hover\:text-green-100:hover {
	--text-opacity: 1;
	color: #28a745;
	color: rgba(40, 167, 69, var(--text-opacity))
}

.hover\:text-blue-20:hover {
	--text-opacity: 1;
	color: #17a2b8;
	color: rgba(23, 162, 184, var(--text-opacity))
}

.hover\:text-blue-100:hover {
	--text-opacity: 1;
	color: #210070;
	color: rgba(33, 0, 112, var(--text-opacity))
}

.hover\:text-blue-500:hover {
	--text-opacity: 1;
	color: #0056b3;
	color: rgba(0, 86, 179, var(--text-opacity))
}

.hover\:text-blue-700:hover {
	--text-opacity: 1;
	color: #007bff;
	color: rgba(0, 123, 255, var(--text-opacity))
}

.hover\:text-blue-900:hover {
	--text-opacity: 1;
	color: #dbddec;
	color: rgba(219, 221, 236, var(--text-opacity))
}

.hover\:text-indigo-800:hover {
	--text-opacity: 1;
	color: #001981;
	color: rgba(0, 25, 129, var(--text-opacity))
}

.hover\:text-purple-250:hover {
	--text-opacity: 1;
	color: #7b74f5;
	color: rgba(123, 116, 245, var(--text-opacity))
}

.hover\:text-purple-900:hover {
	--text-opacity: 1;
	color: #5b74f9;
	color: rgba(91, 116, 249, var(--text-opacity))
}

.hover\:text-lambda-700:hover {
	--text-opacity: 1;
	color: #50e3c2;
	color: rgba(80, 227, 194, var(--text-opacity))
}

.hover\:text-lambda-900:hover {
	--text-opacity: 1;
	color: #0ebac5;
	color: rgba(14, 186, 197, var(--text-opacity))
}

.hover\:text-ltBlack-300:hover {
	--text-opacity: 1;
	color: #252525;
	color: rgba(37, 37, 37, var(--text-opacity))
}

.hover\:text-ltBlack-400:hover {
	--text-opacity: 1;
	color: #333;
	color: rgba(51, 51, 51, var(--text-opacity))
}

.hover\:text-ltBlack-900:hover {
	--text-opacity: 1;
	color: #202020;
	color: rgba(32, 32, 32, var(--text-opacity))
}

.italic {
	font-style: italic
}

.not-italic {
	font-style: normal
}

.uppercase {
	text-transform: uppercase
}

.lowercase {
	text-transform: lowercase
}

.capitalize {
	text-transform: capitalize
}

.underline {
	text-decoration: underline
}

.line-through {
	text-decoration: line-through
}

.no-underline {
	text-decoration: none
}

.hover\:underline:hover {
	text-decoration: underline
}

.tracking-normal {
	letter-spacing: 0
}

.tracking-wide {
	letter-spacing: .025em
}

.tracking-wider {
	letter-spacing: .05em
}

.tracking-widest {
	letter-spacing: .1em
}

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

.align-baseline {
	vertical-align: baseline
}

.align-top {
	vertical-align: top
}

.align-middle {
	vertical-align: middle
}

.align-bottom {
	vertical-align: bottom
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.whitespace-pre-wrap {
	white-space: pre-wrap
}

.break-words {
	word-wrap: break-word;
	overflow-wrap: break-word
}

.break-all {
	word-break: break-all
}

.w-0 {
	width: 0
}

.w-4 {
	width: 4px
}

.w-5 {
	width: 5px
}

.w-10 {
	width: 10px
}

.w-12 {
	width: 12px
}

.w-13 {
	width: 13px
}

.w-15 {
	width: 15px
}

.w-16 {
	width: 16px
}

.w-17 {
	width: 17px
}

.w-18 {
	width: 18px
}

.w-19 {
	width: 19px
}

.w-20 {
	width: 20px
}

.w-21 {
	width: 21px
}

.w-22 {
	width: 22px
}

.w-24 {
	width: 24px
}

.w-25 {
	width: 25px
}

.w-26 {
	width: 26px
}

.w-28 {
	width: 28px
}

.w-30 {
	width: 30px
}

.w-33 {
	width: 33px
}

.w-38 {
	width: 38px
}

.w-40 {
	width: 40px
}

.w-48 {
	width: 48px
}

.w-50 {
	width: 50px
}

.w-60 {
	width: 60px
}

.w-64 {
	width: 64px
}

.w-70 {
	width: 70px
}

.w-80 {
	width: 80px
}

.w-84 {
	width: 84px
}

.w-90 {
	width: 90px
}

.w-95 {
	width: 95px
}

.w-100 {
	width: 100px
}

.w-110 {
	width: 110px
}

.w-120 {
	width: 120px
}

.w-133 {
	width: 133px
}

.w-136 {
	width: 136px
}

.w-140 {
	width: 140px
}

.w-150 {
	width: 150px
}

.w-160 {
	width: 160px
}

.w-170 {
	width: 170px
}

.w-175 {
	width: 175px
}

.w-180 {
	width: 180px
}

.w-200 {
	width: 200px
}

.w-218 {
	width: 218px
}

.w-220 {
	width: 220px
}

.w-230 {
	width: 230px
}

.w-265 {
	width: 265px
}

.w-275 {
	width: 275px
}

.w-300 {
	width: 300px
}

.w-360 {
	width: 360px
}

.w-380 {
	width: 380px
}

.w-400 {
	width: 400px
}

.w-420 {
	width: 420px
}

.w-450 {
	width: 450px
}

.w-500 {
	width: 500px
}

.w-600 {
	width: 600px
}

.w-800 {
	width: 800px
}

.w-auto {
	width: auto
}

.w-1\/2 {
	width: 50%
}

.w-1\/3 {
	width: 33.333333%
}

.w-1\/4 {
	width: 25%
}

.w-1\/5 {
	width: 20%
}

.w-1\/6 {
	width: 16.666667%
}

.w-1\/12 {
	width: 8.333333%
}

.w-2\/12 {
	width: 16.666667%
}

.w-3\/12 {
	width: 25%
}

.w-4\/12 {
	width: 33.333333%
}

.w-5\/12 {
	width: 41.666667%
}

.w-6\/12 {
	width: 50%
}

.w-7\/12 {
	width: 58.333333%
}

.w-8\/12 {
	width: 66.666667%
}

.w-9\/12 {
	width: 75%
}

.w-10\/12 {
	width: 83.333333%
}

.w-11\/12 {
	width: 91.666667%
}

.w-full {
	width: 100%
}

.w-screen {
	width: 100vw
}

.z-0 {
	z-index: 0
}

.z-10 {
	z-index: 10
}

.z-20 {
	z-index: 20
}

.z-50 {
	z-index: 50
}

.gap-4 {
	grid-gap: 4px;
	gap: 4px
}

.gap-5 {
	grid-gap: 5px;
	gap: 5px
}

.gap-8 {
	grid-gap: 8px;
	gap: 8px
}

.gap-10 {
	grid-gap: 10px;
	gap: 10px
}

.gap-15 {
	grid-gap: 15px;
	gap: 15px
}

.gap-20 {
	grid-gap: 20px;
	gap: 20px
}

.gap-24 {
	grid-gap: 24px;
	gap: 24px
}

.gap-30 {
	grid-gap: 30px;
	gap: 30px
}

.gap-35 {
	grid-gap: 35px;
	gap: 35px
}

.gap-40 {
	grid-gap: 40px;
	gap: 40px
}

.gap-50 {
	grid-gap: 50px;
	gap: 50px
}

.gap-60 {
	grid-gap: 60px;
	gap: 60px
}

.gap-x-7 {
	grid-column-gap: 7px;
	-moz-column-gap: 7px;
	column-gap: 7px
}

.gap-x-8 {
	grid-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px
}

.gap-x-14 {
	grid-column-gap: 14px;
	-moz-column-gap: 14px;
	column-gap: 14px
}

.grid-flow-col {
	grid-auto-flow: column
}

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

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

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

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

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

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

.col-span-1 {
	grid-column: span 1/span 1
}

.col-span-2 {
	grid-column: span 2/span 2
}

.col-span-3 {
	grid-column: span 3/span 3
}

.col-span-6 {
	grid-column: span 6/span 6
}

.transform {
	--transform-translate-x: 0;
	--transform-translate-y: 0;
	--transform-rotate: 0;
	--transform-skew-x: 0;
	--transform-skew-y: 0;
	--transform-scale-x: 1;
	--transform-scale-y: 1;
	transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.origin-top {
	transform-origin: top
}

.origin-top-left {
	transform-origin: top left
}

.scale-100 {
	--transform-scale-x: 1;
	--transform-scale-y: 1
}

.hover\:scale-105:hover {
	--transform-scale-x: 1.05;
	--transform-scale-y: 1.05
}

.rotate-45 {
	--transform-rotate: 45deg
}

.rotate-180 {
	--transform-rotate: 180deg
}

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

.translate-y-12 {
	--transform-translate-y: 12px
}

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

.transition {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

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

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

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

.duration-200 {
	transition-duration: .2s
}

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

.duration-500 {
	transition-duration: .5s
}

@-webkit-keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

@keyframes spin {
	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes ping {

	75%,
	to {
		transform: scale(2);
		opacity: 0
	}
}

@keyframes ping {

	75%,
	to {
		transform: scale(2);
		opacity: 0
	}
}

@-webkit-keyframes pulse {
	50% {
		opacity: .5
	}
}

@keyframes pulse {
	50% {
		opacity: .5
	}
}

@keyframes bounce {

	0%,
	to {
		transform: translateY(-25%);
		-webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
		animation-timing-function: cubic-bezier(.8, 0, 1, 1)
	}

	50% {
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
		animation-timing-function: cubic-bezier(0, 0, .2, 1)
	}
}

@media (min-width:640px) {
	.sm\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.sm\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.sm\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.sm\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.sm\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.sm\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.sm\:container {
			max-width: 1900px
		}
	}

	.sm\:inline-block {
		display: inline-block
	}

	.sm\:flex {
		display: flex
	}

	.sm\:ml-auto {
		margin-left: auto
	}

	.sm\:pl-20 {
		padding-left: 20px
	}

	.sm\:pr-50 {
		padding-right: 50px
	}

	.sm\:pl-70 {
		padding-left: 70px
	}

	.sm\:w-3\/12 {
		width: 25%
	}

	.sm\:w-4\/12 {
		width: 33.333333%
	}

	.sm\:w-8\/12 {
		width: 66.666667%
	}

	.sm\:w-9\/12 {
		width: 75%
	}

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

@media (min-width:768px) {
	.md\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.md\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.md\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.md\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.md\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.md\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.md\:container {
			max-width: 1900px
		}
	}

	.md\:block {
		display: block
	}

	.md\:flex {
		display: flex
	}

	.md\:hidden {
		display: none
	}

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

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

	.md\:font-medium {
		font-weight: 500
	}

	.md\:h-12 {
		height: 12px
	}

	.md\:h-20 {
		height: 20px
	}

	.md\:h-190 {
		height: 190px
	}

	.md\:text-xl {
		font-size: 1.25rem
	}

	.md\:text-2xl {
		font-size: 1.5rem
	}

	.md\:text-size-13 {
		font-size: 13px
	}

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

	.md\:text-size-30 {
		font-size: 30px
	}

	.md\:text-size-35 {
		font-size: 35px
	}

	.md\:text-size-36 {
		font-size: 36px
	}

	.md\:text-size-40 {
		font-size: 40px
	}

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

	.md\:text-size-48 {
		font-size: 48px
	}

	.md\:text-size-55 {
		font-size: 55px
	}

	.md\:text-size-60 {
		font-size: 60px
	}

	.md\:text-size-64 {
		font-size: 64px
	}

	.md\:leading-height-45 {
		line-height: 45px
	}

	.md\:m-8 {
		margin: 8px
	}

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

	.md\:my-30 {
		margin-top: 30px;
		margin-bottom: 30px
	}

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

	.md\:my-100 {
		margin-top: 100px;
		margin-bottom: 100px
	}

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

	.md\:mr-10 {
		margin-right: 10px
	}

	.md\:ml-10 {
		margin-left: 10px
	}

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

	.md\:mr-15 {
		margin-right: 15px
	}

	.md\:ml-15 {
		margin-left: 15px
	}

	.md\:mt-20 {
		margin-top: 20px
	}

	.md\:mr-20 {
		margin-right: 20px
	}

	.md\:ml-20 {
		margin-left: 20px
	}

	.md\:ml-25 {
		margin-left: 25px
	}

	.md\:mt-30 {
		margin-top: 30px
	}

	.md\:mr-30 {
		margin-right: 30px
	}

	.md\:mb-30 {
		margin-bottom: 30px
	}

	.md\:ml-30 {
		margin-left: 30px
	}

	.md\:ml-33 {
		margin-left: 33px
	}

	.md\:mt-35 {
		margin-top: 35px
	}

	.md\:mt-40 {
		margin-top: 40px
	}

	.md\:mr-40 {
		margin-right: 40px
	}

	.md\:ml-40 {
		margin-left: 40px
	}

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

	.md\:mr-50 {
		margin-right: 50px
	}

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

	.md\:ml-50 {
		margin-left: 50px
	}

	.md\:mb-60 {
		margin-bottom: 60px
	}

	.md\:ml-60 {
		margin-left: 60px
	}

	.md\:mt-70 {
		margin-top: 70px
	}

	.md\:mb-70 {
		margin-bottom: 70px
	}

	.md\:mt-80 {
		margin-top: 80px
	}

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

	.md\:mt-100 {
		margin-top: 100px
	}

	.md\:mb-100 {
		margin-bottom: 100px
	}

	.md\:mb-110 {
		margin-bottom: 110px
	}

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

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

	.md\:px-10 {
		padding-left: 10px;
		padding-right: 10px
	}

	.md\:px-20 {
		padding-left: 20px;
		padding-right: 20px
	}

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

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

	.md\:px-40 {
		padding-left: 40px;
		padding-right: 40px
	}

	.md\:px-55 {
		padding-left: 55px;
		padding-right: 55px
	}

	.md\:px-80 {
		padding-left: 80px;
		padding-right: 80px
	}

	.md\:px-100 {
		padding-left: 100px;
		padding-right: 100px
	}

	.md\:px-120 {
		padding-left: 120px;
		padding-right: 120px
	}

	.md\:px-150 {
		padding-left: 150px;
		padding-right: 150px
	}

	.md\:pr-10 {
		padding-right: 10px
	}

	.md\:pl-10 {
		padding-left: 10px
	}

	.md\:pl-15 {
		padding-left: 15px
	}

	.md\:pt-20 {
		padding-top: 20px
	}

	.md\:pr-20 {
		padding-right: 20px
	}

	.md\:pl-20 {
		padding-left: 20px
	}

	.md\:pl-25 {
		padding-left: 25px
	}

	.md\:pr-27 {
		padding-right: 27px
	}

	.md\:pr-30 {
		padding-right: 30px
	}

	.md\:pl-30 {
		padding-left: 30px
	}

	.md\:pl-33 {
		padding-left: 33px
	}

	.md\:pr-35 {
		padding-right: 35px
	}

	.md\:pr-40 {
		padding-right: 40px
	}

	.md\:pl-40 {
		padding-left: 40px
	}

	.md\:pr-50 {
		padding-right: 50px
	}

	.md\:pl-50 {
		padding-left: 50px
	}

	.md\:pt-60 {
		padding-top: 60px
	}

	.md\:pr-60 {
		padding-right: 60px
	}

	.md\:pr-63 {
		padding-right: 63px
	}

	.md\:pr-65 {
		padding-right: 65px
	}

	.md\:pr-70 {
		padding-right: 70px
	}

	.md\:pl-70 {
		padding-left: 70px
	}

	.md\:pl-80 {
		padding-left: 80px
	}

	.md\:pt-100 {
		padding-top: 100px
	}

	.md\:pb-100 {
		padding-bottom: 100px
	}

	.md\:pr-110 {
		padding-right: 110px
	}

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

	.md\:absolute {
		position: absolute
	}

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

	.md\:w-12 {
		width: 12px
	}

	.md\:w-20 {
		width: 20px
	}

	.md\:w-50 {
		width: 50px
	}

	.md\:w-100 {
		width: 100px
	}

	.md\:w-115 {
		width: 115px
	}

	.md\:w-150 {
		width: 150px
	}

	.md\:w-370 {
		width: 370px
	}

	.md\:w-1\/2 {
		width: 50%
	}

	.md\:w-1\/12 {
		width: 8.333333%
	}

	.md\:w-2\/12 {
		width: 16.666667%
	}

	.md\:w-3\/12 {
		width: 25%
	}

	.md\:w-4\/12 {
		width: 33.333333%
	}

	.md\:w-5\/12 {
		width: 41.666667%
	}

	.md\:w-6\/12 {
		width: 50%
	}

	.md\:w-7\/12 {
		width: 58.333333%
	}

	.md\:w-8\/12 {
		width: 66.666667%
	}

	.md\:w-9\/12 {
		width: 75%
	}

	.md\:w-10\/12 {
		width: 83.333333%
	}

	.md\:w-11\/12 {
		width: 91.666667%
	}

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

	.md\:gap-50 {
		grid-gap: 50px;
		gap: 50px
	}

	.md\:gap-74 {
		grid-gap: 74px;
		gap: 74px
	}

	.md\:gap-90 {
		grid-gap: 90px;
		gap: 90px
	}

	.md\:gap-100 {
		grid-gap: 100px;
		gap: 100px
	}

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

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

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

	.md\:col-span-3 {
		grid-column: span 3/span 3
	}

	.md\:translate-x-40 {
		--transform-translate-x: 40px
	}

	.md\:-translate-y-80 {
		--transform-translate-y: -80px
	}
}

@media (min-width:1024px) {
	.lg\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.lg\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.lg\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.lg\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.lg\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.lg\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.lg\:container {
			max-width: 1900px
		}
	}

	.lg\:block {
		display: block
	}

	.lg\:flex {
		display: flex
	}

	.lg\:h-120 {
		height: 120px
	}

	.lg\:h-130 {
		height: 130px
	}

	.lg\:text-2xl {
		font-size: 1.5rem
	}

	.lg\:text-3xl {
		font-size: 1.875rem
	}

	.lg\:text-size-10 {
		font-size: 10px
	}

	.lg\:text-size-12 {
		font-size: 12px
	}

	.lg\:text-size-13 {
		font-size: 13px
	}

	.lg\:text-size-14 {
		font-size: 14px
	}

	.lg\:text-size-16 {
		font-size: 16px
	}

	.lg\:text-size-18 {
		font-size: 18px
	}

	.lg\:text-size-19 {
		font-size: 19px
	}

	.lg\:text-size-20 {
		font-size: 20px
	}

	.lg\:text-size-22 {
		font-size: 22px
	}

	.lg\:text-size-23 {
		font-size: 23px
	}

	.lg\:text-size-24 {
		font-size: 24px
	}

	.lg\:text-size-26 {
		font-size: 26px
	}

	.lg\:text-size-27 {
		font-size: 27px
	}

	.lg\:text-size-33 {
		font-size: 33px
	}

	.lg\:text-size-42 {
		font-size: 42px
	}

	.lg\:text-size-50 {
		font-size: 50px
	}

	.lg\:text-size-57 {
		font-size: 57px
	}

	.lg\:text-size-74 {
		font-size: 74px
	}

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

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

	.lg\:my-170 {
		margin-top: 170px;
		margin-bottom: 170px
	}

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

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

	.lg\:mr-10 {
		margin-right: 10px
	}

	.lg\:ml-10 {
		margin-left: 10px
	}

	.lg\:mr-20 {
		margin-right: 20px
	}

	.lg\:ml-20 {
		margin-left: 20px
	}

	.lg\:mr-50 {
		margin-right: 50px
	}

	.lg\:ml-50 {
		margin-left: 50px
	}

	.lg\:mt-60 {
		margin-top: 60px
	}

	.lg\:mr-65 {
		margin-right: 65px
	}

	.lg\:mt-80 {
		margin-top: 80px
	}

	.lg\:mb-80 {
		margin-bottom: 80px
	}

	.lg\:mb-100 {
		margin-bottom: 100px
	}

	.lg\:mt-120 {
		margin-top: 120px
	}

	.lg\:mb-200 {
		margin-bottom: 200px
	}

	.lg\:mt-450 {
		margin-top: 450px
	}

	.lg\:p-50 {
		padding: 50px
	}

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

	.lg\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.lg\:px-18 {
		padding-left: 18px;
		padding-right: 18px
	}

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

	.lg\:px-25 {
		padding-left: 25px;
		padding-right: 25px
	}

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

	.lg\:py-35 {
		padding-top: 35px;
		padding-bottom: 35px
	}

	.lg\:px-35 {
		padding-left: 35px;
		padding-right: 35px
	}

	.lg\:py-50 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.lg\:px-50 {
		padding-left: 50px;
		padding-right: 50px
	}

	.lg\:py-70 {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.lg\:py-75 {
		padding-top: 75px;
		padding-bottom: 75px
	}

	.lg\:py-100 {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.lg\:px-100 {
		padding-left: 100px;
		padding-right: 100px
	}

	.lg\:pb-0 {
		padding-bottom: 0
	}

	.lg\:pr-8 {
		padding-right: 8px
	}

	.lg\:pl-8 {
		padding-left: 8px
	}

	.lg\:pl-10 {
		padding-left: 10px
	}

	.lg\:pr-20 {
		padding-right: 20px
	}

	.lg\:pr-26 {
		padding-right: 26px
	}

	.lg\:pl-26 {
		padding-left: 26px
	}

	.lg\:pr-30 {
		padding-right: 30px
	}

	.lg\:pr-40 {
		padding-right: 40px
	}

	.lg\:pl-40 {
		padding-left: 40px
	}

	.lg\:pt-50 {
		padding-top: 50px
	}

	.lg\:pr-50 {
		padding-right: 50px
	}

	.lg\:pl-60 {
		padding-left: 60px
	}

	.lg\:pt-100 {
		padding-top: 100px
	}

	.lg\:pr-100 {
		padding-right: 100px
	}

	.lg\:pt-120 {
		padding-top: 120px
	}

	.lg\:absolute {
		position: absolute
	}

	.lg\:relative {
		position: relative
	}

	.lg\:w-150 {
		width: 150px
	}

	.lg\:w-200 {
		width: 200px
	}

	.lg\:w-450 {
		width: 450px
	}

	.lg\:w-1\/12 {
		width: 8.333333%
	}

	.lg\:w-2\/12 {
		width: 16.666667%
	}

	.lg\:w-3\/12 {
		width: 25%
	}

	.lg\:w-4\/12 {
		width: 33.333333%
	}

	.lg\:w-5\/12 {
		width: 41.666667%
	}

	.lg\:w-6\/12 {
		width: 50%
	}

	.lg\:w-7\/12 {
		width: 58.333333%
	}

	.lg\:w-8\/12 {
		width: 66.666667%
	}

	.lg\:w-9\/12 {
		width: 75%
	}

	.lg\:w-10\/12 {
		width: 83.333333%
	}

	.lg\:w-11\/12 {
		width: 91.666667%
	}

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

	.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\:grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr))
	}
}

@media (min-width:1180px) {
	.xl\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.xl\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.xl\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.xl\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.xl\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.xl\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.xl\:container {
			max-width: 1900px
		}
	}

	.xl\:border-r-2 {
		border-right-width: 2px
	}

	.xl\:border-r {
		border-right-width: 1px
	}

	.xl\:block {
		display: block
	}

	.xl\:inline-block {
		display: inline-block
	}

	.xl\:items-stretch {
		align-items: stretch
	}

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

	.xl\:h-175 {
		height: 175px
	}

	.xl\:text-size-11 {
		font-size: 11px
	}

	.xl\:text-size-12 {
		font-size: 12px
	}

	.xl\:text-size-13 {
		font-size: 13px
	}

	.xl\:text-size-14 {
		font-size: 14px
	}

	.xl\:text-size-15 {
		font-size: 15px
	}

	.xl\:text-size-16 {
		font-size: 16px
	}

	.xl\:text-size-18 {
		font-size: 18px
	}

	.xl\:text-size-19 {
		font-size: 19px
	}

	.xl\:text-size-20 {
		font-size: 20px
	}

	.xl\:text-size-21 {
		font-size: 21px
	}

	.xl\:text-size-22 {
		font-size: 22px
	}

	.xl\:text-size-30 {
		font-size: 30px
	}

	.xl\:text-size-34 {
		font-size: 34px
	}

	.xl\:text-size-36 {
		font-size: 36px
	}

	.xl\:text-size-40 {
		font-size: 40px
	}

	.xl\:text-size-46 {
		font-size: 46px
	}

	.xl\:text-size-50 {
		font-size: 50px
	}

	.xl\:text-size-55 {
		font-size: 55px
	}

	.xl\:text-size-75 {
		font-size: 75px
	}

	.xl\:text-size-100 {
		font-size: 100px
	}

	.xl\:leading-height-19 {
		line-height: 19px
	}

	.xl\:leading-height-26 {
		line-height: 26px
	}

	.xl\:my-150 {
		margin-top: 150px;
		margin-bottom: 150px
	}

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

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

	.xl\:ml-10 {
		margin-left: 10px
	}

	.xl\:mt-20 {
		margin-top: 20px
	}

	.xl\:mr-20 {
		margin-right: 20px
	}

	.xl\:ml-30 {
		margin-left: 30px
	}

	.xl\:mt-53 {
		margin-top: 53px
	}

	.xl\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

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

	.xl\:px-20 {
		padding-left: 20px;
		padding-right: 20px
	}

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

	.xl\:px-50 {
		padding-left: 50px;
		padding-right: 50px
	}

	.xl\:px-90 {
		padding-left: 90px;
		padding-right: 90px
	}

	.xl\:py-150 {
		padding-top: 150px;
		padding-bottom: 150px
	}

	.xl\:pr-0 {
		padding-right: 0
	}

	.xl\:pr-30 {
		padding-right: 30px
	}

	.xl\:pr-50 {
		padding-right: 50px
	}

	.xl\:pl-50 {
		padding-left: 50px
	}

	.xl\:pr-80 {
		padding-right: 80px
	}

	.xl\:pb-90 {
		padding-bottom: 90px
	}

	.xl\:pr-100 {
		padding-right: 100px
	}

	.xl\:pb-100 {
		padding-bottom: 100px
	}

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

	.xl\:w-30 {
		width: 30px
	}

	.xl\:w-120 {
		width: 120px
	}

	.xl\:w-156 {
		width: 156px
	}

	.xl\:w-200 {
		width: 200px
	}

	.xl\:w-392 {
		width: 392px
	}

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

	.xl\:w-1\/3 {
		width: 33.333333%
	}

	.xl\:w-1\/6 {
		width: 16.666667%
	}

	.xl\:w-3\/12 {
		width: 25%
	}

	.xl\:w-4\/12 {
		width: 33.333333%
	}

	.xl\:w-5\/12 {
		width: 41.666667%
	}

	.xl\:w-6\/12 {
		width: 50%
	}

	.xl\:w-7\/12 {
		width: 58.333333%
	}

	.xl\:w-8\/12 {
		width: 66.666667%
	}

	.xl\:w-9\/12 {
		width: 75%
	}

	.xl\:w-10\/12 {
		width: 83.333333%
	}

	.xl\:w-11\/12 {
		width: 91.666667%
	}

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

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

@media (max-width:767px) {
	.smtablet\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.smtablet\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.smtablet\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.smtablet\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.smtablet\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.smtablet\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.smtablet\:container {
			max-width: 1900px
		}
	}

	.smtablet\:border-0 {
		border-width: 0
	}

	.smtablet\:border-r-0 {
		border-right-width: 0
	}

	.smtablet\:block {
		display: block
	}

	.smtablet\:inline-block {
		display: inline-block
	}

	.smtablet\:flex {
		display: flex
	}

	.smtablet\:table {
		display: table
	}

	.smtablet\:hidden {
		display: none
	}

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

	.smtablet\:flex-wrap {
		flex-wrap: wrap
	}

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

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

	.smtablet\:justify-evenly {
		justify-content: space-evenly
	}

	.smtablet\:float-left {
		float: left
	}

	.smtablet\:font-medium {
		font-weight: 500
	}

	.smtablet\:h-60 {
		height: 60px
	}

	.smtablet\:h-300 {
		height: 300px
	}

	.smtablet\:h-auto {
		height: auto
	}

	.smtablet\:text-size-7 {
		font-size: 7px
	}

	.smtablet\:text-size-9 {
		font-size: 9px
	}

	.smtablet\:text-size-10 {
		font-size: 10px
	}

	.smtablet\:text-size-11 {
		font-size: 11px
	}

	.smtablet\:text-size-12 {
		font-size: 12px
	}

	.smtablet\:text-size-14 {
		font-size: 14px
	}

	.smtablet\:text-size-15 {
		font-size: 15px
	}

	.smtablet\:text-size-16 {
		font-size: 16px
	}

	.smtablet\:text-size-18 {
		font-size: 18px
	}

	.smtablet\:text-size-20 {
		font-size: 20px
	}

	.smtablet\:text-size-22 {
		font-size: 22px
	}

	.smtablet\:text-size-24 {
		font-size: 24px
	}

	.smtablet\:text-size-25 {
		font-size: 25px
	}

	.smtablet\:text-size-26 {
		font-size: 26px
	}

	.smtablet\:text-size-30 {
		font-size: 30px
	}

	.smtablet\:text-size-35 {
		font-size: 35px
	}

	.smtablet\:text-size-38 {
		font-size: 38px
	}

	.smtablet\:text-size-40 {
		font-size: 40px
	}

	.smtablet\:leading-7 {
		line-height: 1.75rem
	}

	.smtablet\:leading-10 {
		line-height: 2.5rem
	}

	.smtablet\:leading-tight {
		line-height: 1.25
	}

	.smtablet\:leading-normal {
		line-height: 1.5
	}

	.smtablet\:leading-relaxed {
		line-height: 1.625
	}

	.smtablet\:leading-loose {
		line-height: 2
	}

	.smtablet\:leading-height-24 {
		line-height: 24px
	}

	.smtablet\:leading-height-42 {
		line-height: 42px
	}

	.smtablet\:leading-height-48 {
		line-height: 48px
	}

	.smtablet\:leading-height-50 {
		line-height: 50px
	}

	.smtablet\:m-0 {
		margin: 0
	}

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

	.smtablet\:my-4 {
		margin-top: 4px;
		margin-bottom: 4px
	}

	.smtablet\:my-10 {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.smtablet\:my-15 {
		margin-top: 15px;
		margin-bottom: 15px
	}

	.smtablet\:my-20 {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.smtablet\:mx-20 {
		margin-left: 20px;
		margin-right: 20px
	}

	.smtablet\:my-25 {
		margin-top: 25px;
		margin-bottom: 25px
	}

	.smtablet\:my-30 {
		margin-top: 30px;
		margin-bottom: 30px
	}

	.smtablet\:my-40 {
		margin-top: 40px;
		margin-bottom: 40px
	}

	.smtablet\:my-50 {
		margin-top: 50px;
		margin-bottom: 50px
	}

	.smtablet\:my-60 {
		margin-top: 60px;
		margin-bottom: 60px
	}

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

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

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

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

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

	.smtablet\:ml-4 {
		margin-left: 4px
	}

	.smtablet\:ml-8 {
		margin-left: 8px
	}

	.smtablet\:mt-10 {
		margin-top: 10px
	}

	.smtablet\:mr-10 {
		margin-right: 10px
	}

	.smtablet\:mb-10 {
		margin-bottom: 10px
	}

	.smtablet\:ml-10 {
		margin-left: 10px
	}

	.smtablet\:mb-15 {
		margin-bottom: 15px
	}

	.smtablet\:mt-20 {
		margin-top: 20px
	}

	.smtablet\:mr-20 {
		margin-right: 20px
	}

	.smtablet\:mb-20 {
		margin-bottom: 20px
	}

	.smtablet\:ml-20 {
		margin-left: 20px
	}

	.smtablet\:mt-25 {
		margin-top: 25px
	}

	.smtablet\:mt-30 {
		margin-top: 30px
	}

	.smtablet\:mr-30 {
		margin-right: 30px
	}

	.smtablet\:mb-30 {
		margin-bottom: 30px
	}

	.smtablet\:mt-40 {
		margin-top: 40px
	}

	.smtablet\:mb-40 {
		margin-bottom: 40px
	}

	.smtablet\:mt-50 {
		margin-top: 50px
	}

	.smtablet\:mb-50 {
		margin-bottom: 50px
	}

	.smtablet\:mt-70 {
		margin-top: 70px
	}

	.smtablet\:mb-70 {
		margin-bottom: 70px
	}

	.smtablet\:mt-80 {
		margin-top: 80px
	}

	.smtablet\:ml-auto {
		margin-left: auto
	}

	.smtablet\:overflow-hidden {
		overflow: hidden
	}

	.smtablet\:p-0 {
		padding: 0
	}

	.smtablet\:p-15 {
		padding: 15px
	}

	.smtablet\:p-20 {
		padding: 20px
	}

	.smtablet\:p-40 {
		padding: 40px
	}

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

	.smtablet\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.smtablet\:px-4 {
		padding-left: 4px;
		padding-right: 4px
	}

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

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

	.smtablet\:py-10 {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.smtablet\:px-10 {
		padding-left: 10px;
		padding-right: 10px
	}

	.smtablet\:py-15 {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.smtablet\:px-15 {
		padding-left: 15px;
		padding-right: 15px
	}

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

	.smtablet\:px-20 {
		padding-left: 20px;
		padding-right: 20px
	}

	.smtablet\:py-24 {
		padding-top: 24px;
		padding-bottom: 24px
	}

	.smtablet\:py-30 {
		padding-top: 30px;
		padding-bottom: 30px
	}

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

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

	.smtablet\:px-40 {
		padding-left: 40px;
		padding-right: 40px
	}

	.smtablet\:py-50 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.smtablet\:px-50 {
		padding-left: 50px;
		padding-right: 50px
	}

	.smtablet\:py-80 {
		padding-top: 80px;
		padding-bottom: 80px
	}

	.smtablet\:pt-0 {
		padding-top: 0
	}

	.smtablet\:pr-0 {
		padding-right: 0
	}

	.smtablet\:pb-0 {
		padding-bottom: 0
	}

	.smtablet\:pl-0 {
		padding-left: 0
	}

	.smtablet\:pt-10 {
		padding-top: 10px
	}

	.smtablet\:pr-10 {
		padding-right: 10px
	}

	.smtablet\:pl-10 {
		padding-left: 10px
	}

	.smtablet\:pt-15 {
		padding-top: 15px
	}

	.smtablet\:pr-15 {
		padding-right: 15px
	}

	.smtablet\:pl-15 {
		padding-left: 15px
	}

	.smtablet\:pt-20 {
		padding-top: 20px
	}

	.smtablet\:pr-20 {
		padding-right: 20px
	}

	.smtablet\:pb-20 {
		padding-bottom: 20px
	}

	.smtablet\:pl-20 {
		padding-left: 20px
	}

	.smtablet\:pt-30 {
		padding-top: 30px
	}

	.smtablet\:pb-30 {
		padding-bottom: 30px
	}

	.smtablet\:pl-30 {
		padding-left: 30px
	}

	.smtablet\:pt-40 {
		padding-top: 40px
	}

	.smtablet\:pb-40 {
		padding-bottom: 40px
	}

	.smtablet\:pt-50 {
		padding-top: 50px
	}

	.smtablet\:pb-50 {
		padding-bottom: 50px
	}

	.smtablet\:pt-60 {
		padding-top: 60px
	}

	.smtablet\:pt-70 {
		padding-top: 70px
	}

	.smtablet\:pt-80 {
		padding-top: 80px
	}

	.smtablet\:pt-100 {
		padding-top: 100px
	}

	.smtablet\:pb-150 {
		padding-bottom: 150px
	}

	.smtablet\:pb-200 {
		padding-bottom: 200px
	}

	.smtablet\:pb-220 {
		padding-bottom: 220px
	}

	.smtablet\:static {
		position: static
	}

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

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

	.smtablet\:capitalize {
		text-transform: capitalize
	}

	.smtablet\:w-20 {
		width: 20px
	}

	.smtablet\:w-100 {
		width: 100px
	}

	.smtablet\:w-150 {
		width: 150px
	}

	.smtablet\:w-200 {
		width: 200px
	}

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

	.smtablet\:w-1\/2 {
		width: 50%
	}

	.smtablet\:w-1\/3,
	.smtablet\:w-4\/12 {
		width: 33.333333%
	}

	.smtablet\:w-6\/12 {
		width: 50%
	}

	.smtablet\:w-7\/12 {
		width: 58.333333%
	}

	.smtablet\:w-8\/12 {
		width: 66.666667%
	}

	.smtablet\:w-9\/12 {
		width: 75%
	}

	.smtablet\:w-10\/12 {
		width: 83.333333%
	}

	.smtablet\:w-11\/12 {
		width: 91.666667%
	}

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

	.smtablet\:gap-5 {
		grid-gap: 5px;
		gap: 5px
	}

	.smtablet\:gap-50 {
		grid-gap: 50px;
		gap: 50px
	}

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

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

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

	.smtablet\:col-span-3 {
		grid-column: span 3/span 3
	}
}

@media (max-width:768px) {
	.fromtablet\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.fromtablet\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.fromtablet\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.fromtablet\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.fromtablet\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.fromtablet\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.fromtablet\:container {
			max-width: 1900px
		}
	}

	.fromtablet\:block {
		display: block
	}

	.fromtablet\:inline-block {
		display: inline-block
	}

	.fromtablet\:hidden {
		display: none
	}

	.fromtablet\:h-auto {
		height: auto
	}

	.fromtablet\:text-size-14 {
		font-size: 14px
	}

	.fromtablet\:text-size-16 {
		font-size: 16px
	}

	.fromtablet\:text-size-24 {
		font-size: 24px
	}

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

	.fromtablet\:mx-15 {
		margin-left: 15px;
		margin-right: 15px
	}

	.fromtablet\:my-40 {
		margin-top: 40px;
		margin-bottom: 40px
	}

	.fromtablet\:my-60 {
		margin-top: 60px;
		margin-bottom: 60px
	}

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

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

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

	.fromtablet\:mt-5 {
		margin-top: 5px
	}

	.fromtablet\:mr-5 {
		margin-right: 5px
	}

	.fromtablet\:mt-10 {
		margin-top: 10px
	}

	.fromtablet\:mr-10 {
		margin-right: 10px
	}

	.fromtablet\:ml-10 {
		margin-left: 10px
	}

	.fromtablet\:mt-20 {
		margin-top: 20px
	}

	.fromtablet\:mb-50 {
		margin-bottom: 50px
	}

	.fromtablet\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.fromtablet\:py-15 {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.fromtablet\:py-50 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.fromtablet\:pr-0 {
		padding-right: 0
	}

	.fromtablet\:pl-0 {
		padding-left: 0
	}

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

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

	.fromtablet\:w-150 {
		width: 150px
	}

	.fromtablet\:w-9\/12 {
		width: 75%
	}

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

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

@media (min-width:769px) {
	.mdtablet\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.mdtablet\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.mdtablet\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.mdtablet\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.mdtablet\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.mdtablet\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.mdtablet\:container {
			max-width: 1900px
		}
	}

	.mdtablet\:mr-20 {
		margin-right: 20px
	}

	.mdtablet\:ml-40 {
		margin-left: 40px
	}

	.mdtablet\:pr-30 {
		padding-right: 30px
	}

	.mdtablet\:pr-40 {
		padding-right: 40px
	}

	.mdtablet\:pr-50 {
		padding-right: 50px
	}

	.mdtablet\:text-right {
		text-align: right
	}

	.mdtablet\:w-6\/12 {
		width: 50%
	}
}

@media (min-width:768px) and (max-width:768px) {
	.tablet\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.tablet\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.tablet\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.tablet\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.tablet\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.tablet\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.tablet\:container {
			max-width: 1900px
		}
	}

	.tablet\:block {
		display: block
	}

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

	.tablet\:text-size-11 {
		font-size: 11px
	}

	.tablet\:text-size-14 {
		font-size: 14px
	}

	.tablet\:text-size-16 {
		font-size: 16px
	}

	.tablet\:text-size-20 {
		font-size: 20px
	}

	.tablet\:text-size-22 {
		font-size: 22px
	}

	.tablet\:text-size-24 {
		font-size: 24px
	}

	.tablet\:text-size-36 {
		font-size: 36px
	}

	.tablet\:text-size-50 {
		font-size: 50px
	}

	.tablet\:leading-normal {
		line-height: 1.5
	}

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

	.tablet\:mt-20 {
		margin-top: 20px
	}

	.tablet\:mt-40 {
		margin-top: 40px
	}

	.tablet\:mb-40 {
		margin-bottom: 40px
	}

	.tablet\:px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.tablet\:px-10 {
		padding-left: 10px;
		padding-right: 10px
	}

	.tablet\:px-15 {
		padding-left: 15px;
		padding-right: 15px
	}

	.tablet\:px-20 {
		padding-left: 20px;
		padding-right: 20px
	}

	.tablet\:py-30 {
		padding-top: 30px;
		padding-bottom: 30px
	}

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

	.tablet\:px-40 {
		padding-left: 40px;
		padding-right: 40px
	}

	.tablet\:px-50 {
		padding-left: 50px;
		padding-right: 50px
	}

	.tablet\:px-60 {
		padding-left: 60px;
		padding-right: 60px
	}

	.tablet\:pr-0 {
		padding-right: 0
	}

	.tablet\:pl-0 {
		padding-left: 0
	}

	.tablet\:pl-20 {
		padding-left: 20px
	}

	.tablet\:pr-30 {
		padding-right: 30px
	}

	.tablet\:pb-50 {
		padding-bottom: 50px
	}

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

	.tablet\:w-4\/12 {
		width: 33.333333%
	}

	.tablet\:w-5\/12 {
		width: 41.666667%
	}

	.tablet\:w-6\/12 {
		width: 50%
	}

	.tablet\:w-8\/12 {
		width: 66.666667%
	}

	.tablet\:w-11\/12 {
		width: 91.666667%
	}

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

@media (max-width:992px) {
	.desktop\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.desktop\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.desktop\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.desktop\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.desktop\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.desktop\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.desktop\:container {
			max-width: 1900px
		}
	}

	.desktop\:rounded {
		border-radius: .25rem
	}

	.desktop\:border {
		border-width: 1px
	}

	.desktop\:block {
		display: block !important
	}

	.desktop\:inline-block {
		display: inline-block
	}

	.desktop\:hidden {
		display: none
	}

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

	.desktop\:justify-center {
		justify-content: left
	}

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

	.desktop\:font-bold {
		font-weight: 700
	}

	.desktop\:text-size-10 {
		font-size: 10px
	}

	.desktop\:text-size-12 {
		font-size: 12px
	}

	.desktop\:text-size-14 {
		font-size: 14px
	}

	.desktop\:text-size-22 {
		font-size: 22px
	}

	.desktop\:text-size-30 {
		font-size: 30px
	}

	.desktop\:m-10 {
		margin: 10px
	}

	.desktop\:mx-18 {
		margin-left: 18px;
		margin-right: 18px
	}

	.desktop\:my-20 {
		margin-top: 20px;
		margin-bottom: 20px
	}

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

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

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

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

	.desktop\:mt-10 {
		margin-top: 10px
	}

	.desktop\:ml-10 {
		margin-left: 10px
	}

	.desktop\:mr-18 {
		margin-right: 18px
	}

	.desktop\:mt-20 {
		margin-top: 20px
	}

	.desktop\:mb-20 {
		margin-bottom: 20px
	}

	.desktop\:mt-30 {
		margin-top: 30px
	}

	.desktop\:mb-30 {
		margin-bottom: 30px
	}

	.desktop\:mt-40 {
		margin-top: 40px
	}

	.desktop\:mt-50 {
		margin-top: 50px
	}

	.desktop\:mb-50 {
		margin-bottom: 50px
	}

	.desktop\:mt-80 {
		margin-top: 80px
	}

	.desktop\:mb-80 {
		margin-bottom: 80px
	}

	.desktop\:mt-100 {
		margin-top: 100px
	}

	.desktop\:mt-220 {
		margin-top: 220px
	}

	.desktop\:mt-250 {
		margin-top: 250px
	}

	.desktop\:mr-auto {
		margin-right: auto
	}

	.desktop\:p-10 {
		padding: 10px
	}

	.desktop\:p-20 {
		padding: 20px
	}

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

	.desktop\:px-5 {
		padding-left: 5px;
		padding-right: 5px
	}

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

	.desktop\:py-10 {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.desktop\:px-10 {
		padding-left: 10px;
		padding-right: 10px
	}

	.desktop\:py-15 {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.desktop\:px-15 {
		padding-left: 15px;
		padding-right: 15px
	}

	.desktop\:px-20 {
		padding-left: 20px;
		padding-right: 20px
	}

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

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

	.desktop\:py-50 {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.desktop\:pt-0 {
		padding-top: 0
	}

	.desktop\:pr-0 {
		padding-right: 0
	}

	.desktop\:pb-0 {
		padding-bottom: 0
	}

	.desktop\:pl-0 {
		padding-left: 0
	}

	.desktop\:pt-10 {
		padding-top: 10px
	}

	.desktop\:pr-10 {
		padding-right: 10px
	}

	.desktop\:pl-10 {
		padding-left: 10px
	}

	.desktop\:pr-20 {
		padding-right: 20px
	}

	.desktop\:pt-30 {
		padding-top: 30px
	}

	.desktop\:pr-30 {
		padding-right: 30px
	}

	.desktop\:pb-30 {
		padding-bottom: 30px
	}

	.desktop\:pl-30 {
		padding-left: 30px
	}

	.desktop\:pt-50 {
		padding-top: 50px
	}

	.desktop\:pt-70 {
		padding-top: 70px
	}

	.desktop\:pb-100 {
		padding-bottom: 100px
	}

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

	.desktop\:static {
		position: static
	}

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

	.desktop\:text-center {
		text-align: left;
	}

	.desktop\:w-265 {
		width: 265px
	}

	.desktop\:w-9\/12 {
		width: 75%
	}

	.desktop\:w-10\/12 {
		width: 83.333333%
	}

	.desktop\:w-11\/12 {
		width: 91.666667%
	}

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

	.desktop\:z-50 {
		z-index: 50
	}

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

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

	.desktop\:col-auto {
		grid-column: auto
	}

	.desktop\:col-span-1 {
		grid-column: span 1/span 1
	}
}

@media (min-width:1024px) and (max-width:1024px) {
	.ipad\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.ipad\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.ipad\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.ipad\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.ipad\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.ipad\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.ipad\:container {
			max-width: 1900px
		}
	}

	.ipad\:px-35 {
		padding-left: 35px;
		padding-right: 35px
	}

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

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

@media (max-width:1100px) {
	.fromipad\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.fromipad\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.fromipad\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.fromipad\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.fromipad\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.fromipad\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.fromipad\:container {
			max-width: 1900px
		}
	}

	.fromipad\:block {
		display: block
	}

	.fromipad\:hidden {
		display: none
	}

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

	.fromipad\:text-size-10 {
		font-size: 10px
	}

	.fromipad\:text-size-12 {
		font-size: 12px
	}

	.fromipad\:text-size-13 {
		font-size: 13px
	}

	.fromipad\:text-size-15 {
		font-size: 15px
	}

	.fromipad\:text-size-16 {
		font-size: 16px
	}

	.fromipad\:text-size-20 {
		font-size: 20px
	}

	.fromipad\:text-size-25 {
		font-size: 25px
	}

	.fromipad\:text-size-30 {
		font-size: 30px
	}

	.fromipad\:leading-9 {
		line-height: 2.25rem
	}

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

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

	.fromipad\:ml-5 {
		margin-left: 5px
	}

	.fromipad\:ml-8 {
		margin-left: 8px
	}

	.fromipad\:mr-10 {
		margin-right: 10px
	}

	.fromipad\:mb-20 {
		margin-bottom: 20px
	}

	.fromipad\:ml-20 {
		margin-left: 20px
	}

	.fromipad\:mt-30 {
		margin-top: 30px
	}

	.fromipad\:mt-80 {
		margin-top: 80px
	}

	.fromipad\:px-10 {
		padding-left: 10px;
		padding-right: 10px
	}

	.fromipad\:pl-15 {
		padding-left: 15px
	}

	.fromipad\:pb-20 {
		padding-bottom: 20px
	}

	.fromipad\:pl-20 {
		padding-left: 20px
	}

	.fromipad\:pt-40 {
		padding-top: 40px
	}

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

	.fromipad\:w-420 {
		width: 420px
	}

	.fromipad\:w-11\/12 {
		width: 91.666667%
	}

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

@media (max-width:1024px) {
	.ipadpro\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.ipadpro\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.ipadpro\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.ipadpro\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.ipadpro\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.ipadpro\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.ipadpro\:container {
			max-width: 1900px
		}
	}

	.ipadpro\:hidden {
		display: none
	}

	.ipadpro\:justify-evenly {
		justify-content: space-evenly
	}

	.ipadpro\:text-size-18 {
		font-size: 18px
	}

	.ipadpro\:text-size-20 {
		font-size: 20px
	}

	.ipadpro\:text-size-30 {
		font-size: 30px
	}

	.ipadpro\:text-size-32 {
		font-size: 32px
	}

	.ipadpro\:text-size-40 {
		font-size: 40px
	}

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

	.ipadpro\:ml-10 {
		margin-left: 10px
	}

	.ipadpro\:p-0 {
		padding: 0
	}

	.ipadpro\:px-20 {
		padding-left: 20px;
		padding-right: 20px
	}

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

	.ipadpro\:pb-50 {
		padding-bottom: 50px
	}

	.ipadpro\:w-500 {
		width: 500px
	}

	.ipadpro\:w-10\/12 {
		width: 83.333333%
	}

	.ipadpro\:w-11\/12 {
		width: 91.666667%
	}

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

@media (max-width:1600px) {
	._xxxl\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		._xxxl\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		._xxxl\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		._xxxl\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		._xxxl\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		._xxxl\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		._xxxl\:container {
			max-width: 1900px
		}
	}

	._xxxl\:text-size-16 {
		font-size: 16px
	}

	._xxxl\:text-size-20 {
		font-size: 20px
	}

	._xxxl\:p-30 {
		padding: 30px
	}

	._xxxl\:w-10\/12 {
		width: 83.333333%
	}
}

@media (min-width:1370px) {
	.xlm\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.xlm\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.xlm\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.xlm\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.xlm\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.xlm\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.xlm\:container {
			max-width: 1900px
		}
	}

	.xlm\:h-180 {
		height: 180px
	}

	.xlm\:text-size-12 {
		font-size: 12px
	}

	.xlm\:text-size-13 {
		font-size: 13px
	}

	.xlm\:text-size-14 {
		font-size: 14px
	}

	.xlm\:text-size-15 {
		font-size: 15px
	}

	.xlm\:text-size-16 {
		font-size: 16px
	}

	.xlm\:text-size-17 {
		font-size: 17px
	}

	.xlm\:text-size-18 {
		font-size: 18px
	}

	.xlm\:text-size-19 {
		font-size: 19px
	}

	.xlm\:text-size-22 {
		font-size: 22px
	}

	.xlm\:text-size-25 {
		font-size: 25px
	}

	.xlm\:text-size-38 {
		font-size: 38px
	}

	.xlm\:text-size-56 {
		font-size: 56px
	}

	.xlm\:leading-height-30 {
		line-height: 30px
	}

	.xlm\:mt-38 {
		margin-top: 38px
	}

	.xlm\:mt-50 {
		margin-top: 50px
	}

	.xlm\:mt-55 {
		margin-top: 55px
	}

	.xlm\:ml-60 {
		margin-left: 60px
	}

	.xlm\:ml-89 {
		margin-left: 89px
	}

	.xlm\:mr-150 {
		margin-right: 150px
	}

	.xlm\:py-24 {
		padding-top: 24px;
		padding-bottom: 24px
	}

	.xlm\:px-24 {
		padding-left: 24px;
		padding-right: 24px
	}

	.xlm\:px-100 {
		padding-left: 100px;
		padding-right: 100px
	}

	.xlm\:pr-30 {
		padding-right: 30px
	}

	.xlm\:pr-60 {
		padding-right: 60px
	}

	.xlm\:pt-110 {
		padding-top: 110px
	}

	.xlm\:pr-110 {
		padding-right: 110px
	}

	.xlm\:pr-120 {
		padding-right: 120px
	}

	.xlm\:pt-140 {
		padding-top: 140px
	}

	.xlm\:pr-150 {
		padding-right: 150px
	}

	.xlm\:w-26 {
		width: 26px
	}

	.xlm\:w-140 {
		width: 140px
	}

	.xlm\:w-180 {
		width: 180px
	}

	.xlm\:w-220 {
		width: 220px
	}

	.xlm\:w-520 {
		width: 520px
	}

	.xlm\:w-9\/12 {
		width: 75%
	}

	.xlm\:w-11\/12 {
		width: 91.666667%
	}

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

	.xlm\:scale-110 {
		--transform-scale-x: 1.1;
		--transform-scale-y: 1.1
	}
}

@media (min-width:1500px) {
	.xxl\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.xxl\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.xxl\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.xxl\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.xxl\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.xxl\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.xxl\:container {
			max-width: 1900px
		}
	}

	.xxl\:font-light {
		font-weight: 300
	}

	.xxl\:font-normal {
		font-weight: 400
	}

	.xxl\:h-21 {
		height: 21px
	}

	.xxl\:h-47 {
		height: 47px
	}

	.xxl\:h-53 {
		height: 53px
	}

	.xxl\:h-auto {
		height: auto
	}

	.xxl\:text-sm {
		font-size: .875rem
	}

	.xxl\:text-size-13 {
		font-size: 13px
	}

	.xxl\:text-size-14 {
		font-size: 14px
	}

	.xxl\:text-size-15 {
		font-size: 15px
	}

	.xxl\:text-size-16 {
		font-size: 16px
	}

	.xxl\:text-size-17 {
		font-size: 17px
	}

	.xxl\:text-size-18 {
		font-size: 18px
	}

	.xxl\:text-size-19 {
		font-size: 19px
	}

	.xxl\:text-size-20 {
		font-size: 20px
	}

	.xxl\:text-size-22 {
		font-size: 22px
	}

	.xxl\:text-size-24 {
		font-size: 24px
	}

	.xxl\:text-size-25 {
		font-size: 25px
	}

	.xxl\:text-size-26 {
		font-size: 26px
	}

	.xxl\:text-size-28 {
		font-size: 28px
	}

	.xxl\:text-size-30 {
		font-size: 30px
	}

	.xxl\:text-size-38 {
		font-size: 38px
	}

	.xxl\:text-size-39 {
		font-size: 39px
	}

	.xxl\:text-size-40 {
		font-size: 40px
	}

	.xxl\:text-size-42 {
		font-size: 42px
	}

	.xxl\:text-size-46 {
		font-size: 46px
	}

	.xxl\:text-size-50 {
		font-size: 50px
	}

	.xxl\:text-size-55 {
		font-size: 55px
	}

	.xxl\:text-size-73 {
		font-size: 73px
	}

	.xxl\:text-size-93 {
		font-size: 93px
	}

	.xxl\:text-size-140 {
		font-size: 140px
	}

	.xxl\:my-38 {
		margin-top: 38px;
		margin-bottom: 38px
	}

	.xxl\:ml-8 {
		margin-left: 8px
	}

	.xxl\:mr-15 {
		margin-right: 15px
	}

	.xxl\:mt-16 {
		margin-top: 16px
	}

	.xxl\:mb-20 {
		margin-bottom: 20px
	}

	.xxl\:mb-30 {
		margin-bottom: 30px
	}

	.xxl\:mt-32 {
		margin-top: 32px
	}

	.xxl\:mb-33 {
		margin-bottom: 33px
	}

	.xxl\:mt-40 {
		margin-top: 40px
	}

	.xxl\:mt-42 {
		margin-top: 42px
	}

	.xxl\:mt-50 {
		margin-top: 50px
	}

	.xxl\:mb-50 {
		margin-bottom: 50px
	}

	.xxl\:mt-86 {
		margin-top: 86px
	}

	.xxl\:mt-500 {
		margin-top: 500px
	}

	.xxl\:mt-550 {
		margin-top: 550px
	}

	.xxl\:p-13 {
		padding: 13px
	}

	.xxl\:py-15 {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.xxl\:py-35 {
		padding-top: 35px;
		padding-bottom: 35px
	}

	.xxl\:px-45 {
		padding-left: 45px;
		padding-right: 45px
	}

	.xxl\:px-60 {
		padding-left: 60px;
		padding-right: 60px
	}

	.xxl\:py-63 {
		padding-top: 63px;
		padding-bottom: 63px
	}

	.xxl\:py-68 {
		padding-top: 68px;
		padding-bottom: 68px
	}

	.xxl\:px-80 {
		padding-left: 80px;
		padding-right: 80px
	}

	.xxl\:px-91 {
		padding-left: 91px;
		padding-right: 91px
	}

	.xxl\:py-100 {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.xxl\:py-150 {
		padding-top: 150px;
		padding-bottom: 150px
	}

	.xxl\:pl-19 {
		padding-left: 19px
	}

	.xxl\:pb-26 {
		padding-bottom: 26px
	}

	.xxl\:pb-30 {
		padding-bottom: 30px
	}

	.xxl\:pl-30 {
		padding-left: 30px
	}

	.xxl\:pr-34 {
		padding-right: 34px
	}

	.xxl\:pl-34 {
		padding-left: 34px
	}

	.xxl\:pb-36 {
		padding-bottom: 36px
	}

	.xxl\:pl-40 {
		padding-left: 40px
	}

	.xxl\:pb-43 {
		padding-bottom: 43px
	}

	.xxl\:pt-45 {
		padding-top: 45px
	}

	.xxl\:pt-47 {
		padding-top: 47px
	}

	.xxl\:pb-47 {
		padding-bottom: 47px
	}

	.xxl\:pr-50 {
		padding-right: 50px
	}

	.xxl\:pb-50 {
		padding-bottom: 50px
	}

	.xxl\:pb-63 {
		padding-bottom: 63px
	}

	.xxl\:pb-68 {
		padding-bottom: 68px
	}

	.xxl\:pb-72 {
		padding-bottom: 72px
	}

	.xxl\:pb-73 {
		padding-bottom: 73px
	}

	.xxl\:pb-82 {
		padding-bottom: 82px
	}

	.xxl\:pt-83 {
		padding-top: 83px
	}

	.xxl\:pr-100 {
		padding-right: 100px
	}

	.xxl\:pb-104 {
		padding-bottom: 104px
	}

	.xxl\:pt-110 {
		padding-top: 110px
	}

	.xxl\:pt-300 {
		padding-top: 300px
	}

	.xxl\:tracking-wider {
		letter-spacing: .05em
	}

	.xxl\:w-21 {
		width: 21px
	}

	.xxl\:w-56 {
		width: 56px
	}

	.xxl\:w-250 {
		width: 250px
	}

	.xxl\:w-300 {
		width: 300px
	}

	.xxl\:w-500 {
		width: 500px
	}

	.xxl\:w-3\/12 {
		width: 25%
	}

	.xxl\:w-4\/12 {
		width: 33.333333%
	}

	.xxl\:w-5\/12 {
		width: 41.666667%
	}

	.xxl\:w-7\/12 {
		width: 58.333333%
	}

	.xxl\:w-8\/12 {
		width: 66.666667%
	}

	.xxl\:w-9\/12 {
		width: 75%
	}

	.xxl\:w-10\/12 {
		width: 83.333333%
	}

	.xxl\:w-11\/12 {
		width: 91.666667%
	}
}

@media (min-width:1600px) {
	.xxxl\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.xxxl\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.xxxl\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.xxxl\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.xxxl\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.xxxl\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.xxxl\:container {
			max-width: 1900px
		}
	}

	.xxxl\:h-23 {
		height: 23px
	}

	.xxxl\:h-54 {
		height: 54px
	}

	.xxxl\:h-60 {
		height: 60px
	}

	.xxxl\:h-190 {
		height: 190px
	}

	.xxxl\:text-size-14 {
		font-size: 14px
	}

	.xxxl\:text-size-15 {
		font-size: 15px
	}

	.xxxl\:text-size-16 {
		font-size: 16px
	}

	.xxxl\:text-size-17 {
		font-size: 17px
	}

	.xxxl\:text-size-18 {
		font-size: 18px
	}

	.xxxl\:text-size-20 {
		font-size: 20px
	}

	.xxxl\:text-size-21 {
		font-size: 21px
	}

	.xxxl\:text-size-22 {
		font-size: 22px
	}

	.xxxl\:text-size-23 {
		font-size: 23px
	}

	.xxxl\:text-size-24 {
		font-size: 24px
	}

	.xxxl\:text-size-27 {
		font-size: 27px
	}

	.xxxl\:text-size-28 {
		font-size: 28px
	}

	.xxxl\:text-size-30 {
		font-size: 30px
	}

	.xxxl\:text-size-42 {
		font-size: 42px
	}

	.xxxl\:text-size-43 {
		font-size: 43px
	}

	.xxxl\:text-size-58 {
		font-size: 58px
	}

	.xxxl\:text-size-60 {
		font-size: 60px
	}

	.xxxl\:text-size-70 {
		font-size: 70px
	}

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

	.xxxl\:mx-17 {
		margin-left: 17px;
		margin-right: 17px
	}

	.xxxl\:my-41 {
		margin-top: 41px;
		margin-bottom: 41px
	}

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

	.xxxl\:ml-10 {
		margin-left: 10px
	}

	.xxxl\:ml-15 {
		margin-left: 15px
	}

	.xxxl\:mr-17 {
		margin-right: 17px
	}

	.xxxl\:mt-19 {
		margin-top: 19px
	}

	.xxxl\:mt-24 {
		margin-top: 24px
	}

	.xxxl\:mr-25 {
		margin-right: 25px
	}

	.xxxl\:mt-35 {
		margin-top: 35px
	}

	.xxxl\:mb-37 {
		margin-bottom: 37px
	}

	.xxxl\:mt-46 {
		margin-top: 46px
	}

	.xxxl\:mt-47 {
		margin-top: 47px
	}

	.xxxl\:mb-50 {
		margin-bottom: 50px
	}

	.xxxl\:mt-96 {
		margin-top: 96px
	}

	.xxxl\:mt-150 {
		margin-top: 150px
	}

	.xxxl\:mt-600 {
		margin-top: 600px
	}

	.xxxl\:p-15 {
		padding: 15px
	}

	.xxxl\:px-28 {
		padding-left: 28px;
		padding-right: 28px
	}

	.xxxl\:py-30 {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.xxxl\:py-70 {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.xxxl\:px-73 {
		padding-left: 73px;
		padding-right: 73px
	}

	.xxxl\:py-76 {
		padding-top: 76px;
		padding-bottom: 76px
	}

	.xxxl\:pl-20 {
		padding-left: 20px
	}

	.xxxl\:pl-21 {
		padding-left: 21px
	}

	.xxxl\:pb-29 {
		padding-bottom: 29px
	}

	.xxxl\:pr-37 {
		padding-right: 37px
	}

	.xxxl\:pl-37 {
		padding-left: 37px
	}

	.xxxl\:pb-40 {
		padding-bottom: 40px
	}

	.xxxl\:pb-48 {
		padding-bottom: 48px
	}

	.xxxl\:pt-50 {
		padding-top: 50px
	}

	.xxxl\:pr-50 {
		padding-right: 50px
	}

	.xxxl\:pt-53 {
		padding-top: 53px
	}

	.xxxl\:pb-55 {
		padding-bottom: 55px
	}

	.xxxl\:pb-62 {
		padding-bottom: 62px
	}

	.xxxl\:pb-72 {
		padding-bottom: 72px
	}

	.xxxl\:pb-74 {
		padding-bottom: 74px
	}

	.xxxl\:pb-83 {
		padding-bottom: 83px
	}

	.xxxl\:pt-93 {
		padding-top: 93px
	}

	.xxxl\:pr-100 {
		padding-right: 100px
	}

	.xxxl\:pb-116 {
		padding-bottom: 116px
	}

	.xxxl\:pt-123 {
		padding-top: 123px
	}

	.xxxl\:pt-150 {
		padding-top: 150px
	}

	.xxxl\:pb-300 {
		padding-bottom: 300px
	}

	.xxxl\:pt-360 {
		padding-top: 360px
	}

	.xxxl\:w-20 {
		width: 20px
	}

	.xxxl\:w-23 {
		width: 23px
	}

	.xxxl\:w-30 {
		width: 30px
	}

	.xxxl\:w-62 {
		width: 62px
	}

	.xxxl\:w-190 {
		width: 190px
	}

	.xxxl\:w-250 {
		width: 250px
	}

	.xxxl\:w-5\/12 {
		width: 41.666667%
	}

	.xxxl\:w-8\/12 {
		width: 66.666667%
	}

	.xxxl\:w-10\/12 {
		width: 83.333333%
	}
}

@media (min-width:1900px) {
	.xxxxl\:container {
		width: 100%
	}

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

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

	@media (min-width:769px) {
		.xxxxl\:container {
			max-width: 769px
		}
	}

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

	@media (min-width:1180px) {
		.xxxxl\:container {
			max-width: 1180px
		}
	}

	@media (min-width:1370px) {
		.xxxxl\:container {
			max-width: 1370px
		}
	}

	@media (min-width:1500px) {
		.xxxxl\:container {
			max-width: 1500px
		}
	}

	@media (min-width:1600px) {
		.xxxxl\:container {
			max-width: 1600px
		}
	}

	@media (min-width:1900px) {
		.xxxxl\:container {
			max-width: 1900px
		}
	}

	.xxxxl\:text-size-18 {
		font-size: 18px
	}

	.xxxxl\:text-size-19 {
		font-size: 19px
	}

	.xxxxl\:text-size-20 {
		font-size: 20px
	}

	.xxxxl\:text-size-22 {
		font-size: 22px
	}

	.xxxxl\:text-size-23 {
		font-size: 23px
	}

	.xxxxl\:text-size-24 {
		font-size: 24px
	}

	.xxxxl\:text-size-25 {
		font-size: 25px
	}

	.xxxxl\:text-size-26 {
		font-size: 26px
	}

	.xxxxl\:text-size-31 {
		font-size: 31px
	}

	.xxxxl\:text-size-32 {
		font-size: 32px
	}

	.xxxxl\:text-size-34 {
		font-size: 34px
	}

	.xxxxl\:text-size-47 {
		font-size: 47px
	}

	.xxxxl\:text-size-56 {
		font-size: 56px
	}

	.xxxxl\:text-size-65 {
		font-size: 65px
	}

	.xxxxl\:text-size-116 {
		font-size: 116px
	}

	.xxxxl\:leading-height-24 {
		line-height: 24px
	}

	.xxxxl\:leading-height-27 {
		line-height: 27px
	}

	.xxxxl\:leading-height-36 {
		line-height: 36px
	}

	.xxxxl\:leading-height-37 {
		line-height: 37px
	}

	.xxxxl\:leading-height-70 {
		line-height: 70px
	}

	.xxxxl\:mb-10 {
		margin-bottom: 10px
	}

	.xxxxl\:ml-15 {
		margin-left: 15px
	}

	.xxxxl\:mt-22 {
		margin-top: 22px
	}

	.xxxxl\:mr-24 {
		margin-right: 24px
	}

	.xxxxl\:mt-38 {
		margin-top: 38px
	}

	.xxxxl\:mb-41 {
		margin-bottom: 41px
	}

	.xxxxl\:mt-52 {
		margin-top: 52px
	}

	.xxxxl\:mt-57 {
		margin-top: 57px
	}

	.xxxxl\:mt-71 {
		margin-top: 71px
	}

	.xxxxl\:mt-78 {
		margin-top: 78px
	}

	.xxxxl\:ml-100 {
		margin-left: 100px
	}

	.xxxxl\:mt-106 {
		margin-top: 106px
	}

	.xxxxl\:mt-800 {
		margin-top: 800px
	}

	.xxxxl\:p-17 {
		padding: 17px
	}

	.xxxxl\:py-77 {
		padding-top: 77px;
		padding-bottom: 77px
	}

	.xxxxl\:py-84 {
		padding-top: 84px;
		padding-bottom: 84px
	}

	.xxxxl\:pl-23 {
		padding-left: 23px
	}

	.xxxxl\:pl-30 {
		padding-left: 30px
	}

	.xxxxl\:pb-32 {
		padding-bottom: 32px
	}

	.xxxxl\:pr-40 {
		padding-right: 40px
	}

	.xxxxl\:pl-40 {
		padding-left: 40px
	}

	.xxxxl\:pb-44 {
		padding-bottom: 44px
	}

	.xxxxl\:pr-50 {
		padding-right: 50px
	}

	.xxxxl\:pb-50 {
		padding-bottom: 50px
	}

	.xxxxl\:pb-53 {
		padding-bottom: 53px
	}

	.xxxxl\:pt-58 {
		padding-top: 58px
	}

	.xxxxl\:pt-59 {
		padding-top: 59px
	}

	.xxxxl\:pr-60 {
		padding-right: 60px
	}

	.xxxxl\:pt-61 {
		padding-top: 61px
	}

	.xxxxl\:pb-63 {
		padding-bottom: 63px
	}

	.xxxxl\:pt-68 {
		padding-top: 68px
	}

	.xxxxl\:pb-76 {
		padding-bottom: 76px
	}

	.xxxxl\:pb-78 {
		padding-bottom: 78px
	}

	.xxxxl\:pb-81 {
		padding-bottom: 81px
	}

	.xxxxl\:pb-84 {
		padding-bottom: 84px
	}

	.xxxxl\:pb-93 {
		padding-bottom: 93px
	}

	.xxxxl\:pr-100 {
		padding-right: 100px
	}

	.xxxxl\:pt-103 {
		padding-top: 103px
	}

	.xxxxl\:pb-128 {
		padding-bottom: 128px
	}

	.xxxxl\:pt-136 {
		padding-top: 136px
	}

	.xxxxl\:pb-150 {
		padding-bottom: 150px
	}

	.xxxxl\:w-68 {
		width: 68px
	}

	.xxxxl\:w-200 {
		width: 200px
	}

	.xxxxl\:w-220 {
		width: 220px
	}

	.xxxxl\:w-10\/12 {
		width: 83.333333%
	}

	.xxxxl\:scale-125 {
		--transform-scale-x: 1.25;
		--transform-scale-y: 1.25
	}
}

body,
html {
	font-family: Inter, sans-serif;
	color: #4a4a4a;
	font-size: 16px;
	font-display: swap
}

.container {
	max-width: 1140px
}

.container,
.container__selenium {
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px
}

.container__selenium {
	max-width: 1616px
}

#header .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 95%;
	padding-right: 15px;
	padding-left: 15px
}

.resource-dropdown-menu {
	display: none;
	position: absolute;
	background-color: #fff;
	width: 100%;
	left: 0;
	box-shadow: 0 50px 60px 0 rgb(0 0 0 / 54%);
	max-height: 80vh;
	border-bottom: 10px solid #e1e1e1;
	overflow-y: auto;
	overflow-x: hidden;
}


.resource-dropdown-menu::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.resource-dropdown-menu::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

.resource-dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

.table__main {
	max-width: 97.5%;
	margin-left: auto
}

.resource-dropdown:hover .resource-dropdown-menu {
	display: block
}


#header {
background-color: rgba(0, 0, 0, 0.4) !important; 

	z-index: 11111;

	position: -webkit-sticky;
	position: absolute;
	top: -2px;
	padding-top: 0px;
	padding-bottom: 10px
}

#header .nav-link {
	position: relative
}

#header .nav-link:after {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: #333;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s
}

#header .nav-link.active:after,
#header .nav-link:hover:after,
#header .resource-dropdown.active button.nav-link:after {
	width: 100%
}

#header .resource-dropdown.active button.nav-link {
	color: #0ebac5
}

#header.header_fixed {
	padding-top: 0px;
	padding-bottom: 10px;
	left: 0;
	width: 100%;
	box-shadow: 0 7px 6px rgba(0, 0, 0, .11);
	position: sticky;
	background: #353434 !important
}

#header .resource_anchor {
	color: #000
}

.tick-list li:after {
	position: absolute;
	width: 11px;
	height: 11px;
	left: 0;
	top: 3px;
	content: "";
	background: url(/resources/images/icons/arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.text-shadow {
	-webkit-text-shadow: 0 1px 0;
	-moz-text-shadow: 0 1px 0;
	-ms-text-shadow: 0 1px 0;
	-o-text-shadow: 0 1px 0;
	text-shadow: 0 1px 0
}

.social-icons li {
	display: inline-block;
	margin-right: 5px;
	text-align: center
}

.social-icons li a {
	display: block;
	width: 28px;
	height: 28px;
	background-color: #000;
	border-radius: 50%;
	text-align: center;
	padding: 7px 0
}

.social-icons li a img {
	vertical-align: top;
	width: 13px;
	margin: 0 auto
}

.social-icons li.glassdoor-icon a img {
	vertical-align: top;
	width: 10px;
	margin: 0 auto
}

.social-icons li.fb:hover a {
	background: #365899
}

.social-icons li.linkedin:hover a {
	background: #007bb6
}

.social-icons li.twitter:hover a {
	background: #55acee
}

.social-icons li.youtube-icons:hover a {
	background: red
}

.social-icons li.github-icon:hover a {
	opacity: .6
}

.social-icons li.github-icon img {
	width: 14px
}

.social-icons li.pintrest-icon:hover a {
	opacity: .6
}

.social-icons li.pintrest-icon img {
	width: 28px;
	margin-top: -7px
}

.social-icons li.glassdoor-icon:hover a {
	background: green
}

.footer-menu {
	padding: 0 !important;
	margin: 0 !important
}

.footer-menu li {
	margin-bottom: 8px;
	line-height: 24px
}

.footer-menu li a {
	font-size: 12px;
	color: #4a4a4a;
	font-weight: 400;
	letter-spacing: .5px
}

.footer-menu li a:hover {
	text-decoration: underline
}

.imghead {
	top: 2px
}

.header.arrow_down {
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	margin-bottom: 2px;
	margin-left: 6px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.header.arrow_right {
	border: solid #0ebac5;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 1.6px;
	margin-bottom: 1px;
	margin-left: 8px;
	margin-right: 10px;
	transform: rotate(316deg);
	-webkit-transform: rotate(316deg)
}

.TrustedCarousel {
	max-width: 900px
}

.lp_log,
.TrustedCarousel {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto
}

.lp_log .owl-nav,
.TrustedCarousel .owl-nav {
	display: block !important;
	position: absolute;
	bottom: 35%;
	width: 100%;
	left: 0;
	z-index: -1
}

.lp_log .owl-nav .owl-prev,
.TrustedCarousel .owl-nav .owl-prev {
	float: left;
	margin-left: -50px
}

.lp_log .owl-nav .owl-next,
.lp_log .owl-nav .owl-prev,
.TrustedCarousel .owl-nav .owl-next,
.TrustedCarousel .owl-nav .owl-prev {
	background: #cad0d8 !important;
	width: 24px;
	height: 23px;
	border-radius: 50%;
	color: #fff !important;
	outline: none !important;
	text-align: center;
	line-height: 1.2;
	font-size: 18px
}

.lp_log .owl-nav .owl-next,
.TrustedCarousel .owl-nav .owl-next {
	float: right;
	margin-right: -50px
}

.lp_log .logoItem,
.TrustedCarousel .logoItem {
	text-align: center
}

.TrustedCarousel .logoItem img {
	width: auto !important;
	margin-right: auto !important;
	margin-left: auto !important
}

.featureslide_section .owl-thumb-item {
	position: relative;
	width: 100%;
	background: #fff;
	min-height: 48px;
	margin-top: 7px;
	margin-bottom: 7px
}

.featureslide_section .thumb-titel {
	padding: 10px 6px 10px 65px;
	position: relative;
	width: 100%;
	background: #fff;
	cursor: pointer;
	font-weight: 400;
	font-size: 20px;
	color: #000
}

.featureslide_section .owl-thumb-item.active .thumb-titel {
	background: #000;
	color: #fff
}

.featureslide_section .img-box-thumb {
	position: absolute;
	width: 34px;
	height: 34px;
	background-color: #000;
	display: block;
	left: 15px;
	top: 7px;
	text-align: center;
	line-height: 34px
}

.featureslide_section .owl-thumb-content {
	position: relative;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .5px;
	color: #000;
	background: #fff;
	display: none;
	padding: 15px 30px
}

.featureslide_section .owl-thumb-content>span {
	display: block;
	width: 100%;
	margin-top: 11px
}

.featureslide_section .owl-thumb-content>span>a {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2.14px;
	color: #0ebac5;
	text-transform: uppercase
}

.featureslide_section .owl-thumb-item.active .owl-thumb-content {
	display: block
}

.featureslide_section .img-box-thumb .img-fluid {
	margin-left: auto;
	margin-right: auto;
	display: inline-block
}

.featureslide_section .owl-thumb-content>span img {
	display: inline-block;
	vertical-align: text-bottom
}

#review-box {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}

#review-box .item {
	border-radius: 3px;
	border: 2px solid #7b899e;
	background-color: #fff;
	min-height: 300px;
	padding: 35px 50px 110px;
	position: relative;
	opacity: .4;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .36px;
	color: #191919
}

#review-box .owl-item.center .item {
	border: 2px solid #000;
	opacity: 1
}

#review-box .user-list-box {
	position: absolute;
	bottom: 45px;
	left: 50px;
	padding-left: 70px;
	height: 50px;
	width: 100%;
	max-width: calc(100% - 100px)
}

#review-box .user-icons {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	border-radius: 50%
}

#review-box .user-list-box>span.user-name {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 25px
}

#review-box .user-list-box>span.user-profile {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	color: #7b899e
}

#review-box .user-icons img {
	width: 50px;
	height: 50px
}

.gdpr p {
	color: #fff
}

.arrow_img {
	top: 2px;
	left: 52px
}

.arrow_img,
.scribble {
	position: absolute;
	width: 62px
}

.scribble {
	bottom: 0;
	right: 52px
}

.view_browserlist li {
	border-bottom: 2px solid transparent
}

.view_browserlist li.active {
	border-bottom: 2px solid #000;
	color: var(--text-gray-900);
	z-index: 999
}

.tab-section-realautomation:after {
	content: "";
	height: 3px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #e8e9ed;
	display: block;
	position: absolute
}

.infoiframebox iframe {
	width: 100%;
	min-height: 285px
}

.bar__main {
	width: 100px;
	border: 1px solid #ccc;
	top: -1px
}

.bar__content,
.bar__main {
	border-radius: 5px;
	position: relative
}

.bar__content {
	width: 30px;
	height: 6px;
	background-color: #007eff;
	-webkit-animation-name: bars;
	animation-name: bars;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes bars {
	0% {
		left: 0;
		top: 0
	}

	50% {
		left: 70%;
		top: 0
	}

	to {
		left: 0;
		top: 0
	}
}

@keyframes bars {
	0% {
		left: 0;
		top: 0
	}

	50% {
		left: 70%;
		top: 0
	}

	to {
		left: 0;
		top: 0
	}
}

.pricing_h1 {
	font-size: 36px;
	font-weight: 700;
	margin-top: 0;
	position: relative;
	color: #000
}

.pricing_h1 img {
	width: 34px;
	vertical-align: middle;
	margin-left: 20px
}

.priceswitching {
	overflow: hidden;
	width: 220px;
	border: 1px solid #000;
	border-radius: 50px;
	padding: 5px 6px !important;
	list-style-type: none;
	margin-bottom: 0
}

.pricing_sub_heading {
	margin: 0;
	font-size: 20px;
	padding-left: 30px;
	color: #5e6267
}

.priceswitching li {
	width: 50%;
	float: left;
	line-height: normal;
	position: relative
}

.priceswitching li .switch_a {
	font-size: 12px;
	color: #000;
	display: block;
	text-align: center;
	padding: 8px;
	background: transparent;
	border-radius: 50px;
	text-decoration: none !important;
	cursor: pointer;
	border: 3px solid #fff
}

.priceswitching li.active .switch_a {
	background: #000;
	color: #fff;
	box-shadow: 0 12px 21px #ccc;
	position: relative;
	z-index: 11
}

.priceswitching li .radioPricingInut {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 12
}

.pricingpage_colrow {
	margin-left: 0;
	margin-right: 0;
	margin-top: 80px
}

.pricingpage_colrow>div {
	padding-left: 0;
	padding-right: 0;
	background-color: #fff;
	width: 25%;
	border: 1px solid #000
}

.PricingDealbox {
	padding: 30px;
	border: 0 solid #000 !important;
	background-color: #fff
}

.enterprise_pricing_plan .PricingDealbox {
	border-left: 0
}

.pricingpage_colrow .PricingDealbox {
	padding: 25px 20px
}

.pricinginfocontainer {
	text-align: center;
	min-height: 305px
}

.pricingfeatures {
	margin-top: 25px;
	margin-bottom: 0
}

.PricingDealSection ol,
.PricingDealSection ul {
	list-style-type: none;
	padding-left: 0
}

.lite_pricing_plan .pricingfeatures,
.live_pricing_plan .pricingfeatures {
	margin-top: 22px
}

.lite_pricing_plan .pricingfeatures {
	margin-top: 27px
}

.pricingfeatures li {
	font-size: 12px;
	color: #4a4a4a;
	position: relative;
	padding: 12px 0 12px 34px;
	white-space: pre;
	background: url(/resources/images/icons/list_check.svg);
	background-repeat: no-repeat;
	background-position: 0;
	font-weight: 100
}

.pricingfeatures li:after {
	content: "";
	height: 1px;
	background: #eaeaea;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	max-width: 80%;
	z-index: 1
}

.pricinginfocontainer h4 {
	font-weight: 100;
	margin-bottom: 0;
	font-size: 30px;
	line-height: 32px;
	color: #000
}

.includeslive {
	font-size: 16px;
	line-height: 1.16;
	color: #26272d;
	background: url(/resources/images/icons/list_check.svg);
	background-repeat: no-repeat;
	background-position: 0;
	max-width: 157px;
	margin: 5px auto 0
}

.webautomation_pricing_plan .includeslive {
	margin-top: 15px
}

.mostpopularpricecol .pricinginfocontainer h4 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 15px;
	margin-left: -15px;
	margin-right: -15px
}

.pricingcol .PricingDealbox .btn-flat:hover {
	background: #000;
	color: #fff
}

.enterprise_pricing_plan .pricinginfocontainer h4 {
	font-size: 40px;
	line-height: 50px;
	margin-top: 21px !important;
	margin-bottom: 49px;
	color: #000
}

.enterprise_pricing_plan .paralleltest {
	margin-top: 28px
}

.live_pricing_plan .pricinginfocontainer h4 {
	margin-top: 30px;
	margin-bottom: 50px
}

.pricinginfocontainer h2 {
	line-height: normal;
	margin-bottom: 0;
	margin-top: 15px
}

.enterprise_pricing_plan .conCurrent {
	margin-top: 8px
}

.pricinginfocontainer h2 .originalprice {
	font-size: 62px;
	font-weight: 100;
	color: #000;
	display: inline-block
}

.pricinginfocontainer h2 .linethroughprice {
	font-weight: 100;
	color: #c1c1c1;
	margin-right: 13px;
	font-size: 30px;
	text-decoration: line-through;
	display: inline-block
}

.pricinginfocontainer .permonthbilledtext_landing {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	color: #878e95;
	margin-bottom: 17px;
	margin-top: 10px
}

.enterpricebox .btn-flat,
.PricingDealbox .btn-flat {
	min-width: 175px;
	display: inline-block;
	border-radius: 0;
	font-size: 12px;
	height: 38px;
	line-height: 25px;
	font-weight: 600;
	background: #000;
	border: 1px solid #000
}

.PricingDealbox .btn-flat {
	margin-top: 40px
}

.pricingcol .PricingDealbox .btn-flat {
	margin-bottom: 27px;
	margin-top: 3px;
	background: #fff;
	color: #000;
	line-height: 36px
}

.pricinginfocontainer .paralleltest {
	margin-top: 20px;
	position: relative
}

.pricingpage_colrow .pricingfeatures li b,
.pricingpage_colrow .pricingfeatures li strong {
	font-weight: inherit;
	font-size: inherit
}

.enterprise_pricing_plan {
	order: 4
}

.pricingpage_colrow .pricingfeatures li {
	white-space: normal
}

.pricingpage_colrow .pricingcol .pricingfeatures li {
	font-weight: 500
}

.pricingfeatures li:last-of-type:after {
	display: none
}

.mostpopularpricecol {
	position: relative;
	z-index: 1;
	order: 3;
	border-right: 0 !important
}

.mostpopularpricecol .PricingDealbox {
	position: relative
}

.mostpopularpricecol,
.mostpopularpricecol .PricingDealbox {
	background: #f2f2f2 !important
}

.mostpopularpricecol .mostpopularheading {
	width: 100%;
	display: block;
	border-radius: 0;
	font-size: 16px;
	height: 38px;
	font-weight: 500;
	background: #000;
	border: 1px solid #000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 38px;
	position: absolute;
	left: 0;
	top: -39px;
	outline: 1px solid #000
}

.live_pricing_plan .PricingDealbox {
	border-left: none;
	border-right: none
}

.webautomation_pricing_plan .PricingDealbox {
	border-left: none
}

.webautomation_pricing_plan {
	border-left: 0 !important;
	border-right: 0 !important;
	position: relative;
	z-index: 1
}

.pricinginfocontainer .parallel_dropdown .parallel_dropdown_toggle {
	max-width: 240px;
	font-size: 12px;
	font-weight: 500;
	color: #000;
	padding: 0 15px;
	box-sizing: border-box;
	height: 35px;
	line-height: 32px;
	border-radius: 0;
	border: 1px solid #eaeaea;
	margin: 0 auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: "";
	background: url(/resources/images/icons/select_down_arrow.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
	text-align: left;
	outline: 0 !important;
	box-shadow: none !important;
	width: 100%;
	display: block;
	cursor: pointer
}

.mostpopularpricecol .pricinginfocontainer .parallel_dropdown .parallel_dropdown_toggle {
	border: 1px solid #000
}

.pricinginfocontainer .parallel_dropdown {
	width: 100%;
	padding: 3px 0;
	border-radius: 0;
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10
}

.pricinginfocontainer .parallel_dropdown>ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15)
}

.pricinginfocontainer .parallel_dropdown>ul>li {
	font-size: 13px;
	color: #000;
	cursor: pointer;
	padding: 7px 15px;
	display: block;
	position: relative;
	background: none !important;
	font-weight: 500;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.pricinginfocontainer .parallel_dropdown>ul>li:hover {
	background: #f5f5f5 !important;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.mostpopularpricecol .PricingDealbox .btn-flat {
	background: #000;
	color: #fff
}

.paralleltest .paralleltest_tooltip {
	text-align: center !important;
	font-size: 12px !important;
	padding: 7px !important;
	box-shadow: 0 1px 3px #ccc !important;
	position: absolute !important;
	left: 0 !important;
	top: 100% !important;
	z-index: 11 !important;
	pointer-events: auto !important;
	opacity: 1 !important;
	border-radius: 4px;
	border: 1px solid #e8e8e8
}

.paralleltest .paralleltest_tooltip:hover {
	visibility: visible !important;
	opacity: 1 !important
}

.paralleltest .paralleltest_tooltip a {
	color: #0b72c7 !important
}

.PricingDealSectionWithEnterprise .pricinginfocontainer h2 .originalprice {
	font-size: 42px
}

.PricingDealSectionWithoutEnterprise .enterprise_pricing_plan .pricinginfocontainer h4 {
	margin-bottom: 20px !important;
	font-size: 30px
}

.PricingDealSectionWithoutEnterprise .lite_pricing_plan .pricinginfocontainer h2 {
	font-size: 42px;
	font-weight: 300;
	color: #000;
	margin-bottom: 38px
}

.PricingDealSectionWithoutEnterprise .lite_pricing_plan .pricinginfocontainer .lite_form_control {
	max-width: 240px;
	font-size: 12px;
	font-weight: 500;
	color: #000;
	padding: 0 15px;
	box-sizing: border-box;
	height: 35px;
	line-height: 35px;
	display: block;
	text-align: center;
	margin-top: 6px
}

.PricingDealSectionWithoutEnterprise .lite_pricing_plan {
	order: 1
}

.PricingDealSectionWithoutEnterprise .live_pricing_plan {
	order: 2;
	border-left: 0;
	border-right: 0
}

.PricingDealSectionWithoutEnterprise .mostpopularpricecol {
	order: 3
}

.PricingDealSectionWithoutEnterprise .webautomation_pricing_plan {
	order: 4;
	border-left: 1px solid !important;
	border-right: 1px solid !important
}

.PricingDealSectionWithEnterprise .webautomation_pricing_plan {
	order: 3
}

.PricingDealSectionWithEnterprise .mostpopularpricecol {
	order: 2;
	border-left: 0 solid;
	border-right: 1px solid !important
}

.pricing_realdevice {
	width: 88%
}

.sidebar_list div.border__custom:first-child {
	border-top: 1px solid #e2e9f1
}

.pricing__popup .popup {
	width: 37%;
	background-color: #fff;
	padding: 0
}

.pricing__popup .popup .close {
	top: 0;
	color: #9d9c9c;
	font-weight: 400
}

@media(max-width:1400px) {
	.pricing__popup .popup {
		width: 60%
	}
}

@media(max-width:992px) {
	#header.header_bg {
		background: #fff !important
	}

	.dropdown_menu .dropdown-menu {
		display: block !important
	}

	.dropdown-menu {
		display: none !important
	}

	.pricing__popup .popup {
		width: 90%
	}

	.global-dark-mode.header_fixed .header__menu__items {
		background-color: #fff
	}

	.global-dark-mode button.hidden img {
		filter: brightness(0) invert(1)
	}

	.global-dark-mode.header_fixed button.hidden img {
		filter: brightness(0) invert(0)
	}
}

.tuunel {
	width: 704px;
	height: 450px;
	margin: 25px auto;
	padding-top: 72px
}

.tuunel p {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .29px;
	color: rgba(14, 14, 35, .5);
	text-align: center;
	padding-top: 100px;
	margin-bottom: 10px
}

.tunnel_button {
	margin-left: 228px;
	padding: 10px 20px 10px 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	box-shadow: -5px -5px 10px 0 #fff, 3px 5px 10px 0 #cbcbe5, inset 5px 5px 3px 0 rgb(255 255 255/13%), inset -3px -3px 10px 0 rgb(247 246 251/30%);
	background-image: radial-gradient(circle at -27% 50%, #ffb900, #ff69b4 45%, #f95353 75%)
}

.benefits .item div {
	min-height: 210px
}

.support_head {
	width: 100%;
	max-width: 130px
}

.integrations_box:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 1px solid #000;
	opacity: 0;
	transition: all .3s;
	z-index: -1
}

.integrations_box:hover:after {
	opacity: 1
}

.integration h3 {
	-webkit-text-shadow: 0 1px 0 #000;
	-moz-text-shadow: 0 1px 0 #000;
	-ms-text-shadow: 0 1px 0 #000;
	-o-text-shadow: 0 1px 0 #000;
	text-shadow: 0 1px 0 #000
}

.integration .container {
	max-width: 1280px
}

.lt-integration {
	font-size: 54px
}

.w-190 {
	width: 190px
}

.contact-form .form-control {
	letter-spacing: .4px
}

.contact-form input,
.contact-form select,
.contact-form textarea {
	background: #fafafa;
	border: 1px solid #eaeaea;
	resize: none
}

.contact__form input,
.contact__form select {
	border-bottom: 1px solid #eaeaea !important;
	border: none
}

.contact__form input,
.contact__form select,
.contact__form textarea {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 400;
	color: #000;
	background: #fff;
	resize: none
}

.contact__form textarea {
	border-radius: 10px;
	border: 1px solid #eaeaea !important
}

.press_label {
	color: #999
}

.contact__form input:focus-visible,
.contact__form select:focus-visible {
	border-bottom: 1px solid #000 !important;
	outline: none;
	color: #000
}

.contact__form textarea:focus-visible {
	border: 1px solid #000 !important;
	outline: none;
	color: #000
}

.contact__form input::-moz-placeholder {
	color: #999
}

.contact__form input::placeholder {
	color: #999
}

.contact__img {
	transform: scale(2.5);
	position: relative;
	right: -71%;
	top: 12px
}

.contact__cloud {
	background: #12c2e9;
	background-image: linear-gradient(90deg, #12c2e9, #c471ed, #f64f59)
}

.contact__loader {
	border-radius: 50%;
	border: 3px solid #f3f3f3;
	border-top-color: #000;
	width: 15px;
	height: 15px;
	-webkit-animation: spin .5s linear infinite;
	animation: spin .5s linear infinite
}

#aboutid,
#messageid {
	height: 100px
}

@media (min-width:1024px) {
	.contact_us_map .youtubepro {
		height: 550px !important
	}

	.contact_us_map .youtubepro iframe {
		width: 130% !important
	}
}

@media(min-width:1180px) {
	.contact__img {
		top: 92px
	}

	.contact__form input,
	.contact__form select,
	.contact__form textarea,
	.press_label {
		font-size: 13px
	}
}

@media(min-width:1536px) {
	.contact_us_map .youtubepro {
		height: 800px !important
	}

	.contact_us_map .youtubepro iframe {
		width: 130% !important
	}

	.contact__form input,
	.contact__form select,
	.contact__form textarea,
	.press_label {
		font-size: 18px
	}

	.select_open {
		font-size: 16px !important
	}
}

.input-icon {
	position: absolute;
	left: 10px;
	top: 15px;
	bottom: 0;
	line-height: 40px;
	color: #bebebe;
	width: 20px;
	font-size: 1.2em
}

.team-img {
	max-width: 145px;
	background: url(/_next/static/media/slash.4787fe0b.png) 50% no-repeat;
	background-size: 100% 100%
}

.team-img img {
	filter: grayscale(100%);
	max-width: 100%;
	width: 100%
}

.certified_purple {
	background-color: #e8ddf7;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px
}

.certification_purple {
	border: 1px solid #b279ff
}

.certification_purple:hover {
	border: 2px solid #b279ff !important;
	margin: -1px
}

.certified_red {
	background-color: #ffefef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px
}

.certification_green h4 a:hover,
.certification_purple h4 a:hover,
.certification_red h4 a:hover,
.certification_yellow h4 a:hover {
	text-decoration: underline !important
}

.cs_inner button {
	font-weight: 700;
	cursor: auto;
	pointer-events: none
}

.certification_red {
	border: 1px solid #ffabab
}

.certification_red:hover {
	border: 2px solid #ffabab !important;
	margin: -1px
}

.certified_green {
	background-color: #e5f4eb
}

.certified_blue,
.certified_green {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px
}

.certified_blue {
	background-color: #def2ff
}

.certification_green {
	border: 1px solid #85c89a
}

.certification_green:hover {
	border: 2px solid #85c89a !important;
	margin: -1px
}

.certification_blue {
	border: 1px solid #88daff
}

.certification_blue:hover {
	border: 2px solid #88daff !important;
	margin: -1px
}

.certified_yellow {
	background-color: rgba(255, 181, 0, .15);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px
}

.certification_yellow {
	border: 1px solid #ffc88d
}

.certification_yellow:hover {
	border: 2px solid #ffc88d !important;
	margin: -1px
}

.columnhub {
	transition: all .6s cubic-bezier(.645, .045, .355, 1)
}

.btnlearn.active {
	border-radius: 17.5px;
	border: 1px solid #5d1f1f
}

.contentlearn img {
	left: 50%
}

.contentlearn h4 {
	min-height: 45px
}

.contentlearn h6 span {
	border-radius: 14px;
	background-color: #ffb500
}

.learn_inner {
	border-radius: 10px
}

.coming_soon_cs {
	background-color: #def2ff !important;
	border: 1px solid #88daff
}

.coming_soon_cs:hover {
	border: 2px solid #88daff !important;
	margin: -1px
}

.coming_soon_green {
	background-color: #ffefef !important;
	border: 1px solid #ffabab
}

.coming_soon_green:hover {
	border: 2px solid #ffabab !important;
	margin: -1px
}

.coming_soon_purple {
	background-color: #e8ddf7 !important;
	border: 1px solid #b279ff
}

.coming_soon_purple:hover {
	border: 2px solid #b279ff !important;
	margin: -1px
}

.coming_soon_orange {
	background-color: rgba(255, 181, 0, .15) !important;
	border: 1px solid #ffc88d
}

.coming_soon_orange:hover {
	border: 2px solid #ffc88d !important;
	margin: -1px
}

.coming_soon_aqua {
	background-color: #e5f4eb !important;
	border: 1px solid #85c89a
}

.coming_soon_:hover {
	border: 2px solid #85c89a !important;
	margin: -1px
}

.coming_soon {
	background-color: #e3ebff !important;
	border: 1px solid #acb9ff
}

.coming_soon:hover {
	border: 2px solid #acb9ff !important;
	margin: -1px
}

.cs_inner {
	background: transparent !important
}

.cs_inner h4 a {
	color: #000
}

.learn_inner a.certification_start {
	border: 1px solid #566f8d;
	border-radius: 2px;
	background: #ebf0f6;
	color: #566f8d
}

.learn_inner a.certification_start:hover {
	background: #566f8d;
	color: #fff;
	text-decoration: underline
}

.time {
	border-radius: 14px;
	background-color: #ffb500;
	line-height: 1.2;
	letter-spacing: normal;
	bottom: -23px
}

.free,
.time {
	position: absolute
}

.free {
	background: #ff7d00;
	right: -5px;
	top: 14px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px
}

.csClass {
	background: #ff6565
}

.get_certified h2 {
	display: inline-block
}

.learning_hub h1 {
	font-size: 34px
}

.hub_internal .iframe_container {
	padding: 0
}

.background-purple>div {
	background-color: #e8ddf7;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px;
	min-height: 180px;
	border-top: .5px solid #b279ff !important;
	border-left: .5px solid #b279ff !important;
	border-right: .5px solid #b279ff !important
}

.background-purple:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 2px solid #b279ff;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
	border-radius: 10px
}

.background-purple p {
	border-bottom: 2px solid #b279ff !important;
	border-left: 2px solid #b279ff !important;
	border-right: 2px solid #b279ff !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.background-grey>div {
	background-color: #e1e1e1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px;
	min-height: 180px;
	border-top: .5px solid #9c9c9c !important;
	border-left: .5px solid #9c9c9c !important;
	border-right: .5px solid #9c9c9c !important
}

.background-grey:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 2px solid #9c9c9c;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
	border-radius: 10px
}

.background-grey p {
	border-bottom: 2px solid #9c9c9c !important;
	border-left: 2px solid #9c9c9c !important;
	border-right: 2px solid #9c9c9c !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.background-aqua>div {
	background-color: #def2ff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px;
	min-height: 180px;
	border-top: .5px solid #88daff !important;
	border-left: .5px solid #88daff !important;
	border-right: .5px solid #88daff !important
}

.background-aqua:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 2px solid #88daff;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
	border-radius: 10px
}

.background-aqua p {
	border-bottom: 2px solid #88daff !important;
	border-left: 2px solid #88daff !important;
	border-right: 2px solid #88daff !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.background-yellow>div {
	background-color: rgba(255, 181, 0, .15);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px;
	min-height: 180px;
	border-top: .5px solid #ffc88d !important;
	border-left: .5px solid #ffc88d !important;
	border-right: .5px solid #ffc88d !important
}

.background-yellow:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 2px solid #ffc88d;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
	border-radius: 10px
}

.background-yellow p {
	border-bottom: 2px solid #ffc88d !important;
	border-left: 2px solid #ffc88d !important;
	border-right: 2px solid #ffc88d !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.background-blue>div {
	background-color: #e3ebff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px;
	min-height: 180px;
	border-top: .5px solid #acb9ff !important;
	border-left: .5px solid #acb9ff !important;
	border-right: .5px solid #acb9ff !important
}

.background-blue:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 2px solid #acb9ff;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
	border-radius: 10px
}

.background-blue p {
	border-bottom: 2px solid #acb9ff !important;
	border-left: 2px solid #acb9ff !important;
	border-right: 2px solid #acb9ff !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.background-green>div {
	background-color: #e5f4eb;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px;
	min-height: 180px;
	border-top: .5px solid #85c89a !important;
	border-left: .5px solid #85c89a !important;
	border-right: .5px solid #85c89a !important
}

.background-green:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 2px solid #85c89a;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
	border-radius: 10px
}

.background-green p {
	border-bottom: 2px solid #85c89a !important;
	border-left: 2px solid #85c89a !important;
	border-right: 2px solid #85c89a !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.background-red>div {
	background-color: #ffefef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px 0 10px;
	min-height: 180px;
	border-top: .5px solid #ffabab !important;
	border-left: .5px solid #ffabab !important;
	border-right: .5px solid #ffabab !important
}

.background-red:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 3px;
	border: 2px solid #ffabab;
	opacity: 0;
	transition: all .3s;
	z-index: 1;
	border-radius: 10px
}

.background-red p {
	border-bottom: 2px solid #ffabab !important;
	border-left: 2px solid #ffabab !important;
	border-right: 2px solid #ffabab !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.grey_content {
	background-color: #e1e1e1
}

.purple_content {
	background-color: #e8ddf7
}

.red_content {
	background-color: #ffe5e5
}

.yellow_content {
	background-color: rgba(255, 181, 0, .15)
}

.green_content {
	background-color: #e5f4eb
}

.aqua_content {
	background-color: #def2ff
}

.blue_content {
	background-color: #e3ebff
}

.aqua_content h1,
.blue_content h1,
.green_content h1,
.grey_content h1,
.purple_content h1,
.red_content h1,
.yellow_content h1 {
	font-size: 35px;
	font-weight: 700;
	line-height: 1.24;
	letter-spacing: .34px;
	text-align: center;
	color: #000
}

.background-aqua:hover:after,
.background-blue:hover:after,
.background-green:hover:after,
.background-purple:hover:after,
.background-red:hover:after,
.background-yellow:hover:after {
	opacity: 1
}

.get_certified h2 {
	font-size: 22px
}

.get_certified div {
	font-size: 15px;
	font-weight: 400;
	width: 400px
}

.hub-left {
	width: 21%;
	left: -2%
}

.hub-right {
	width: 21%;
	top: -46%;
	right: -3%
}

.faq h1 {
	font-size: 27px;
	text-align: left;
	font-weight: 400
}

.enterprise_plan ul {
	-moz-column-count: 2;
	column-count: 2
}

.enterprise_plan ul li {
	background: url(/resources/images/icons/check.svg);
	background-position: 0;
	background-repeat: no-repeat
}

.pricing-feature-table tbody>tr:nth-child(2n) {
	background: #f8f8f9
}

#FullCompare {
	box-shadow: 0 0 2px #212121;
	border: 1px solid #111;
	border-radius: 4px;
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.lp__head {
	text-align: left
}

.learning__box__anchor:hover .learning_hub_content {
	border-color: #0ebac5;
	background-color: #fff
}

.learning__box__anchor:hover .learning_hub_content h2 {
	color: #0ebac5
}

.learn_left {
	top: 100px
}

.learning_li li.active a {
	color: #0ebac5;
	font-weight: 700
}

.accordion-header {
	padding: 10px;
	cursor: pointer;
	position: relative;
	font-size: 16px
}

.accordion-indicator {
	position: absolute;
	font-size: 30px;
	right: 30px;
	top: 0
}

.accordion-body {
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px
}

.assetstab {
	max-width: 570px
}

.assetstab li {
	border-bottom: 2px solid #e8e9ed
}

.assetstab li.active {
	border-bottom: 2px solid #000;
	font-weight: 600;
	color: #495057
}

.lt_knowledge ul li {
	min-width: 50%
}

.lt_assets {
	min-height: 215px
}

.giveaway h2,
.giveaway p,
.giveaway ul li {
	color: #fff !important
}

.giveaway button {
	background: #0080ff !important
}

.giveaway input {
	border-color: #fff !important
}

.accordian_list>.accordion_item>.accordion_header:hover {
	text-decoration: underline
}

.accordian_list>.accordion_item>.accordion_header {
	display: block;
	width: 100%;
	color: #4a4a4a;
	font-weight: 500;
	position: relative;
	padding: 15px 50px 15px 25px;
	cursor: pointer
}

.accordian_list>.accordion_item>.accordion_body {
	padding: 15px 25px;
	background: #f5f5f5;
	display: none;
	font-size: 14px;
	line-height: 28px;
	font-weight: 500
}

.accordian_list>.accordion_item.active>.accordion_body {
	display: block
}

.accordian_list>.accordion_item.active {
	box-shadow: 0 0 32px rgba(0, 0, 0, .3);
	position: relative;
	border-radius: 10px;
	overflow: hidden
}

.accordian_list>.accordion_item>.accordion_header:after {
	position: absolute;
	content: "+";
	right: 25px;
	top: 12px;
	font-weight: 700;
	font-size: 20px;
	color: #4a4a4a;
	font-family: Montserrat, sans-serif
}

.accordian_list>.accordion_item.active>.accordion_header:after {
	content: "-"
}

.mainaccordion .accordian_list {
	max-width: 900px;
	margin: auto
}

.link__icon {
	position: absolute;
	right: 45px;
	top: 21px;
	display: none
}

.accordion_item:hover .link__icon {
	display: inline;
	display: initial
}

.copy_text_dummy {
	position: fixed;
	opacity: 0;
	left: 0;
	top: 0
}

.copy__icon {
	display: none
}

.integration h2:hover .copy__icon {
	display: inline;
	display: initial
}

.blue-nav .owl-prev {
	float: left;
	margin-left: -50px
}

.blue-nav .owl-next {
	float: right;
	margin-right: -50px
}

#partners-feed .owl-nav {
	top: 50%
}

.blue-nav .owl-nav.disabled {
	display: block;
	position: absolute;
	top: 38%;
	width: 100%;
	z-index: 1000
}

.blue-nav .owl-next,
.blue-nav .owl-prev {
	background: #fff;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	color: #000 !important;
	outline: none !important;
	text-align: center;
	line-height: 1.2;
	font-weight: 700;
	font-size: 18px
}

.devicetab li {
	border-bottom: 2px solid #e8e9ed
}

.devicetab li.active {
	border-bottom: 2px solid #000
}

.devicetab li.active img {
	opacity: 1
}

.view_devicetab li {
	border-bottom: 2px solid transparent
}

.view_devicetab li.active {
	border-bottom: 2px solid #5b74f9;
	color: var(--text-gray-900);
	z-index: 999
}

.speakerimg {
	filter: grayscale(100%);
	border-radius: 50%
}

.bannertext h1,
.bannertext p,
.demoMsg,
.github_banner h1,
.github_banner p,
.readytext h2 {
	color: #fff
}

.readytext h2 {
	font-weight: 500
}

.bannertext img {
	position: absolute;
	width: 50%;
	top: 33%
}

.readytext img {
	position: absolute;
	width: 40%;
	right: -60px
}

.progtext h2 {
	font-size: 24px;
	font-weight: 400
}

.affiliateheading {
	font-size: 48px
}

.graytext {
	color: #4a4a4a !important
}

.coustomer img {
	max-width: 110px !important
}

.leftSidebarvideo {
	position: sticky;
	position: -webkit-sticky;
	top: 100px
}

.isuesSidebar {
	top: 120px !important
}

.webinarHeader {
	box-shadow: 0 0 7px rgb(0 0 0/11%)
}

.leftSidebarIntegrations {
	position: sticky;
	position: -webkit-sticky;
	top: 65px
}

.leftSidebarIntegrations li a {
	border-radius: 4px;
	cursor: pointer
}

.leftSidebarIntegrations li a.active {
	background-color: #000;
	color: #fff
}

.flaki {
	width: 50% !important;
	margin: auto
}

.try_lambda_integration>div {
	display: block !important
}

.try_lambda_integration>div>div {
	width: 80%
}

.try_lambda_integration>div>div:nth-child(2) {
	margin-left: -50px;
	margin-top: 40px
}

.bg-pink {
	left: 0
}

.bg-pink,
.bg-yellow {
	position: absolute;
	top: 0;
	max-width: 200px;
	width: 100%
}

.bg-yellow {
	right: 0
}

.bg-purple {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 160px;
	width: 100%
}

.pink-sticky {
	left: -65px;
	bottom: 0
}

.pink-sticky,
.yellow-sticky {
	position: absolute;
	width: 140px
}

.yellow-sticky {
	right: -87px;
	top: -63px
}

.bg-purple-selenium {
	position: absolute;
	top: 5%;
	left: 0;
	max-width: 200px;
	width: 100%
}

.Desktopinfosection .bg-yellow {
	right: -65px;
	top: -38px
}

.ls-36 {
	letter-spacing: .36px
}

.mw-450 {
	max-width: 450px;
	width: 80%
}

.bg-pink-integration {
	position: absolute;
	top: -230px;
	left: -61px;
	width: 200px
}

.team-banners {
	background: url(/resources/images/team/crew.png) 50% no-repeat;
	width: 100%;
	min-height: 171px;
	background-size: 50% 40%;
	letter-spacing: 1px
}

.team-banners h1 {
	font-weight: 300
}

.selenium a.active {
	font-weight: 700;
	color: #000
}

.lt_que h2 {
	color: #ff852d;
	margin-bottom: 10px;
	font-size: 1.5rem
}

.lt_que p {
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 10px
}

.getstartedform {
	max-width: 400px;
	min-height: 465px;
	border: 2px solid #000;
	border-radius: 7px
}

.getstartedform h2 {
	line-height: 24px;
	text-shadow: 0 1px 0 #4a4a4a
}

.getstartedform h2 span {
	text-shadow: none;
	text-transform: none;
	color: #939393
}

.multibrowser_img {
	left: 40px;
	right: 0;
	margin: 0 auto;
	top: -30px;
	z-index: -1;
	max-width: 850px
}

.lp_cross_browser {
	left: -100px !important;
	top: -28px !important;
	max-width: 640px !important
}

.f_lp_cb {
	max-width: 330px !important
}

.cs_left {
	left: -51px;
	top: 200px;
	max-width: 180px;
	transform: rotate(-20deg);
	width: 100%
}

.cs_right {
	right: -1px;
	top: 400px;
	max-width: 150px;
	transform: rotate(-10deg);
	width: 100%
}

.hs_left {
	left: -51px;
	top: 320px;
	max-width: 220px;
	transform: rotate(0deg);
	width: 100%
}

.hs_right {
	right: -41px;
	top: 253px;
	max-width: 202px;
	width: 100%
}

.ho_left {
	left: -61px;
	top: 200px;
	max-width: 300px;
	transform: rotate(-20deg);
	width: 100%
}

.ho_right {
	right: -51px;
	top: 293px;
	max-width: 202px;
	width: 100%
}

.about__slide .slide-toggle--special.collapsed .slide-toggle__toggle,
.about__slide .slide-toggle__toggle {
	font-size: 20px;
	font-weight: 700;
	color: #000
}

.about__slide .slide-toggle__header {
	padding: 30px 30px 30px 50px
}

.about__slide .slide-toggle__box-inner {
	padding-top: 0;
	padding-bottom: 30px
}

.about__slide .progress-bar__inner {
	background-color: #000
}

.about__slide .progress-bar {
	background-color: #e4e4e4
}

.about_team a:hover img {
	transform: scale(1.05)
}

.about_team img {
	transition: .4s ease
}

.partner input {
	font-size: 14px;
	padding: 6px 12px;
	border: 1px solid #000;
	height: 40px;
	margin-bottom: 20px;
	border-radius: 4px
}

.knowledge-base label {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #686767
}

.knowledge-base input[type=email],
.knowledge-base input[type=text] {
	width: 100%;
	font-size: 14px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	height: 34px;
	margin-bottom: 20px;
	border-radius: 4px
}

.knowledge-base input[type=file] {
	color: #a4a2a2
}

.knowledge-base textarea {
	border-radius: 4px;
	width: 100%;
	border: 1px solid #ccc;
	padding: 6px 12px;
	font-size: 14px;
	margin-bottom: 20px
}

.knowledge-base .modal-footer {
	padding: 15px;
	text-align: right;
	margin-top: 20px;
	border-top: 1px solid #e5e5e5
}

.knowledge-base .modal-footer input {
	height: 35px;
	border-radius: 4px !important;
	line-height: 12px;
	width: 100px;
	color: #fff;
	background-color: #204d74;
	border: 1px solid #122b40;
	cursor: pointer
}

.knowledge-base .modal-footer input:hover {
	color: #204d74;
	background-color: #fff
}

.knowledge-base .form-group {
	padding-left: 15px;
	padding-right: 15px
}

.knowledge-base h3 {
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2.5px;
	margin-bottom: 15px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.webinar__text {
	font-size: 14px
}

.webinar_social_media {
	position: fixed;
	top: 180px;
	left: 50px;
	text-align: center
}

.webinar_social_media li {
	margin-bottom: 15px
}

.img_circle {
	border-radius: 50%;
	filter: grayscale(100%)
}

.text-black-webinar div,
.text-black-webinar h1 {
	color: #000 !important
}

.text-black-webinar div span {
	color: #fff !important;
	background: #000 !important
}

.text-black-webinar div span.playw {
	background: transparent !important
}

.text-black-webinar div span.close {
	color: #fff !important;
	background: transparent none repeat 0 0/auto auto padding-box border-box scroll !important;
	background: initial !important
}

.i_agree input[type=checkbox] {
	opacity: 0;
	position: absolute;
	left: 0
}

.chatbox input[type=checkbox] {
	opacity: 1;
	position: absolute;
	left: 0;
	top: 4px
}

.i_agree .customcheckbox {
	width: 12px;
	display: inline-block;
	height: 12px;
	background: #fff;
	border: 1px solid #000;
	position: relative;
	cursor: pointer;
	top: 2px;
	margin-right: 10px
}

.i_agree input:checked~.customcheckbox:after {
	display: block
}

.i_agree .customcheckbox:after {
	content: "";
	height: 6px;
	width: 6px;
	background: #000;
	position: absolute;
	left: 2px;
	top: 2px;
	display: none
}

.devicetabLt li {
	border: 2px solid #dbdeec;
	background-color: #f8f8f9;
	border-radius: 10px
}

.devicetabLt li,
.ltb_button {
	position: relative;
	width: 128px;
	height: auto
}

.ltb_button {
	border: 2px solid #6772e5;
	background-color: #6772e5;
	color: #fff;
	border-radius: 10px
}

.ltb_button:hover {
	color: #6772e5;
	background-color: #fff
}

.devicetabLt li div {
	display: none;
	font-size: 14px;
	background-color: #6772e5;
	color: #fff;
	width: 25px;
	height: 22px;
	text-align: center;
	position: absolute;
	left: -1px;
	top: -1px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 10px
}

.devicetabLt li.active {
	border: 2px solid #6772e5;
	background-color: #fff
}

.devicetabLt li.active div {
	display: block
}

.left_lt {
	width: 155px;
	margin-left: auto;
	max-height: 350px;
	overflow: auto
}

.left_lt::-webkit-scrollbar {
	width: 3px
}

.left_lt::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px
}

.left_lt p {
	font-size: 12px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: rgba(60, 68, 107, .48);
	text-transform: uppercase
}

.main_browser {
	border-top: 1px solid #dbdeec
}

.bg-normal {
	background: #fff
}

.bg-browser,
.bg-normal {
	border-left: 1px solid #dbdeec
}

.bg-browser {
	background: #f4f5f9
}

.ltb_container {
	background: #eef1fa
}

.ltb_free {
	right: -1.5%;
	top: 90px;
	height: 70px
}

.ltb_enter,
.ltb_free {
	position: absolute;
	width: auto;
	z-index: 999
}

.ltb_enter {
	left: -11%;
	top: -122px;
	height: 150px
}

.ltb_main {
	max-height: 700px;
	overflow: hidden;
	position: relative
}

.ipad__pro {
	background-image: url(/resources/images/ltbrowser/ipad-pro-frame.png);
	background-size: 84% auto
}

.desktop__custom,
.ipad__pro {
	background-repeat: no-repeat;
	width: 85%;
	margin-left: auto
}

.desktop__custom {
	background-image: url(/resources/images/ltbrowser/DesktopTransparent.png);
	background-size: 81% auto
}

.macbook__custom {
	background-image: url(/resources/images/ltbrowser/macbook_custom.png);
	background-size: 87% auto;
	background-repeat: no-repeat;
	width: 88%;
	margin-left: auto
}

.devicetabLt li img {
	max-height: 60px;
	width: auto
}

.galaxy_10 img,
.ipad_pro img,
.iphone_6s img,
.iphone_pro img {
	position: absolute;
	z-index: 2;
	pointer-events: none
}

.iphone_pro iframe {
	padding: 47px 0 42px 19px
}

.iphone_6s iframe,
.iphone_pro iframe {
	position: absolute;
	width: 100%;
	height: 100%
}

.iphone_6s iframe {
	padding: 92px 0 100px 26px
}

.galaxy_10 iframe {
	padding: 102px 5px 82px 18px
}

.galaxy_10 iframe,
.ipad_pro iframe {
	position: absolute;
	width: 100%;
	height: 100%
}

.ipad_pro iframe {
	padding: 67px 27px 43px 40px
}

.responsive__main {
	background-color: #f1f1f3;
	border: 1px solid #ccc;
	border-radius: 5px
}

.responsive__default,
.responsive__main {
	padding: 40px;
	transition: transform .5s, background .5s, border .5s
}

.responsive__default {
	background-color: #fff;
	transform: scale(1.1);
	border: 1px solid #5b74f9;
	border-radius: 5px
}

.responsive__target {
	position: absolute;
	left: 0;
	width: 50%;
	padding-right: 50px
}

.responsive__control {
	margin-left: auto
}

.responsive__control:hover .responsive__main {
	transform: scale(1.1);
	background-color: #fff;
	border: 1px solid #5b74f9
}

.responsive__control:hover~.responsive__target .responsive__default {
	transform: scale(1);
	background: #f1f1f1;
	border-color: #ccc
}

.responsive__control:hover~.responsive__target .responsive__buttons {
	border-color: #000;
	background: #f1f1f1;
	color: #000
}

.responsive__control:hover~.responsive__target .rc_whites {
	display: none
}

.responsive__control:hover~.responsive__target .rc_blks {
	display: block
}

.responsive__control ul li,
.responsive__default ul li {
	color: #757474
}

.responsive__button {
	border: 1px solid #000
}

.responsive__buttons {
	background: #6772e5;
	color: #fff;
	border-color: #6772e5
}

.responsive__control:hover .rc_blk,
.responsive__target:hover .rc_blk {
	display: none
}

.responsive__control:hover .rc_white,
.responsive__target:hover .rc_white {
	display: block
}

.responsive__control:hover .responsive__button,
.responsive__target:hover .responsive__button {
	background: #6772e5;
	color: #fff;
	border-color: #6772e5
}

.rc_d {
	position: relative;
	top: -5px;
	font-size: 15px
}

@media(max-width:767px) {
	.responsive__target {
		margin-top: 30px;
		position: static;
		left: 0;
		width: 100%;
		padding: 10px
	}

	.responsive__default {
		transform: none
	}

	.responsive__control {
		padding: 10px
	}

	.responsive__control:hover .responsive__main {
		transform: scale(1);
		background-color: #fff;
		border: 1px solid #5b74f9
	}

	.responsive__control:hover~.responsive__target .responsive__default {
		transform: scale(1);
		background: #f1f1f1;
		border-color: #ccc
	}
}

.lt_tabs div.text-size-20 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0
}

.side_screen div.text-black,
.side_screen h2 {
	color: #fff !important
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .7);
	transition: opacity .5s;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	display: none
}

.overlay.shown,
.overlay:target {
	visibility: visible;
	opacity: 1;
	display: inline;
	display: initial
}

.popup {
	padding: 20px;
	border-radius: 5px;
	width: 40%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.popup .close {
	position: absolute;
	top: -20px;
	right: 20px;
	transition: all .2s
}

.quotePara:before {
	content: url(/_next/static/media/Quote.26533239.svg);
	position: absolute;
	z-index: 1;
	left: 34%
}

.lp-tick ul {
	justify-content: left !important
}

.lp-tick li {
	margin-right: 15px
}

.testcafe {
	left: -73px !important
}

.browser_List img {
	-o-filter: brightness(0)
}

.browser_List img,
.macos img {
	filter: brightness(0)
}

.browser_List .ltDesktop img {
	filter: brightness(1) !important
}

a.w-160 {
	min-width: 180px
}

.browser_List li {
	position: relative;
	padding-left: 30px
}

.browser_List li img {
	position: absolute;
	left: 0
}

.browser_List li span {
	font-size: 10px;
	background: #fff0f0;
	color: #ec6c1f;
	border-radius: 4px;
	padding: 0 2px;
	margin-left: 5px
}

.timeStopwatch {
	min-height: 84px
}

.timeStopwatch .digitbox {
	font-size: 40px;
	display: inline-block;
	text-align: center;
	letter-spacing: normal
}

.timeStopwatch .digitbox small {
	display: block;
	font-size: 11px;
	font-weight: 600;
	font-family: Inter, sans-serif;
	text-transform: uppercase
}

.timeStopwatch .collon {
	font-size: 30px;
	position: relative;
	top: -36px;
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	font-family: Inter, sans-serif
}

.webinar_header {
	padding-top: 0 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .11)
}

.webinar_header .second_navbar {
	box-shadow: 0 1px 6px rgba(0, 0, 0, .11)
}

.features-details-brown {
	background: #3f382a
}

.c_error {
	position: absolute;
	top: 90%;
	left: 2px;
	color: red
}

.input-holder button {
	outline: none !important
}

.capture_screen button {
	padding-left: 10px;
	padding-right: 10px
}

.webinar_custom h1 {
	color: #fff;
	font-size: 36px;
	line-height: 1.3;
	margin-bottom: 10px
}

.webinar_custom p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 24px;
	font-weight: 500
}

.webinar_content p {
	color: #737373
}

.speaker_info p {
	color: #737373;
	letter-spacing: .18px
}

.webdeskimg {
	z-index: 3;
	width: 364px;
	max-width: 100%
}

.webinar_video_link.hasvideo .playBtnIcon {
	top: 52%
}

.playBtnIcon {
	z-index: 11;
	width: 25px
}

.video-play-button:before {
	z-index: 0;
	background: #ba1f24;
	-webkit-animation: pulse-border 1.5s ease-out infinite;
	animation: pulse-border 1.5s ease-out infinite
}

.video-play-button:after,
.video-play-button:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%
}

.video-play-button:after {
	z-index: 1;
	background: #fff;
	transition: all .2s
}

.video-play-button span {
	z-index: 3;
	border-left: 32px solid red;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent
}

.speaker_info img {
	width: 60px
}

@-webkit-keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	to {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	to {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

.error_info {
	background: url(/resources/images/bg-404.jpg);
	background-size: 100% 100%;
	min-height: 600px
}

@media screen and (max-width:700px) {
	.popup {
		width: 70%
	}
}

.carousel-button-group {
	display: block !important;
	position: absolute;
	bottom: 35%;
	width: 100%;
	left: 0;
	pointer-events: none
}

.carousel-button-group .carousel-button-next {
	float: right
}

.carousel-button-group .carousel-button-next,
.carousel-button-group .carousel-button-prev {
	background: #cad0d8 !important;
	width: 24px;
	height: 23px;
	border-radius: 50%;
	color: #fff !important;
	outline: none !important;
	text-align: center;
	line-height: 1.2;
	font-size: 18px;
	cursor: pointer;
	pointer-events: auto
}

.carousel-button-group .carousel-button-prev {
	float: left
}

#review-box .react-multi-carousel-item--active .item {
	margin-left: 40px;
	margin-right: 40px;
	opacity: 1
}

.featureslide_section .react-multi-carousel-track {
	transition: none 0s ease 0s !important;
	transition: initial !important
}

.featureslide_section .react-multi-carousel-item {
	transition: all .5s;
	opacity: .5
}

.featureslide_section .react-multi-carousel-item--active {
	opacity: 1
}

.signup_form {
	max-width: 400px;
	min-height: 465px
}

.embed-responsive,
.embed-responsive-item {
	height: 380px !important;
	margin: 20px auto auto
}

.iframe_container {
	padding: 0 20px 0 0
}

.youtubepro {
	background-color: #fff !important;
	height: 426px !important
}

.youtubepro iframe {
	height: 100% !important;
	width: 100%
}

.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer
}

.youtube img {
	width: 100%;
	top: -16.82%;
	left: 0;
	position: absolute
}

.youtube .play-button {
	width: 80px;
	height: 50px;
	background-color: #000000bd;
	z-index: 1;
	border-radius: 6px
}

.youtube .play-button:before {
	content: "";
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 10px 0 10px 22px
}

.youtube .play-button,
.youtube img {
	cursor: pointer
}

.youtube .play-button,
.youtube .play-button:before,
.youtube_modal .play-button,
.youtube_modal .play-button:before,
.youtube iframe,
.youtube img {
	position: absolute
}

.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	pointer-events: none
}

.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.youtube:hover .play-button,
.youtube_modal:hover .play-button {
	background: red
}

.youtube_modal .play-button,
.youtube_modal .play-button:before,
.youtube_upper .play-button,
.youtube_upper .play-button:before {
	top: 0 !important;
	right: -3% !important;
	left: auto;
	transform: translate3d(-100%, 47%, 0) !important;
	content: ""
}

.youtube_modal .play-button:before,
.youtube_upper .play-button:before {
	border-color: transparent transparent transparent #fec4d2;
	border-style: solid;
	border-width: 6px 0 6px 12px
}

.youtube_modal .play-button,
.youtube_upper .play-button {
	box-shadow: 0 0 10px #b9b9b9;
	width: 35px;
	height: 25px;
	background-color: #fff;
	z-index: 1;
	border-radius: 6px
}

.youtube_modal {
	background-color: #000;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer
}

.youtube_modal img {
	position: absolute;
	width: 100%;
	top: -16.82%;
	left: 0
}

.automation_headSection {
	padding: 35px 0;
	height: 150px;
	text-align: center;
	background-image: url(/_next/static/media/automation-img.e047f4c3.png);
	background-repeat: no-repeat;
	background-size: cover !important
}

#newapply input[type=password],
#newapply input[type=text] {
	position: relative;
	border-radius: 3px;
	border: .5px solid #000;
	font-size: 15px;
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.issue_head {
	max-width: 435px;
	margin-left: auto
}

.l_newsletter {
	background: linear-gradient(90deg, #2d5f68 0, #03161d);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.emailer_counter a:hover {
	text-decoration: underline;
	-webkit-text-decoration-color: #0ebac5;
	text-decoration-color: #0ebac5
}

.watchicon {
	width: 10px;
	height: 10px;
	margin-right: 5px
}

.emailer_subscribe {
	background-color: #ffeaea;
	max-width: 1065px;
	margin-left: auto
}

.email-box .emailid {
	position: absolute;
	top: 45px;
	left: 5px;
	color: red;
	font-size: 12px;
	width: 100%;
	background: #fff
}

.chatbotimg {
	max-width: 350px
}

.web_line {
	width: 97%;
	height: 1px;
	background: #ccc;
	margin: 25px 0
}

ul.issue_breadcrumb li+li:before {
	padding: 8px;
	color: #0ebac5;
	content: " > "
}

.issueimg {
	width: 100%
}

.memeimg {
	width: 60%
}

.issues_leftbar li:first-child a.active,
.issues_leftbar li:first-child a:hover {
	background-color: #fde7cf;
	color: #a07c54;
	font-weight: 700
}

.issues_leftbar li:nth-child(2) a.active,
.issues_leftbar li:nth-child(2) a:hover {
	background-color: #95bade;
	color: #5a7c9d;
	font-weight: 700
}

.issues_leftbar li:nth-child(3) a.active,
.issues_leftbar li:nth-child(3) a:hover {
	background-color: #efa8a8;
	color: #9d5a5a;
	font-weight: 700
}

.issues_leftbar li:nth-child(4) a.active,
.issues_leftbar li:nth-child(4) a:hover {
	background-color: #b3a4d2;
	color: #715a9d;
	font-weight: 700
}

.issues_leftbar li:nth-child(5) a.active,
.issues_leftbar li:nth-child(5) a:hover {
	background-color: #90c79a;
	color: #54a061;
	font-weight: 700
}

.issues_leftbar li:nth-child(6) a.active,
.issues_leftbar li:nth-child(6) a:hover {
	background-color: #007bff;
	color: #0d3d71;
	font-weight: 700
}

.issues_leftbar li:nth-child(7) a.active,
.issues_leftbar li:nth-child(7) a:hover {
	background-color: #fdad8c;
	color: #92320b;
	font-weight: 700
}

#news .news_category {
	color: #a07c54
}

#performance .news_category {
	color: #5a7c9d
}

#automation .news_category {
	color: #9d5a5a
}

#tools .news_category {
	color: #715a9d
}

#podcast .news_category {
	color: #54a061
}

#events .news_category {
	color: #007bff
}

#house .news_category {
	color: #92320b
}

.newsletter_next ul {
	min-height: 225px
}

.newsletter_next .nl_previous {
	background: #8ea0ff;
	color: #fff;
	padding: 20px;
	margin-right: 15px
}

.newsletter_next .nl_nextt {
	background: #69c79d;
	color: #fff;
	padding: 20px;
	margin-left: 15px
}

.customer_section img {
	-webkit-animation: bounce 6s;
	animation: bounce 6s;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(.05, .05, .05, .05);
	animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 6s;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(.05, .05, .05, .05);
	-webkit-animation-iteration-count: infinite
}

.customer__banner {
	background: url(/resources/images/customer/case_studiess.png);
	border-bottom-left-radius: .75rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-bottom-right-radius: .75rem
}

.p_head {
	margin-top: 70px;
	margin-bottom: 130px
}

.p_head h1 {
	font-family: Inter, sans-serif;
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 50px;
	line-height: 1.21;
	letter-spacing: .48px;
	text-align: center;
	color: #191919
}

.press_content {
	padding: 0
}

.press_tab {
	width: auto !important;
	margin-left: 0;
	padding: 0;
	position: relative;
	border-top: 2px solid #dbd9d9
}

.press_tab li {
	width: 24%;
	display: inline-block;
	padding-right: 30px
}

.press_tab li a img {
	margin-right: 10px
}

.press_tab li a {
	color: #191919;
	line-height: 1.5;
	letter-spacing: .2px;
	text-transform: capitalize;
	font-family: Montserrat, sans-serif
}

.press_tab:after {
	content: "";
	height: 2px;
	width: 100%;
	left: 0;
	bottom: -1px;
	background: #dbd9d9;
	display: block;
	margin-top: 0;
	position: absolute
}

.press_tab .nav-link {
	padding: 10px 0
}

.press_tab .nav-link.active {
	border: none;
	border-bottom: 2px solid #000;
	opacity: 1 !important;
	z-index: 2;
	position: relative
}

.press_content .info_section {
	padding: 0
}

.press_content p {
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 10px;
	line-height: 1.25;
	letter-spacing: .4px;
	color: #0ebac5;
	text-transform: uppercase
}

.press_l p a {
	font-family: Inter, sans-serif;
	font-size: 24px;
	line-height: 1.21;
	letter-spacing: .8px;
	color: #000;
	margin-top: 15px;
	margin-bottom: 0
}

.press_content h2,
.press_content h2 a {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.21 !important;
	letter-spacing: .8px;
	color: #000;
	font-family: Montserrat, sans-serif
}

.press_content h2.press_m {
	font-size: 40px;
	font-weight: 400;
	line-height: .75;
	letter-spacing: .4px;
	color: #191919
}

.press_c {
	margin: 40px 0
}

.press_c img {
	max-height: 180px
}

.press_s {
	text-align: center
}

.press_s a {
	display: inline-block;
	background: #000;
	color: #fff;
	font-family: Montserrat, sans-serif;
	border: 1px solid #000;
	text-decoration: none;
	transition: background-color .5s, color .5s;
	letter-spacing: .18px;
	padding: 10px 20px;
	border-radius: 15px;
	margin: 30px 0
}

.press_s a:hover {
	background: #fff;
	color: #000
}

.press_b {
	background: #ffeded;
	margin-top: 60px;
	padding: 70px 0
}

.press_b_content {
	display: flex;
	margin-bottom: 75px
}

.press_b_logo {
	background: #31294b;
	display: flex;
	align-items: center;
	padding-left: 75px;
	padding-right: 75px
}

.press_b_text {
	background: #fff;
	padding: 60px 75px
}

.press_b_text h2 {
	font-family: Inter, sans-serif;
	font-size: 24px;
	letter-spacing: .8px;
	color: #000
}

.press_b_text p {
	font-size: 14px;
	color: #000;
	margin-bottom: 10px
}

.press_b_text a,
.press_b_text p {
	line-height: 1.63;
	letter-spacing: .2px
}

.press_b_text a {
	font-family: Inter, sans-serif;
	font-size: 18px;
	color: #0ebac5
}

.press_a {
	background: #f7f8fd;
	padding: 70px 0 100px;
	margin-top: 60px
}

.press_author {
	display: flex;
	align-items: center;
	margin-top: 50px
}

.press_author img {
	width: 200px;
	margin-right: 20px;
	border-radius: 10px
}

.press_author h2 {
	font-family: Inter, sans-serif;
	font-size: 32px;
	letter-spacing: .36px;
	color: #191919;
	margin: 0
}

.press_author p {
	font-family: Inter, sans-serif;
	font-size: 21px;
	line-height: 1.24;
	letter-spacing: .6px;
	color: #000;
	margin: 0 0 10px
}

.press_author p.press_country,
.press_author p.press_mail,
.press_author p.press_phone {
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: .46px;
	color: #000;
	margin: 0
}

.press_country {
	padding-top: 10px;
	border-top: 2px solid #31e7b6
}

.dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #000;
	border-radius: 3px;
	margin-right: 3px
}

.t_content {
	padding-left: 10px
}

.group,
.p_group {
	display: none
}

.group.active,
.p_group.active {
	display: block
}

.p_contact a {
	background: #000;
	color: #fff !important;
	padding-left: 20px !important;
	border-top-left-radius: 15px !important;
	border-bottom-left-radius: 15px !important
}

.press_l .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
	background-color: #2020209c
}

.press_l div:hover .overlay {
	opacity: 1
}

.icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width: 40px;
	background: #666;
	border-radius: 5px;
	padding: 10px
}

.icon img:hover {
	background: #000
}

.d_icon {
	height: 9px;
	margin-right: 4px
}

.h-180 {
	max-height: 180px;
	width: 100%
}

.twitter_banner {
	background: url(/_next/static/media/bacckground-1.d881ef42.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50%
}

ul.p_banner {
	list-style-type: none;
	-webkit-padding-start: 0 !important;
	padding-inline-start: 0 !important
}

.p_banner li {
	display: inline-block
}

.p_banner li div {
	box-shadow: 0 19px 60px 0 rgba(0, 0, 0, .2);
	-webkit-animation: bounce 6s;
	animation: bounce 6s;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(.05, .05, .05, .05);
	animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 2s;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(.05, .05, .05, .05);
	-webkit-animation-iteration-count: infinite
}

@-webkit-keyframes bounce {
	0% {
		transform: translateZ(0)
	}

	to {
		transform: translate3d(0, -5px, 0)
	}
}

.lm {
	background: #f99d1d;
	width: 130px;
	height: 130px;
	top: 4px;
	left: 65%
}

.lm,
.ys {
	border-radius: 50%;
	position: relative;
	display: flex;
	align-items: center
}

.ys {
	background: #ef4136;
	width: 90px;
	height: 90px;
	left: 137%
}

.bin {
	background: #185f7c;
	width: 140px;
	height: 140px;
	left: 119%
}

.bin,
.forbes {
	border-radius: 50%;
	position: relative;
	display: flex;
	align-items: center
}

.forbes {
	background: #000;
	width: 180px;
	height: 180px;
	top: 10px;
	left: 124%
}

.et {
	background: #e81f3d;
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	position: relative;
	left: 290%;
	top: -10px
}

.bin img,
.et img,
.forbes img,
.lm img,
.ph img,
.tc img,
.toi img,
.up img,
.vc img,
.yh img,
.ys img {
	margin: auto
}

.up {
	background: #ed1c24;
	width: 90px;
	height: 90px;
	left: 8%
}

.tc,
.up {
	display: flex;
	align-items: center;
	border-radius: 50%;
	position: relative
}

.tc {
	background: #fe6600;
	width: 130px;
	height: 130px;
	left: 69%;
	top: 26px
}

.ph {
	background: #130f1e;
	width: 150px;
	height: 150px;
	left: 72%;
	top: 85px
}

.ph,
.toi {
	display: flex;
	align-items: center;
	border-radius: 50%;
	position: relative
}

.toi {
	background: #ed1c24;
	width: 130px;
	height: 130px;
	left: 89%;
	top: 32px
}

.yh {
	background: #5f01d1;
	width: 140px;
	height: 140px;
	left: 165%;
	top: 40px
}

.vc,
.yh {
	display: flex;
	align-items: center;
	border-radius: 50%;
	position: relative
}

.vc {
	background: #e81f3d;
	width: 100px;
	height: 100px;
	left: 263%
}

.media-icon {
	width: 25px !important;
	height: 12px
}

.infobox p {
	text-align: center !important
}

.read_more_content {
	max-height: 420px;
	overflow-y: auto
}

.read_more_content::-webkit-scrollbar {
	width: 5px;
	border-radius: 5px
}

.read_more_content::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 2.5px
}

.read_more_content::-webkit-scrollbar-thumb {
	background: #aeaeae
}

.framework_list {
	height: 200px
}

.protect h3 {
	position: relative;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	margin-left: 30px
}

h3.privacy:before {
	content: url(/_next/static/media/pink_oval.e87f028b.svg);
	position: absolute;
	top: 2px;
	left: -30px
}

.cypress_box p {
	line-height: 1.43;
	letter-spacing: .09px;
	color: #838181
}

.cypress_box img {
	border: 1px solid transparent;
	border-radius: 5px;
	position: relative;
	top: -38px
}

.cypress_box:hover img {
	border: 1px solid #000
}

.cypress_box:hover .selenium_black,
.selenium_green {
	display: none
}

.cypress_box:hover .selenium_green {
	display: block
}

.search_icon input {
	background-image: url(/_next/static/media/search-bar.abc85ff0.svg);
	background-repeat: no-repeat;
	background-position: 22px 22px
}

.search_icon {
	top: -35px
}

.jobsection .active {
	background: #000;
	color: #fff
}

.jobmodal {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.jobsummary {
	color: #000
}

.jobdetails {
	padding: 30px 50px 20px;
	max-height: 450px;
	overflow-y: auto
}

.jobmodal .close {
	position: absolute;
	right: 25px;
	transition: all .2s
}

.details strong {
	font-size: 20px
}

.details ul {
	margin-bottom: 40px;
	list-style: none;
	margin-top: 30px;
	padding-left: 45px
}

.details ul>li {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .4px;
	color: #000;
	margin-bottom: 12px;
	position: relative;
	padding-left: 20px
}

.details ul>li:before {
	content: "";
	height: 8px;
	position: absolute;
	left: -11px;
	top: 6px;
	width: 8px;
	background-color: #000;
	border-radius: 50%;
	display: inline-block
}

.jobsocial-icon {
	position: fixed;
	top: 30%;
	right: 11%;
	z-index: 111
}

.vert_social_media {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	max-width: 50px;
	text-align: center
}

.vert_social_media li a {
	background-color: #fff;
	border-radius: 50%
}

.vert_social_media li a,
.vert_social_media li button {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 7px 0
}

.vert_social_media li button {
	background-color: #fff !important;
	border-radius: 50% !important
}

.vert_social_media li a img,
.vert_social_media li button img {
	width: auto;
	filter: brightness(0);
	margin: auto
}

.vert_social_media li a:hover {
	background: #879dff
}

.lt_believe {
	margin-top: 100px
}

.lt_believe h3 {
	margin-bottom: 60px;
	font-family: Inter, sans-serif;
	font-size: 36px;
	font-weight: 300;
	line-height: .67;
	letter-spacing: 6px;
	text-align: center;
	color: #250000
}

.lt_believe .our_value {
	height: 474px;
	width: 261px;
	position: relative;
	background-image: url(/_next/static/media/Background.3ed1561a.svg);
	background-size: auto;
	background-repeat: no-repeat
}

.lt_believe .our_own {
	height: 474px;
	width: 261px;
	position: relative;
	background: #000;
	background-image: url(/_next/static/media/Combined.9d3163ea.svg);
	background-size: contain;
	background-position-y: 160px;
	background-repeat: no-repeat
}

.lt_believe .our_customer,
.lt_believe .our_empower {
	height: 233px;
	width: 261px;
	position: relative;
	background: #000
}

.lt_believe .overlay_main {
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto
}

.lt_believe .overlay_main:hover .overlay_head {
	display: none
}

.lt_believe .overlay_main:hover .career_overlay {
	opacity: 1
}

.lt_believe .overlay_text {
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center
}

.lt_believe .overlay_text h6 {
	margin-bottom: 10px
}

.lt_believe .overlay_head,
.lt_believe .overlay_text h6 {
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: 3px;
	text-align: center;
	font-weight: 700
}

.lt_believe .overlay_head {
	width: 100%;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.lt_believe .overlay_text p {
	font-size: 12px;
	line-height: 1.83;
	letter-spacing: .34px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 0
}

.lt_believe .career_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	background-color: #0000009e
}

.lambdalife_img {
	display: block !important;
	height: 400px !important;
	width: 100% !important
}

.lp__carousel .careerCarousel {
	margin-top: 30px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.lp__dots__left {
	position: absolute;
	bottom: 10%;
	left: 5%;
	width: 8%
}

.lp__dots__right {
	position: absolute;
	top: -10%;
	right: 5%;
	width: 8%
}

.careerCarousel {
	margin-top: 30px;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto
}

.careerCarousel .carousel-button-group {
	bottom: 50% !important
}

.careerCarousel .carousel-button-next,
.careerCarousel .carousel-button-prev {
	background: #6a6a6a !important
}

.errormsg {
	font-size: 10px;
	color: red;
	margin-left: auto;
	max-width: 355px;
	top: 20px;
	position: relative
}

.cookies__bar__header {
	z-index: 1111;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	position: fixed
}

.cookies__bar {
	position: relative;
	display: block;
	width: 100%;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgb(21 24 28/16%);
	margin-right: auto;
	font-size: 10px;
	line-height: 1.7;
	color: #000;
	padding: 36px 15px 22px
}

.cookies__bar.hidden {
	display: none !important
}

.cookies__bar .cookie__icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%)
}

.cookie__bar__close {
	top: 7px;
	color: #b0b0b0
}

.close_banner,
.cookie__bar__close {
	position: absolute;
	right: 15px;
	cursor: pointer
}

.close_banner {
	top: 50%;
	transform: translateY(-50%)
}

@media(max-width:1024px) and (min-width:1024px) {

	.lt_believe .our_customer,
	.lt_believe .our_empower,
	.lt_believe .our_own,
	.lt_believe .our_value {
		width: auto !important
	}

	.lt_believe .overlay_text h6 {
		font-size: 15px !important;
		margin-bottom: 10px !important
	}

	.lt_believe .overlay_text {
		padding-left: 10px !important;
		padding-right: 10px !important
	}
}

.wrapper .dynamic-txts {
	height: 60px;
	line-height: 90px;
	overflow: hidden;
	position: relative;
	top: -26px
}

.dynamic-txts li {
	list-style: none;
	color: #fff;
	font-weight: 700;
	position: relative;
	top: 0;
	-webkit-animation: slide 12s steps(4) infinite;
	animation: slide 12s steps(4) infinite
}

@-webkit-keyframes slide {
	to {
		top: -360px
	}
}

.dynamic-txts li span {
	position: relative;
	margin: 5px 0;
	line-height: 90px
}

.dynamic-txts li span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	height: 100%;
	width: 100%;
	background: #000;
	-webkit-animation: typing 3s steps(10) infinite;
	animation: typing 3s steps(10) infinite
}

@-webkit-keyframes typing {

	40%,
	60% {
		left: calc(100% + 30px)
	}

	to {
		left: 0
	}
}

.dynamics-txts {
	height: 62px;
	line-height: 90px;
	overflow: hidden;
	position: relative;
	top: -8px
}

.dynamics-txts li {
	list-style: none;
	color: #000;
	font-weight: 700;
	position: relative;
	top: 0;
	-webkit-animation: slide 12s steps(4) infinite;
	animation: slide 12s steps(4) infinite
}

@keyframes slide {
	to {
		top: -360px
	}
}

.dynamics-txts li span {
	position: relative;
	margin: 5px 0;
	line-height: 90px
}

.dynamics-txts li span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	height: 100%;
	width: 100%;
	background: #eef1fa;
	-webkit-animation: typing 3s steps(10) infinite;
	animation: typing 3s steps(10) infinite
}

@keyframes typing {

	40%,
	60% {
		left: calc(100% + 30px)
	}

	to {
		left: 0
	}
}

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

input[type=number] {
	-moz-appearance: textfield
}

.box_head:hover h4 {
	text-decoration: underline
}

.integration_test input {
	border: .5px solid #fff;
	border-right: none
}

.integration_test button {
	border: .5px solid #fff;
	border-left: none
}

.integration_test button:hover {
	background: #fff;
	color: #000;
	border-left: .5px solid #000
}

.social_img img {
	position: absolute;
	right: 0;
	top: -190px;
	width: 31%
}

.knowledge_form .popup {
	width: 50%
}

.shopify_form input[type=email] {
	width: 82%
}

.knowledge_form .popup .close {
	top: 26px;
	right: 35px;
	color: #4a4a4a
}

.login_lt {
	display: flex
}

.login_red {
	width: 40px;
	height: 40px;
	background: #ffe4e4;
	border-radius: 50%;
	margin-right: 30px;
	position: relative
}

.login_blue:after,
.login_red:after {
	content: "";
	width: 3px;
	height: 60px;
	background-image: url(/_next/static/media/line_eight.3df05037.svg);
	background-repeat: no-repeat;
	top: 40px;
	right: 19px;
	position: absolute
}

.login_blue {
	background: #e4ebff
}

.login_blue,
.login_green {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 30px;
	position: relative
}

.login_green {
	background: #e4fcff
}

.login_lt_content h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: .21px;
	color: #000;
	margin-bottom: 7px
}

.login_lt_content p {
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: .15px;
	color: #000;
	margin-bottom: 35px
}

.apply_form form {
	max-width: 650px;
	margin: auto
}

.apply_img {
	width: 20px;
	height: 9px;
	-o-object-fit: contain;
	object-fit: contain;
	position: relative;
	top: -2px
}

#applyform input[type=text] {
	position: relative;
	border-radius: 3px;
	border: .5px solid #000;
	font-size: 15px;
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .08);
	float: right;
	top: 20px;
	width: 360px
}

.submitform {
	width: 360px;
	text-align: center;
	margin: auto 0 auto auto
}

#applyform input[type=email] {
	position: relative;
	border-radius: 3px;
	border: .5px solid #000;
	font-size: 15px;
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .08);
	float: right;
	top: 15px;
	width: 360px
}

#applyform label {
	font-size: 15px;
	font-weight: 300;
	display: inline-block;
	line-height: 1.67;
	color: #4a4a4a;
	margin-top: 20px
}

#applyform>span {
	font-size: 10px;
	display: block;
	text-align: center;
	margin-top: 15px;
	color: red
}

.resume {
	margin-top: 10px !important
}

.apply_file {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	background-color: transparent;
	color: transparent
}

#updateicon {
	width: 20px;
	height: 20px;
	background-color: #37e291;
	border-radius: 70%;
	float: right;
	position: relative;
	top: 20px;
	right: 145px;
	display: none
}

.apply_anchor {
	cursor: pointer !important;
	width: 180px;
	background-color: #f2f2f2;
	color: #4a4a4a;
	border: none;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
	position: absolute;
	left: 292px;
	bottom: 0;
	text-decoration: none;
	padding: 10px 13px;
	border-radius: 3px
}

.apply_icon {
	opacity: .6;
	cursor: pointer !important;
	padding-right: 10px
}

#credential_picker_container {
	position: fixed;
	z-index: 999999 !important;
	height: 184px;
	top: 125px !important;
	-webkit-animation: cssAnimation 0s 3s forwards;
	animation: cssAnimation 0s 3s forwards;
	visibility: hidden
}

@-webkit-keyframes cssAnimation {
	to {
		visibility: visible
	}
}

@keyframes cssAnimation {
	to {
		visibility: visible
	}
}

.cypresstry h2 {
	font-size: 25px !important
}

.underpass_dowload {
	width: 20%
}

.breadCrumb_main a:nth-last-child(3):hover {
	color: #0ebac5 !important
}

.breadCrumb_main a:last-child {
	cursor: inherit;
	pointer-events: none
}

.hyper_text h2 {
	font-size: 25px !important
}

.hyper_conternt {
	font-size: 18px !important
}

.gt__home span {
	font-weight: 400
}

.gt__home {
	padding: 40px;
	border: 1px solid #f7f7f7;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 6px 14px 0 hsla(0, 0%, 70%, .4);
	margin-bottom: 10px
}

.gt_star img {
	width: 100px;
	float: right
}

.gt_star span label {
	color: #23cca2
}

.hyper_test {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: 50px auto 100px;
	flex-wrap: wrap
}

.hyper_test img {
	width: auto;
	height: 80px;
	margin-bottom: 30px
}

.testForm input[type=email] {
	border: 1.5px solid #0ebac5 !important
}

.testForm button {
	background: #0ebac5 !important;
	color: #fff !important;
	border: 2px solid #0ebac5 !important;
	font-weight: 700 !important;
	transition: all .3s !important;
	border-left: 0 solid;
	margin-left: -2px !important
}

.testForm button:hover {
	background: #fff !important;
	color: #0ebac5 !important
}

.free_lt {
	right: -6%;
	width: 106px !important;
	top: -28px
}

.dynamic_free_lt,
.free_lt {
	position: absolute;
	transform: rotate(40deg)
}

.dynamic_free_lt {
	right: 2%;
	width: 140px !important;
	top: -15px;
	z-index: 999
}

.base-state .selenium__btn {
	color: red !important;
	border: 2px solid red !important
}

.progress0 {
	left: 0
}

.progress1 {
	left: 8%
}

.progress2 {
	left: 17%
}

.progress3 {
	left: 25%
}

.progress4 {
	left: 34%
}

.progress5 {
	left: 42%
}

.progress6 {
	left: 50%
}

.progress7 {
	left: 59%
}

.progress8 {
	left: 67%
}

.progress9 {
	left: 75%
}

.progress10 {
	left: 83%
}

.automationbar button:disabled,
.automationbar input[type=file]:disabled+label,
.automationbar textarea:disabled {
	border: 2px solid #999;
	background-color: #f2f2f2;
	color: #666;
	cursor: default;
	opacity: .6
}

.disablebar[disabled]>div>div {
	pointer-events: none
}

.disablebar[disabled] .progress_bar {
	color: #d3d3d3
}

.automation__toast.toast {
	color: #000;
	line-height: 1.5;
	margin-bottom: 1em;
	padding: 1.25em;
	position: absolute;
	right: 10px;
	top: 10em;
	transition: .15s ease-in-out;
	width: 100%;
	max-width: 465px;
	opacity: 1;
	font-weight: 700
}

.automation__toast.jam {
	background-color: #4caf50;
	color: #fff
}

.automation__toast .close {
	cursor: pointer;
	float: right;
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	margin-left: 1em;
	opacity: .8;
	margin-top: -3px;
	color: #fff;
	outline: none
}

.white_icons {
	filter: brightness(1) invert(1)
}

.ltbrowser_modal .overlay .popup {
	width: 70%
}

.Home_video_modal .overlay .popup {
	width: 65%
}

.Home_video_modal .overlay {
	background: rgba(0, 0, 0, .9) !important
}

.Home_video_modal .popup .close {
	position: absolute;
	top: -20px;
	right: -20px;
	transition: all .2s;
	background: #fff;
	border-radius: 50%;
	color: #000;
	width: 39px;
	height: 39px;
	font-size: 25px;
	text-align: center
}

.video-category h2 {
	position: relative;
	top: 63px
}

.video-category .react-multi-carousel-list {
	padding-top: 75px
}

.video-category .carousel-button-group {
	top: -7% !important
}

.video-category .carousel-button-group .carousel-button-prev {
	right: 40px;
	right: 54px !important
}

.video-category .carousel-button-group .carousel-button-next,
.video-category .carousel-button-group .carousel-button-prev {
	background: transparent !important;
	width: auto;
	height: auto;
	border-radius: 50%;
	color: #404040 !important;
	float: none;
	position: absolute;
	outline: none !important;
	text-align: center;
	line-height: 1.2;
	font-size: 64px;
	top: 10px;
	cursor: pointer;
	pointer-events: auto
}

.video-category .carousel-button-group .carousel-button-next {
	right: 15px !important
}

.video-category ul li.react-multi-carousel-item {
	padding-right: 20px
}

.dropdowm-section .product_tool:after,
.dropdowm-section h2:after,
.frameworks_line:after,
.product_integration:after {
	top: 32px;
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	width: 75%;
	transform-origin: left;
	background: #e7e7e7;
	transition: transform .4s cubic-bezier(0, 0, .16, .96)
}

.developer_dropdown:after,
.frameworks_line:after {
	width: 80% !important
}

.frameworks_line:after {
	top: 55px
}

.product_integration a,
.product_tool a {
	position: absolute;
	right: 30%
}

.hover-framework a img,
.hover-integration li img {
	filter: grayscale(100%)
}

.hover-framework a:hover img,
.hover-integration li:hover img {
	filter: grayscale(0);
	opacity: 1
}

.hover-integration li:hover .abc {
	color: red !important
}

.header-icon li img {
	filter: brightness(0)
}

.header-icon li:hover img {
	filter: grayscale(0);
	opacity: 1
}

.header_inner li {
	display: inline-block;
	padding: 20px;
	width: 92%
}

.header_inner li:hover {
	background: #ecfeff
}

.header_inner li:hover h3 {
	color: #0ebac5
}

.developer_logo li:after {
	display: block;
	content: "";
	border-bottom: 3px solid #191717;
	transform: scaleX(0);
	transition: transform .25s ease-in-out
}

.developer_logo li:hover:after {
	transform: scaleX(1)
}

#frameworks_section {
	position: relative;
	display: flex;
	align-items: center
}

#frameworks_logo_main {
	display: inline-block;
	margin-left: 90px
}

#frameworks_heading {
	display: inline-block;
	position: absolute;
	left: 0
}

#frameworks_logo_main:hover~#frameworks_heading {
	color: #0ebac5
}

.header__logo {
	width: 390px
}

.header__menu {
	width: calc(100% - 180px)
}

.gitrepo_img {
	display: inline-block
}

.gitrepo_img:after {
	content: "\2192";
	font-size: 20px;
	right: -28px;
	position: absolute;
	transform: rotate(-45deg);
	top: 0
}

#header .nav-link.login:after {
	background: none
}

.browser__tab a:hover {
	background: #000;
	color: #fff
}

.browser__tab a:hover img {
	filter: brightness(0) invert(1)
}

@media(max-width:767px) {
	.tunnelSection {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content
	}

	.apply_anchor {
		position: static;
		margin-top: 20px
	}

	#applyform input,
	#applyform input[type=email][type=text] {
		width: 100% !important;
		display: inline-block;
		float: none !important;
		margin-left: 0 !important;
		margin-bottom: 10px !important
	}

	.submitform {
		margin: 20px 0 !important;
		width: 100% !important
	}

	#credential_picker_container {
		display: none
	}

	.aqua_content h1,
	.blue_content h1,
	.green_content h1,
	.grey_content h1,
	.purple_content h1,
	.red_content h1,
	.yellow_content h1 {
		font-size: 25px !important;
		min-height: -webkit-fit-content;
		min-height: -moz-fit-content;
		min-height: fit-content
	}

	.affiliateheading {
		font-size: 40px
	}

	.gt__home {
		padding: 20px
	}

	.hyper_test {
		display: block;
		margin: 0 auto
	}

	.hyper_test img {
		display: block;
		max-width: 90%;
		margin: auto auto 30px
	}

	.apply_file {
		top: auto
	}

	.progress1 {
		left: 6%
	}

	.progress2 {
		left: 15%
	}

	.progress3 {
		left: 22%
	}

	.progress4 {
		left: 30%
	}

	.progress5 {
		left: 38%
	}

	.progress6 {
		left: 45%
	}

	.progress7 {
		left: 52%
	}

	.progress8 {
		left: 59%
	}

	.progress9 {
		left: 66%
	}

	.progress10 {
		left: 72%
	}

	.cookies__bar {
		width: 100%;
		margin-left: 0;
		bottom: 0
	}

	.video-category ul li.react-multi-carousel-item {
		padding-right: 0
	}

	.Home_video_modal .overlay .popup {
		width: 90%
	}
}

@media(min-width:992px) {
	.press_content h2.press_m {
		margin-top: 100px
	}

	.p_contact {
		padding-right: 0 !important;
		width: 28% !important
	}

	.p_contact a {
		background: #000;
		color: #fff !important;
		padding-left: 50px !important;
		border-top-left-radius: 15px !important;
		border-bottom-left-radius: 15px !important
	}

	.pb_bottm {
		margin-top: -80px
	}
}

@media(max-width:991px) {
	.pb_bottm {
		margin-top: -30px
	}
}

@media (max-width:1024px) and (min-width:1024px) {
	.p_contact {
		width: 25.7% !important
	}
}

@media (max-width:768px) and (min-width:768px) {
	.press_b {
		margin-bottom: 50px
	}

	.press_b_logo {
		display: none !important
	}
}

@media (max-width:767px) {
	.press_author {
		display: block !important
	}

	.press_author img {
		display: block;
		margin: auto auto 10px
	}

	.press_tab {
		display: none
	}

	.press_b_text {
		padding: 60px 30px !important
	}

	.press_b {
		margin-bottom: 50px
	}

	.press_b_logo {
		display: none !important
	}

	.press_content {
		margin-left: 10px
	}

	.press_tab li a {
		padding: 0 5px;
		margin: 0 !important
	}

	.press_tab {
		max-width: 370px !important
	}

	.bin,
	.et,
	.forbes,
	.lm,
	.ph,
	.tc,
	.toi,
	.up,
	.vc,
	.yh,
	.ys {
		position: static !important
	}

	.p_banner {
		text-align: center
	}

	.p_banner li div {
		width: 90px;
		height: 90px;
		margin-bottom: 10px
	}

	.p_banner li div img {
		width: 70px
	}

	.newsletter_next .nl_previous {
		margin-right: 0
	}

	.newsletter_next .nl_nextt {
		margin-left: 0
	}

	.banner_cookie {
		display: none
	}

	.header_inner li {
		width: 100%;
		padding: 10px
	}

	.product_integration a,
	.product_tool a {
		right: 5%
	}

	.header__bottom .product_logo .automation__tool {
		width: 100% !important;
		margin-right: 0 !important
	}

	.header__bottom .product_logo li {
		width: 15%;
		margin-right: 15px;
		display: inline-block;
		vertical-align: middle
	}

	.product_logo .selenium_automation {
		width: 6% !important
	}

	.header-icon li div.flex div:first-child {
		min-width: 26px
	}

	.dropdowm-section .dropdowm-section h2:after,
	.dropdowm-section .product_tool:after,
	.product_integration:after {
		width: 95%
	}

	.frameworks_line:after {
		display: none
	}

	.dropdowm-section h2 {
		font-size: 14px
	}

	.Home_video_modal .popup .close {
		position: absolute;
		top: -12px;
		right: -12px;
		width: 28px;
		height: 28px;
		font-size: 18px
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.lm {
		left: -3% !important
	}

	.ys {
		left: 25% !important
	}

	.bin {
		left: 45% !important
	}

	.forbes {
		left: 68% !important
	}

	.et {
		left: 194% !important
	}

	.up {
		left: 8%
	}

	.tc {
		left: 28% !important
	}

	.ph {
		left: 43% !important
	}

	.toi {
		left: 62% !important
	}

	.yh {
		left: 77% !important
	}

	.vc {
		left: 123% !important
	}
}

@media (min-width:767px) and (max-width:991px) {
	.lm {
		left: -34% !important
	}

	.ys {
		left: -24% !important
	}

	.bin {
		left: 3% !important
	}

	.forbes {
		left: 6% !important
	}

	.et {
		left: 19% !important
	}

	.up {
		left: -18% !important
	}

	.tc {
		left: -4% !important
	}

	.ph {
		left: 4% !important
	}

	.toi {
		left: 9% !important
	}

	.yh {
		left: 18% !important;
		top: -42px !important
	}

	.vc {
		left: 155% !important;
		top: -205px !important
	}
}

@media (min-width:992px) {
	.arrow_img {
		top: 2px;
		left: 117px
	}

	.arrow_img,
	.scribble {
		position: absolute;
		width: 62px
	}

	.scribble {
		bottom: 0;
		right: 117px
	}

	.learn_left {
		max-height: 85vh;
		overflow: auto;
		padding-right: 20px
	}

	.learn_left::-webkit-scrollbar {
		width: 2px
	}

	.learn_left::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px #eee;
		border-radius: 10px
	}

	.learn_left::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 10px
	}

	.learn_left::-webkit-scrollbar-thumb:hover {
		background: #bbb
	}
}

#underpassLink {
	position: fixed;
	left: -100%;
	top: -100%;
	opacity: 0
}

@media (max-width:992px) {
	.show_header_menu {
		display: block !important;
		position: absolute;
		width: 100%;
		background-color: #333;
		padding-bottom: 30px;
		max-height: 92vh;
		overflow-y: auto
	}

	.header__logo,
	.header__menu {
		width: 100%
	}

	.show_header_menu button {
		width: 100%;
		text-align: left
	}

	.show_header_menu .menu-item .arrow_down,
	.show_header_menu button .arrow_down {
		float: right
	}

	#header .nav-link:after {
		display: none
	}

	.header__menu__items .nav-link {
		border-bottom: 1px solid #e7e7e7;
		padding-top: 15px;
		padding-bottom: 15px
	}

	.header__menu .header__menu__items {
		padding-bottom: 30px
	}

	.header_inner li {
		padding: 10px
	}

	.automation__tool {
		font-size: 14px
	}

	#header .container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0
	}

	.header__logo {
		padding-left: 15px;
		padding-right: 15px
	}

	.header__menu__items {
		background: #333
	}

	.header__menu__items .nav-link {
		padding-left: 15px;
		padding-right: 15px
	}

	.resource-dropdown-menu {
		overflow: visible !important;
		overflow: initial !important;
		max-height: none !important;
		position: static;
		box-shadow: none
	}

	.table__main {
		max-width: 100%
	}

	.show_header_menu a,
	.show_header_menu button {
		margin-left: 0 !important
	}
}

@media(min-width:767px) {
	.integration .container .left_bar {
		max-width: 270px
	}

	.downloads {
		padding: 0 40px
	}

	.leftSidebarvideo ul {
		max-height: 70vh;
		overflow: auto
	}

	.leftSidebarvideo ul::-webkit-scrollbar {
		width: 3px
	}

	.leftSidebarvideo ul::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 10px
	}
}

@media(max-width:768px) {

	.knowledge-base input[type=email],
	.knowledge-base input[type=text] {
		width: 100%;
		font-size: 14px;
		padding: 6px 12px;
		border: 1px solid #ccc;
		height: 34px;
		margin-bottom: 10px;
		border-radius: 4px
	}

	.knowledge-base textarea {
		border-radius: 4px;
		width: 100%;
		border: 1px solid #ccc;
		padding: 6px 12px;
		font-size: 14px;
		margin-bottom: 10px
	}

	.knowledge_form .popup,
	.shopify_form .popup {
		width: 100%
	}

	.resource-dropdown-menu {
		-moz-column-count: auto;
		-moz-column-count: initial;
		column-count: auto
	}

	.TrustedCarousel .owl-nav {
		width: 70%;
		left: 15%
	}

	.client-logo li {
		border: 1px solid #ddd
	}

	#review-box .item {
		opacity: 1;
		font-size: 14px
	}

	.start__testing__form input {
		font-size: 12px;
		width: 100%
	}

	.start__testing__formbutton {
		font-size: 12px
	}

	.mw-450 {
		width: 100%
	}

	.pricingpage_colrow>div {
		width: 100%;
		margin: 15px 0;
		border: 1px solid #000 !important
	}

	.pricingpage_colrow>div.mostpopularpricecol {
		margin-top: 55px
	}

	.pricing_h1 {
		font-size: 30px
	}

	.get_certified h2 {
		display: block
	}

	.get_certified div {
		font-size: 15px;
		font-weight: 500;
		text-align: center !important;
		width: 100% !important
	}

	.first-section .codinjag {
		display: block !important;
		padding: 0
	}

	.partnermain h1 {
		font-size: 24px
	}

	.blue-nav .owl-next {
		display: none
	}

	.bannertext img,
	.readytext img {
		right: 0 !important
	}

	.infobox p {
		font-size: 14px
	}

	.browsers-list-2 li {
		width: 50%
	}

	.morereasonstolove_section .browsers-list-2 li {
		width: 35%
	}

	.lt-browser-content {
		width: 80% !important
	}
}

@media(min-width:768px) and (max-width:768px) {
	.pricingpage_colrow>div {
		width: 46%;
		margin: 2%;
		display: inline-block;
		vertical-align: top;
		min-height: 810px
	}

	.team-img {
		max-width: 70px !important;
		width: 70px !important
	}
}

@media(max-width:767px) {
	.lambdalife_img {
		width: 335px !important;
		height: auto !important
	}

	.enterprise_plan ul {
		-moz-column-count: auto;
		-moz-column-count: initial;
		column-count: auto
	}

	.lt-integration {
		font-size: 30px
	}

	.logo-box {
		min-height: auto
	}

	.support_head {
		min-width: 140px !important
	}

	.quotePara:before {
		left: 2%
	}

	.lt_customer {
		display: block !important;
		width: 60% !important;
		margin: auto !important
	}

	#review-box .react-multi-carousel-item--active .item {
		margin-left: 0;
		margin-right: 0;
		opacity: 1
	}

	.errormsg {
		margin-left: 0;
		text-align: left
	}
}

@media(min-width:1024px) and (max-width:1024px) {
	.hub-right {
		right: 0 !important
	}

	.blue-nav .owl-next {
		display: none
	}

	.bannertext img,
	.readytext img {
		right: 0 !important
	}

	.browsers-list-2 li {
		width: 25%
	}
}

@media(max-width:1024px) {
	.lp_cross_browser {
		display: none !important
	}

	#review-box .react-multi-carousel-item--active .item {
		margin-left: 0;
		margin-right: 0;
		opacity: 1
	}
}

@media(min-width:768px) {
	.shopify_form .popup {
		width: 600px
	}

	.ltbs_lt {
		min-width: 450px
	}

	.ltbs_bs {
		min-width: 400px
	}
}

@media(max-width:1300px) {
	.webinar_social_media {
		left: 30px
	}
}

@media(max-width:1200px) {
	.webinar_social_media li {
		margin-top: 10px;
		margin-bottom: 5px
	}

	.ama_web {
		letter-spacing: 5px !important
	}
}

@media (min-width:1000px) {
	.dynamic_free_lt {
		position: absolute;
		right: -20%;
		width: 140px !important;
		top: -15px;
		transform: rotate(40deg);
		z-index: 999
	}
}

@media (min-width:1300px) {
	.lt_fold video {
		height: 430px;
		width: auto;
		max-width: none
	}

	.free_lt {
		right: -16%;
		width: 106px !important;
		top: -28px
	}

	.dynamic_free_lt,
	.free_lt {
		position: absolute;
		transform: rotate(40deg)
	}

	.dynamic_free_lt {
		right: -11%;
		width: 140px !important;
		top: -15px;
		z-index: 999
	}

	.lp__banner__left {
		left: -11%
	}
}

@media (min-width:1500px) {
	.assetstab {
		max-width: 710px
	}

	.dynamic_free_lt {
		position: absolute;
		right: -4%;
		width: 140px !important;
		top: -15px;
		transform: rotate(40deg);
		z-index: 999
	}
}

@media (min-width:1800px) {
	.lt_fold video {
		height: 430px;
		width: auto;
		max-width: none
	}

	.free_lt {
		right: -16%;
		width: 106px !important;
		top: -28px
	}

	.dynamic_free_lt,
	.free_lt {
		position: absolute;
		transform: rotate(40deg)
	}

	.dynamic_free_lt {
		right: 2%;
		width: 140px !important;
		top: -15px;
		z-index: 999
	}
}

@media (min-width:993px) and (max-width:1600px) {

	.header__menu a,
	.header__menu button {
		font-size: 12px
	}

	.resource-dropdown .resource-dropdown-menu .table__main .dropdowm-section h2 {
		font-size: 13px;
		padding-left: 10px;
		margin-top: 0;
		margin-bottom: 20px
	}

	.resource-dropdown-menu .table__main .dropdowm-section .developer_dropdown {
		font-size: 14px !important;
		padding-left: 0 !important
	}

	.resource-dropdown .resource-dropdown-menu .table__main .dropdowm-section .header_inner li {
		padding: 10px !important
	}

	.product_logo .automation__tool,
	.resource-dropdown-menu .table__main .dropdowm-section #frameworks_heading,
	.resource-dropdown-menu .table__main .dropdowm-section .header_inner li a h3,
	.resource-dropdown-menu .table__main .dropdowm-section .header_inner li a p {
		font-size: 12px !important
	}

	.resource-dropdown-menu .table__main .dropdowm-section {
		padding-bottom: 15px;
		padding-top: 30px;
		padding-left: 20px
	}

	.developer_dropdown:after,
	.dropdowm-section .frameworks_line:after {
		width: 95% !important
	}

	.dropdowm-section .frameworks_line:after {
		top: 45px
	}

	.dropdowm-section a,
	.dropdowm-section p {
		font-size: 12px
	}

	.resource-dropdown-menu .header__bottom {
		font-size: 14px;
		padding: 10px 0
	}

	.resource-dropdown-menu .developer_logo li h3 {
		font-size: 12px
	}

	.resource-dropdown-menu .product__dropdown {
		padding-top: 0
	}

	.product_tool p {
		margin-bottom: 15px
	}

	.header_inner .product_tool_content {
		margin-left: 15px
	}

	.product_integration {
		margin-top: 15px
	}

	.dropdowm-section .frameworks_all a {
		margin-top: 10px
	}

	#frameworks_section {
		padding-right: 10px;
		padding-bottom: 10px
	}

	.developer_logo li a img,
	.product_logo li a img {
		height: 20px;
		width: auto
	}

	.header_inner .ml-26 {
		margin-left: 15px
	}

	.dropdowm-section h2 {
		font-size: 14px
	}

	.gitrepo_img span {
		left: 125px
	}
}

@media (min-width:1200px) and (max-width:1300px) {
	#header {
		padding-top: 0px
	}

	.Home_video_modal .overlay .popup {
		width: 75%
	}
}

@media (min-width:993px) and (max-width:1190px) {

	.header__menu a,
	.header__menu button {
		font-size: 12px
	}

	.Home_video_modal .overlay .popup {
		width: 85%
	}
}

@media (min-width:1400px) and (max-width:1650px) {
	.resource-dropdown .resource-dropdown-menu .table__main .dropdowm-section .header_inner li {
		padding: 15px !important
	}
}

@media (min-width:993px) and (max-width:1029px) {
	#header .container {
		max-width: 98%;
		padding-left: 0;
		padding-right: 0
	}

	.header__menu .nav-link {
		font-size: 14px
	}

	.frameworks_line:after {
		display: none
	}
}

.dark-mode {
	background-color: #131415;
	color: #fff !important
}

.programmer h1 {
	color: #000
}

.dark-mode .programmer h1,
.dark-mode .programmer h2 {
	color: #fff !important
}

.dark-mode .programmer h1 span,
.programmer h1 span {
	background: linear-gradient(90deg, #ffc418 0, #f26021);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.programmer__day .switch {
	display: inline-block;
	height: 20px;
	position: relative;
	width: 50px
}

.programmer__day .switch input {
	display: none
}

.programmer__day .slider {
	background-color: #000;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s
}

.programmer__day .slider:before {
	background-color: #fff;
	bottom: 3px;
	content: "";
	height: 15px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 15px;
	transform: translateX(26px)
}

.programmer__day input:checked+.slider {
	background-color: #fff
}

.programmer__day input:checked+.slider:before {
	transform: translateX(0);
	background-color: #000
}

.programmer__day .slider.round {
	border-radius: 34px
}

.programmer__day .slider.round:before {
	border-radius: 50%
}

.dark-mode #footer,
.dark-mode #header {
	background-color: #131415
}

.positivity {
	max-height: 300px;
	background: #f6faff;
	margin-top: 220px
}

.positivity .light_logo {
	position: relative;
	top: -60%
}

.programer_badge {
	background: #f6faff;
	border-bottom: 1px solid #dedede
}

.programer_badge .view_devicetab li.active {
	color: #3364b1 !important;
	border-bottom: 3px solid #3364b1
}

.badges_popup .popup {
	width: 60% !important
}

.programmer__review {
	min-height: 230px;
	margin-bottom: 0
}

.dark-mode .programmer__review {
	background-color: #1e1f20;
	margin-bottom: 0
}

.dark-mode .programmer__review p {
	color: #cbcbcb !important
}

.dark-mode .programmer__review h5 {
	color: #afafaf !important
}

.lt__swag .items img {
	max-width: 90% !important
}

#programmer-box {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}

#programmer-box .item {
	margin-left: 20px;
	margin-right: 2px;
	border-radius: 3px;
	background-color: transparent;
	position: relative;
	opacity: .4;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .36px;
	color: #191919
}

#programmer-box .owl-item.center .item {
	border: 2px solid #000;
	opacity: 1
}

#programmer-box .user-list-box {
	position: absolute;
	bottom: 45px;
	left: 50px;
	padding-left: 70px;
	height: 50px;
	width: 100%;
	max-width: calc(100% - 100px)
}

#programmer-box .user-icons {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	border-radius: 50%
}

#programmer-box .user-list-box>span.user-name {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 25px
}

#programmer-box .user-list-box>span.user-profile {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	color: #7b899e
}

#programmer-box .user-icons img {
	width: 50px;
	height: 50px
}

#programmer-box .react-multi-carousel-item--active .item {
	margin-left: 20px;
	margin-right: 2px;
	opacity: 1
}

#programmer-box .iframe_container {
	padding: 0
}

#programmer-box .youtube {
	border-radius: 5px
}

#programmer-box ul.react-multi-carousel-track {
	margin-left: -15px
}

#programmer-box .carousel-button-group {
	display: block !important;
	position: absolute;
	top: -4%;
	width: 100%;
	left: 0;
	pointer-events: none
}

#programmer-box .carousel-button-group .carousel-button-next {
	right: 15px
}

#programmer-box .carousel-button-group .carousel-button-next,
#programmer-box .carousel-button-group .carousel-button-prev {
	background: transparent !important;
	width: auto;
	height: auto;
	border-radius: 50%;
	color: #404040 !important;
	float: none;
	position: absolute;
	outline: none !important;
	text-align: center;
	line-height: 1.2;
	font-size: 64px;
	cursor: pointer;
	pointer-events: auto
}

#programmer-box .carousel-button-group .carousel-button-prev {
	right: 54px !important
}

#programmer-box h2 {
	position: relative;
	top: 45px
}

#programmer-box .popup {
	width: 70%
}

.dark-mode .dark__gray {
	color: #cbcbcb !important
}

.dark-mode .dark__white {
	color: #fff !important
}

.dark-mode .card__name {
	color: #d2d2d2 !important
}

.dark-mode .card__item {
	color: #939393 !important
}

.dark-mode .positivity,
.dark-mode .programer_badge {
	background-color: #1e1f20
}

.dark-mode #programmer-box .carousel-button-group .carousel-button-next,
.dark-mode #programmer-box .carousel-button-group .carousel-button-prev {
	color: #fff !important
}

.dark-mode #footer div {
	background-color: #131415;
	border: transparent
}

#programmer-box .youtube .play-button:before {
	border-width: 6px 0 6px 12px
}

#programmer-box .youtube .play-button {
	width: 40px;
	height: 40px;
	background-color: transparent;
	border-radius: 50%;
	border: 2px solid #fff
}

#programmer-box .youtube:hover .play-button {
	background-color: red
}

#programmer-box .youtube img {
	opacity: .9
}

#programmer-box .youtube_modal .play-button:before {
	border-color: transparent transparent transparent #000000b8 !important;
	border-width: 5px 0 5px 9px;
	top: 50% !important;
	left: 50%;
	right: auto !important;
	transform: translate3d(-50%, -50%, 0) !important
}

#programmer-box .youtube_modal .play-button {
	top: 50% !important;
	left: 50%;
	transform: translate3d(-50%, -50%, 0) !important;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	border: 2px solid #fff
}

#programmer-box .youtube_modal img {
	opacity: .9
}

.cycle_hand {
	position: absolute;
	bottom: -6px;
	width: 198px;
	right: 32px
}

.checker__input {
	box-shadow: 0 0 4px #7d9efb
}

.programmer__try {
	background: #3364b1;
	border: 1px solid #3364b1
}

.programmer__try:hover {
	background-color: #fff;
	color: #3364b1
}

.dark-mode .programmer__try {
	background: #fed049;
	color: #000;
	border: 1px solid #fed049
}

.dark-mode .programmer__try:hover {
	background-color: transparent;
	color: #fed049
}

.dark-mode .programer_badge {
	border-bottom: 1px solid #5f5c5c !important
}

.dark-mode .view_devicetab li.active {
	border-bottom: 2px solid #fed049;
	color: #fed049 !important
}

.moon {
	filter: grayscale(100%)
}

.dark-mode .moon {
	filter: grayscale(0)
}

.dark-mode .sun {
	filter: grayscale(100%)
}

@media(max-width:992px) {
	.positivity {
		max-height: 400px;
		margin-top: 40px
	}

	.positivity .light_logo {
		top: -21%
	}

	.badges_popup .popup {
		width: 95% !important
	}

	.programmer__swag {
		display: block !important
	}
}

@media(max-width:1200px) {
	.cycle_hand {
		display: none
	}
}

.alert-danger-manual,
.alert-info-manual,
.alert-success-manual,
.alert-warning-manual {
	display: none
}

.st_heading {
	position: relative;
	padding: 14px 6px 14px 58px;
	width: 100%;
	font-size: 18px !important;
	font-weight: 500;
	letter-spacing: 1.93px;
	color: #000
}

.st_heading span {
	position: absolute;
	width: 34px;
	height: 34px;
	background-color: #000;
	display: block;
	left: 10px;
	text-align: center;
	border-radius: 5px
}

.st_heading span img {
	display: inline;
	display: initial
}

.sp__main {
	background-image: url(/resources/images/selenium/automation-img.jpg);
	padding: 45px 0 35px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover
}

.sp__list p {
	color: #000;
	letter-spacing: .2px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8
}

.sp__list ul {
	display: none
}

.sp__list.active ul {
	display: block
}

.sp__arrow {
	border: solid #000;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	margin-right: 10px
}

.righter {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: -2px
}

.downer,
.righter {
	position: relative
}

.downer {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: -3px
}

.sp__breadcrumb {
	display: flex;
	padding: 0;
	list-style-type: none;
	flex-wrap: wrap
}

ul.sp__breadcrumb>li,
ul.sp__breadcrumb>li a {
	color: #000;
	font-size: 14px;
	font-weight: 400
}

ul.sp__breadcrumb>li {
	margin-left: 20px;
	position: relative
}

ul.sp__breadcrumb>li:not(:last-child):after,
ul.sp__breadcrumb>li:not(:last-child):before {
	border-right: 2px solid;
	content: "";
	display: block;
	height: 4px;
	margin-top: -3px;
	color: #0ebac5;
	position: absolute;
	transform: rotate(135deg);
	right: -10px;
	top: 52%;
	width: 0
}

ul.sp__breadcrumb>li:not(:last-child):after {
	margin-top: -1px;
	transform: rotate(45deg)
}

.pagination_sp li:hover {
	cursor: pointer
}

.pagination_sp {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination_sp>li {
	display: inline
}

.pagination_sp>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination_sp>li>a,
.pagination_sp>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

.pagination_sp>.active>a,
.pagination_sp>.active>a:focus,
.pagination_sp>.active>a:hover,
.pagination_sp>.active>span,
.pagination_sp>.active>span:focus,
.pagination_sp>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}

.dataTables_filter label input {
	border: 1px solid #000
}

.dataTables_filter label {
	font-weight: 700
}

.thead-inverse {
	background: #333;
	color: #fff;
	font-size: 13px
}

.dataTables_length {
	display: none
}

#example_wrapper {
	overflow-x: auto !important
}

.sp_list_group .list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd !important;
	font-size: 14px;
	font-weight: 700
}

.sp_list_group .list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.s__column .sp__text {
	opacity: 0
}

.s__column:hover .sp__text {
	opacity: 1
}

.s__column2 {
	float: left;
	position: relative;
	width: 300px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden
}

.image-card {
	position: absolute;
	top: 0;
	left: 0
}

.image-card img {
	transition: .4s ease
}

.s__column2:hover .image-card img {
	transform: scale(1.08)
}

.s__column3 {
	overflow: hidden;
	padding: 0;
	width: 300px;
	height: 200px;
	float: left
}

.s__column3 img {
	display: block;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transition: .4s ease
}

.s__column3 img:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	z-index: 0
}

.s__column div {
	position: relative;
	float: left
}

.s__column div,
.s__column figure {
	width: 300px;
	height: 200px;
	padding: 0
}

.s__column figure {
	margin: 0;
	background: #fff;
	overflow: hidden
}

.hover05 figure img {
	margin-left: 30px;
	transform: scale(1.5);
	transition: .3s ease-in-out
}

.hover05 figure:hover img {
	margin-left: 0
}

.hover06 figure img {
	transform: rotate(15deg) scale(1.4);
	transition: .3s ease-in-out
}

.hover06 figure:hover img {
	transform: rotate(0) scale(1)
}

.hover07 figure img {
	filter: blur(3px);
	transition: .3s ease-in-out
}

.hover07 figure:hover img {
	filter: blur(0)
}

.hover08 figure img {
	filter: grayscale(100%);
	transition: .3s ease-in-out
}

.hover08 figure:hover img {
	filter: grayscale(0)
}

.hover09 figure img {
	filter: grayscale(0) blur(0);
	transition: .3s ease-in-out
}

.hover09 figure:hover img {
	filter: grayscale(100%) blur(3px)
}

.hover10 figure img {
	opacity: 1;
	transition: .3s ease-in-out
}

.hover10 figure:hover img {
	opacity: .5
}

.hover11 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s
}

@-webkit-keyframes flash {
	0% {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes flash {
	0% {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

.sp__portal #todrag {
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px
}

.sp__portal [draggable=true] {
	cursor: move;
	padding: 1em;
	border-radius: 2px;
	border: 1px solid #000;
	margin-bottom: .1em;
	display: block
}

.sp__portal [draggable=true]:hover {
	box-shadow: 0 0 5px green
}

.sp__portal #droppedlist,
.sp__portal [dropzone] {
	width: 90%;
	margin: auto;
	border: 1px solid gray;
	border-radius: 2px
}

.sp__portal [draggable=true],
.sp__portal [dropzone] {
	transition: box-shadow .2s linear, background-color .2s linear, color .2s linear
}

.sp__portal [dropzone] {
	color: gray;
	font-style: italic;
	font-size: 1.5rem;
	text-align: center;
	border: 2px dashed gray;
	padding: 2em 0
}

.sp__portal #droppedlist img,
.sp__portal #droppedlist span {
	display: block;
	padding: 1em
}

.sp__portal #droppedlist img {
	margin: auto
}

.sp__portal .moveleft {
	float: left
}

.sp__portal .fright {
	float: right
}

.sp__portal #draggable {
	width: 100px;
	height: 100px;
	padding: .5em;
	float: left;
	margin: 10px 10px 10px 0
}

.sp__portal #droppable {
	width: 150px;
	height: 150px;
	padding: .5em;
	float: left;
	margin: 10px
}

.sp__portal .ui-state-highlight {
	border: 1px solid #0ebac5;
	background: #0ebac5;
	color: #0ebac5
}

.sp__portal .ui-widget-header p {
	color: #000
}

.sp__table__filter .input-section .btn-group .btn {
	transition: background-color .3s ease
}

.sp__table__filter .table-filter tbody tr td {
	padding: 10px;
	vertical-align: middle;
	border-top-color: #eee
}

.sp__table__filter .ckbox {
	position: relative
}

.sp__table__filter .ckbox input[type=checkbox] {
	opacity: 0
}

.sp__table__filter .ckbox label {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.sp__table__filter .ckbox label:before {
	content: "";
	top: 1px;
	left: 0;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	border-radius: 2px;
	background-color: #fff
}

.sp__table__filter .ckbox input[type=checkbox]:checked+label:before {
	border-color: #2bbcde;
	background-color: #2bbcde
}

.sp__table__filter .ckbox input[type=checkbox]:checked+label:after {
	top: 3px;
	left: 3.5px;
	content: "";
	color: #fff;
	font-size: 11px;
	font-family: Glyphicons Halflings;
	position: absolute
}

.sp__table__filter .table-filter .star {
	color: #ccc;
	text-align: center;
	display: block
}

.sp__table__filter .table-filter .star.star-checked {
	color: #f0ad4e
}

.sp__table__filter .table-filter .star:hover {
	color: #ccc
}

.sp__table__filter .table-filter .star.star-checked:hover {
	color: #f0ad4e
}

.sp__table__filter .table-filter .media .title {
	color: #2bbcde;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	margin: 0
}

.sp__table__filter .table-filter .media .title .pagado {
	color: #5cb85c
}

.sp__table__filter .table-filter .media .title .pendiente {
	color: #f0ad4e
}

.sp__table__filter .table-filter .media .title .cancelado {
	color: #d9534f
}

.sp__table__filter .table-filter .media .summary {
	font-size: 14px
}

.sp__table__filter .table-filter .media-meta {
	font-size: 11px;
	color: #999
}

.sp__tabler_filter .date-input {
	font-size: 18px !important;
	font-weight: 500;
	margin-bottom: 15px
}

.sp__tabler_filter .input-daterange {
	width: 70%
}

.sp__tabler_filter .input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.sp__tabler_filter .input-group-addon,
.sp__tabler_filter .input-group-btn,
.sp__tabler_filter .input-group .form-control {
	display: table-cell
}

.sp__tabler_filter .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.sp__tabler_filter .input-daterange .input-group-addon {
	width: auto;
	min-width: 16px;
	padding: 4px 5px;
	line-height: 1.42857143;
	text-shadow: 0 1px 0 #fff;
	margin-left: -5px;
	margin-right: -5px;
	color: #555;
	text-align: center;
	background-color: #eee;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-size: 14px
}

.sp__tabler_filter .datepicker table tr td,
.sp__tabler_filter .datepicker table tr th {
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	border: none
}

.sp__tabler_filter .datepicker .datepicker-switch {
	width: 145px
}

.sp__tabler_filter .datepicker-switch:hover,
.sp__tabler_filter .datepicker .next:hover,
.sp__tabler_filter .datepicker .prev:hover,
.sp__tabler_filter .datepicker tfoot tr th:hover {
	background: #eee
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
	padding: 5px
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	background: 0 0;
	color: #777;
	cursor: default
}

.datepicker table tr td.new,
.datepicker table tr td.old {
	color: #999
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
	background: #eee;
	cursor: pointer
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
	color: #777
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	background: #eee
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
	color: #999
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	border-radius: 4px
}

.sp__progress .progress {
	position: relative;
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	background-color: #e2e2e2;
	border-radius: 40px
}

.sp__progress .progress p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1
}

.sp__progress .progress .bar {
	position: absolute;
	border-radius: 40px;
	height: 100%;
	width: 0;
	background-color: #ffefef
}

.sp__range {
	display: table;
	position: relative;
	height: 28px;
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	cursor: pointer
}

.sp__range input[type=range] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	display: table-cell;
	width: 100%;
	background-color: transparent;
	height: 28px;
	cursor: pointer
}

.sp__range input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	width: 11px;
	height: 28px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0;
	background-color: #999
}

.sp__range output {
	display: table-cell;
	padding: 3px 5px 2px;
	min-width: 40px;
	color: #fff;
	background-color: #999;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	transition: all .5s ease;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none
}

.sp__range input[type=range] {
	outline: none
}

.sp__range.sp__range-primary input[type=range]::-webkit-slider-thumb {
	background-color: #428bca
}

.sp__range.sp__range-primary input[type=range]::-moz-slider-thumb {
	background-color: #428bca
}

.sp__range.sp__range-primary output {
	background-color: #428bca
}

.sp__range.sp__range-primary input[type=range] {
	outline-color: #428bca
}

.sp__range.sp__range-success input[type=range]::-webkit-slider-thumb {
	background-color: #5cb85c
}

.sp__range.sp__range-success input[type=range]::-moz-slider-thumb {
	background-color: #5cb85c
}

.sp__range.sp__range-success output {
	background-color: #5cb85c
}

.sp__range.sp__range-success input[type=range] {
	outline-color: #5cb85c
}

.sp__range.sp__range-info input[type=range]::-webkit-slider-thumb {
	background-color: #5bc0de
}

.sp__range.sp__range-info input[type=range]::-moz-slider-thumb {
	background-color: #5bc0de
}

.sp__range.sp__range-info output {
	background-color: #5bc0de
}

.sp__range.sp__range-info input[type=range] {
	outline-color: #5bc0de
}

.sp__range.sp__range-warning input[type=range]::-webkit-slider-thumb {
	background-color: #f0ad4e
}

.sp__range.sp__range-warning input[type=range]::-moz-slider-thumb {
	background-color: #f0ad4e
}

.sp__range.sp__range-warning output {
	background-color: #f0ad4e
}

.sp__range.sp__range-warning input[type=range] {
	outline-color: #f0ad4e
}

.sp__range.sp__range-danger input[type=range]::-webkit-slider-thumb {
	background-color: #d9534f
}

.sp__range.sp__range-danger input[type=range]::-moz-slider-thumb {
	background-color: #d9534f
}

.sp__range.sp__range-danger output {
	background-color: #d9534f
}

.sp__range.sp__range-danger input[type=range] {
	outline-color: #d9534f
}

.async-hide {
	opacity: 0 !important
}

.slide-toggle {
	max-width: 700px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative
}

.slide-toggle--special .progress-bar__inner {
	transition: all 5s ease-in-out
}

.slide-toggle--special.collapsed .slide-toggle__toggle {
	color: #666
}

.slide-toggle--special.collapsed .progress-bar__inner {
	transition: all .2s ease-in
}

.slide-toggle--special.clicked .progress-bar__inner {
	transition: all .2s ease-out
}

.slide-toggle__header {
	justify-content: space-between;
	align-items: center;
	display: flex;
	padding: 15px 30px 0 50px;
	position: relative;
	background: none
}

.slide-toggle__toggle {
	font-size: 24px;
	border: none !important;
	outline: none !important;
	color: #333;
	font-weight: 400
}

.slide-toggle__box-inner {
	padding: 5px 30px 15px 50px;
	justify-content: center;
	align-items: center;
	line-height: 1.5
}

.slide-toggle__box-inner p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #666;
	line-height: 1.56
}

.slide-toggle__box-inner button {
	margin: 1rem auto 0;
	display: block
}

.state-values {
	border-top: 1px solid #08bdbd;
	padding: 1rem;
	font-weight: 300
}

.state-values span:first-of-type {
	display: inline-block;
	min-width: 8rem
}

.progress-bar {
	z-index: 111;
	width: 4px;
	background: #adcaf5
}

.progress-bar,
.progress-bar__inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}

.progress-bar__inner {
	width: 100%;
	will-change: transform;
	background: #0569ff;
	transform-origin: 0 0
}

.img__img__bg {
	transform: rotate(-72deg) scale(1.2);
	margin-top: -45px;
	right: -50px
}

.img__img {
	transition: all 1.5s
}

.slide-toggle.expanded {
	background: #fff;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.slider_btn img {
	width: 20px;
	height: auto
}

.preference_switchbtn span {
	width: 36px;
	height: 15px;
	background: #ccc;
	border-radius: 30px
}

.preference_switchbtn span:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	top: 1.4px;
	left: 2px;
	transition: .3s;
	border: 1px solid #e5e7eb
}

.preference_switchbtn input:checked~span {
	background: #000;
	transition: .3s
}

.preference_switchbtn input:checked~span:before {
	transform: translate(20px);
	transition: .3s
}

.preferenceSettings {
	max-width: 200px
}

.custom_select {
	color: #000;
	padding: 0 10px;
	box-sizing: border-box;
	height: 35px;
	line-height: 32px;
	border-radius: 0;
	border: 1px solid #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: "";
	background: url(/resources/images/icons/select_down_arrow.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
	text-align: left;
	outline: 0 !important;
	box-shadow: none !important;
	min-width: 230px;
	display: block;
	cursor: pointer
}

.header_bg,
.price_bg {
	background: #eef5ff !important
}

.lambda_web {
	background: #b3e6ff !important
}

.product__name {
	font-weight: 100
}

.product_des {
	font-weight: 200
}

@media (min-width:1700px) {
	.pricing_main {
		max-width: 1616px
	}
}

@media (min-width:993px) and (max-width:1199px) {
	#each_product #product_header h2 {
		font-size: 20px
	}

	#each_product .custom_select {
		min-width: 200px
	}

	#each_product #price_product span {
		font-size: 10px
	}

	#each_product #price_product h3 {
		font-size: 20px
	}

	.product_caption {
		font-size: 14px
	}

	#right_side_products .pricing_side_img {
		width: 320px
	}

	.Visual_Regression_dropdown {
		width: 230px
	}

	#monthly_annual_div h1 {
		line-height: 1;
		font-size: 40px
	}

	.sidebar_list_content {
		width: 100%
	}

	.features_list span {
		font-size: 14px
	}

	.manual_class,
	.web_class {
		height: 470px
	}

	.TAS_class {
		height: 350px
	}
}

@media (min-width:1200px) and (max-width:1699px) {

	.manual_class,
	.web_class {
		height: 400px !important
	}

	.TAS_class {
		height: 350px
	}

	.features_list span {
		font-size: 13px
	}

	.product__name {
		font-size: 23px;
		width: 290px
	}

	.product_des {
		font-size: 60px
	}

	.sidebar_list_content {
		width: 100%
	}

	#right_side {
		padding-top: 10px
	}

	.custom_pricing {
		margin-bottom: 10px
	}

	.custom_pricing span {
		margin-top: 10px
	}
}

#customer-box,
#customer-box .langlearn.active {
	box-shadow: 4px 4px 23px 0 #f2f7ff;
	border: 1px solid #e5e7eb
}

.customer_absolute {
	position: absolute;
	right: 25px;
	top: 65%
}

#customer-box .carousel-button-group .carousel-button-next,
#customer-box .carousel-button-group .carousel-button-prev {
	background: transparent !important;
	width: auto;
	height: auto;
	border-radius: 50%;
	color: #404040 !important;
	float: none;
	position: absolute;
	outline: none !important;
	text-align: center;
	line-height: 1.2;
	font-size: 64px;
	top: 10px;
	cursor: pointer;
	pointer-events: auto
}

.langlearn {
	width: 224px
}

.langlearn.active {
	font-size: 36px;
	border-radius: 8px;
	font-weight: 700
}

.language_main .language_box a {
	border-radius: 10px;
	box-shadow: 4px 4px 0 0 rgba(226, 230, 241, .25);
	border: 1px solid #f1f4f6;
	display: inline-block;
	padding: 20px 25px;
	background-color: #fff;
	width: 172px;
	height: 109px;
	display: flex;
	justify-content: center;
	align-items: center
}

.language_main .language_box a img {
	width: auto;
	height: 45px
}

.trynow_img {
	position: absolute;
	right: 8%;
	bottom: 60%
}

.trynow_form .tick-list li:after {
	position: absolute;
	width: 27px;
	height: 16px;
	left: -4px;
	top: 8px;
	content: "";
	background: url(/resources/images/graytick.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.trynow_form>form>input {
	border-radius: 5px;
	border: 1px solid #b9b9b9;
	background: #f4f4f4
}

.trynow_form>form>button {
	border-radius: 5px;
	margin-left: 20px;
	background-color: #333;
	border: 2px solid #333
}

.feature_header {
	position: -webkit-sticky;
	position: sticky;
	top: 62px;
	z-index: 10;
	background: #fff;
	box-shadow: 0 7px 6px rgb(0 0 0/11%)
}

.feature_header .nav-link,
.feature_header a {
	position: relative
}

.feature_header .nav-link:after,
.feature_header a:after {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: #333;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s
}

.feature_header a.active:after,
.feature_header a:hover:after {
	width: 85%
}

.feature_header_items .nav-link a.active:after,
.feature_header_items a.active:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #333;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s
}

.feature_header a.active {
	font-weight: 500
}

.tas_build_bg {
	background: rgba(237, 236, 255, .1)
}

.TAS_reason {
	font-size: 16px !important
}

.TAS_Col,
.TAS_reason {
	font-weight: 400 !important
}

.TAS_Col {
	color: #5a5a5a !important;
	font-size: 32px !important;
	margin-bottom: 20px !important
}

.TAS_Col_desc {
	color: #707070 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	letter-spacing: .05em
}

.tas__intro .container {
	width: 100%;
	max-width: 100%
}

.tas_build.bg-gray-800 {
	background: rgba(237, 236, 255, .1);
	border: none
}

.custom_g_border {
	background: linear-gradient(0deg, #f7618b, #2a7aff)
}

.browser_dot {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px
}

.browsertab .active {
	background: #333;
	color: #fff
}

.browser_support:nth-child(4n+1) div.can_text,
.browser_support:nth-child(4n+2) div.can_text {
	background: #f4f4f4
}

.CBT_search input {
	background-image: url(/_next/static/media/carbon_search.22f9beec.svg);
	background-repeat: no-repeat;
	background-position: 22px 16px
}

.header.CBT_arrow_right {
	border: solid #000;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2.5px;
	margin-bottom: 1px;
	margin-left: 8px;
	margin-right: 10px;
	transform: rotate(316deg);
	-webkit-transform: rotate(316deg)
}

.CBT_breadcrumb li:last-child a {
	cursor: inherit;
	pointer-events: none;
	color: #666
}

.CBT_chart {
	top: -100px
}

.CBT_circularbar {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.CBT_featuretab ul {
	border-bottom: 1px solid #e1e9ec
}

.CBT_featuretab li.active,
.CBT_featuretab li:hover {
	border-bottom: 2px solid #0569ff;
	color: #0569ff;
	z-index: 999
}

.cbt_robot {
	position: absolute;
	top: -80px
}

.cbt_robott {
	position: absolute;
	top: 30px
}

.CBT_dot {
	height: 10px;
	width: 10px;
	background-color: #333;
	border-radius: 50%;
	display: inline-block
}

.css_accordian>.accordion_item>.accordion_header {
	padding: 0 35px
}

.css_accordian>.accordion_item>.accordion_header:after {
	position: absolute;
	content: "";
	right: 38px;
	top: 23px;
	background-size: 100% 100%;
	width: 15px;
	height: 15px;
	background-image: url(/_next/static/media/down_arrow.63206229.svg)
}

.css_accordian>.accordion_item.active>.accordion_header:after {
	background-image: url(/_next/static/media/up_arrow.10b21419.svg);
	top: 25px;
	content: ""
}

.css_accordian>.accordion_item.active>.accordion_header {
	background: #f1f6ff
}

.css_accordian>.accordion_item.active {
	box-shadow: none;
	border-radius: 0
}

.css_accordian>.accordion_item>.accordion_body {
	background: transparent;
	padding: 15px 50px 15px 35px
}

.score__value {
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%)
}

.score__tooltip {
	position: absolute;
	right: -28px
}

.score_tooltip_content {
	min-width: 265px;
	max-width: 300px
}

.css_accordian>.accordion_item>.accordion_header:hover {
	text-decoration: none
}

.chrome__bg {
	position: absolute;
	top: -112px;
	width: 93%
}

@media (min-width:1024px) {
	.browser_support:nth-child(odd) {
		padding-right: 35px
	}

	.browser_support:nth-child(2n) {
		padding-left: 35px
	}

	.cbt__score {
		position: relative;
		top: -65px
	}
}

.code__bg {
	background: #001433
}

.code__bg__head {
	background: #071f44
}

.code__bg p {
	color: #b0bcce;
	font-family: monospace
}

.dynamic_lt img {
	width: 60%
}

.dynamic_lt img,
.Viewport_img img {
	margin: auto;
	transform: none !important
}

.Viewport_img img {
	width: 30%
}

.lt_dyanmic_video {
	transform: scale(1.3)
}

.bdd_register {
	background-image: linear-gradient(107deg, #d73a92 3%, #ae0cd2 106%)
}

@media (max-width:1024px) {
	.lt_dyanmic_video {
		transform: none
	}

	.dynamic_free_lt {
		display: none
	}
}

@media (max-width:767px) {
	.selenium__title {
		line-height: 1.5
	}

	.langlearn.active {
		font-size: 14px;
		padding: 10px
	}

	.language_main .language_box a {
		width: 120px;
		height: 70px;
		padding: 10px 15px;
		margin-right: 5px;
		margin-top: 5px
	}

	.selenium__title {
		font-size: 30px !important
	}

	.browser_dot {
		height: 10px;
		width: 10px
	}

	.ltbs_bs,
	.ltbs_lt {
		width: 100%;
		display: block
	}
}

@media (min-width:768px) and (max-width:1200px) {
	.langlearn.active {
		font-size: 16px;
		padding: 10px
	}

	.language_main .language_box a {
		width: 120px;
		height: 70px;
		padding: 10px 15px;
		margin-right: 5px;
		margin-top: 5px
	}

	.language_box {
		justify-content: center
	}

	.slide-toggle__box-inner p,
	.slide-toggle__toggle,
	.slider_btn a {
		font-size: 14px
	}

	.slide-toggle__box-inner,
	.slide-toggle__header {
		padding: 20px 20px 0
	}

	.customer_absolute {
		display: none
	}

	.trynow_form>form>button {
		padding: 0 10px;
		margin-left: 10px
	}

	.section_image img {
		transform: none !important
	}

	.es__main .carousel-button-group {
		top: 8% !important
	}
}

.section_image img {
	transform: scale(1.2)
}

.accordian_list_selenium {
	max-width: none !important;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap
}

.accordian_list_selenium .accordion_item {
	border-top: 1px solid #c4c4c4;
	width: 48%
}

.accordian_list_selenium .accordion_item:nth-child(odd) {
	margin-right: 8px
}

.accordian_list_selenium .accordion_item:nth-child(2n) {
	margin-left: 8px
}

.accordian_list_selenium>.accordion_item>.accordion_header {
	font-size: 20px;
	font-weight: 400;
	color: #333
}

.accordian_list_selenium>.accordion_item.active {
	box-shadow: none;
	border-radius: 0
}

.accordian_list_selenium>.accordion_item>.accordion_body {
	margin: 0 25px;
	font-weight: 400;
	color: #333;
	background: #eeeff4
}

.selenium__form,
.selenium__form button,
.selenium__form input {
	display: block
}

.selenium__form button {
	border-radius: 5px;
	border-left-width: 2px;
	margin: 28px auto 0
}

.selenium__form input {
	width: 100%;
	border-radius: 5px;
	border-color: #eaeaea
}

.selenium__heading h2 {
	text-shadow: none;
	color: #333;
	font-weight: 800
}

.selenium__heading p {
	font-size: 18px;
	font-weight: 400
}

.selenium__border {
	border-top: 1px solid #dfe3ea;
	width: 100%
}

.selenium__title {
	font-size: 50px;
	font-weight: 800;
	color: #333
}

.join__images img {
	max-height: 36px;
	width: auto;
	margin: 10px auto
}

.selenium__customer__left {
	box-shadow: 4px 0 10px 0 rgba(0, 0, 0, .07);
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px
}

.selenium__customer__main {
	border: 1px solid #cdd6e5;
	border-radius: 25px
}

.selenium__customer__left .c__logo {
	background: #2a5cab;
	border-top-left-radius: 25px
}

.selenium__customer__left .c__logo img {
	height: 113px;
	width: auto;
	margin: auto
}

.selenium__customer__left .n__logo {
	background: #6ada75;
	border-top-left-radius: 25px
}

.selenium__customer__left .n__logo img {
	height: 113px;
	width: auto;
	margin: auto
}

.careerCarousel__selenium {
	max-width: 1300px
}

.case__number {
	color: #2a5cab;
	font-weight: 800
}

.case__number1 {
	color: #6ada75;
	font-weight: 800
}

.case__anchor {
	background: #2a5cab
}

.case__anchor,
.case__anchor1 {
	color: #fff;
	padding: 15px 25px;
	border-radius: 5px
}

.case__anchor1 {
	background: #6ada75
}

.c__innovative {
	background: #ffd0c6 !important
}

.c_edureka {
	background: #0575b3 !important
}

.c_emburse {
	background: #0d3068 !important
}

.c__emburse__b {
	background: #0d3068;
	color: #000;
	padding: 15px 25px;
	border-radius: 5px
}

.c_locusnine {
	background: #111edf !important
}

.case__innovative {
	color: #ffd0c6;
	font-weight: 800
}

.case__innovative__b {
	background: #ffd0c6;
	color: #000;
	padding: 15px 25px;
	border-radius: 5px
}

.carousel-button-next.next_button_selenium,
.carousel-button-prev.prev_button_selenium {
	background: #fff !important;
	box-shadow: 0 0 15px 7px hsla(0, 0%, 70%, .14) !important;
	color: #0ebac5 !important;
	width: 36px;
	height: 33px;
	font-size: 24px
}

.careerCarousel__selenium .react-multi-carousel-item {
	padding: 0 20px !important
}

.careerCarousel__selenium .carousel-button-group {
	top: 13% !important
}

.enterprise__slider {
	box-shadow: 4px 4px 23px 0 #f2f7ff;
	border: 1px solid #e5e7eb
}

.es__main .react-multi-carousel-list {
	padding-top: 100px
}

.es__main .carousel-button-group {
	top: 11%
}

.es__main .carousel-button-group .carousel-button-prev {
	position: absolute;
	right: 50px
}

.es__main .carousel-button-group .carousel-button-next,
.es__main .carousel-button-group .carousel-button-prev {
	background: #fff !important
}

.s__code .active {
	background: #eef5ff
}

.s__code .active p {
	color: #0569ff;
	width: 100%
}

.s__code p {
	margin-left: 17px
}

.s__code img {
	width: 28px;
	height: auto
}

.s__code .active span {
	float: right
}

.s__code .active .c__active,
.s__code .active span,
.s__code .c__nonactive {
	display: inline;
	display: initial
}

.s__code .active .c__nonactive,
.s__code .c__active {
	display: none
}

.selenium__integration__slider .TrustedCarousel {
	margin-top: 0
}

.selenium__integration__slider .carousel-button-group {
	bottom: auto !important
}

.selenium__integration__slider .carousel-button-next,
.selenium__integration__slider .carousel-button-prev {
	background: #fff !important;
	border-radius: 0;
	border-radius: initial;
	height: 64px;
	width: 60px;
	font-size: 28px;
	color: #0ebac5 !important
}

.selenium__integration__slider .carousel-button-next div,
.selenium__integration__slider .carousel-button-prev div {
	position: relative;
	top: 22%
}

.sel__slider .ss__para {
	height: 77px;
	display: flex;
	align-items: center;
	border: 1px solid #fff
}

.sel__slider .ss__img {
	border: 1px solid #fff
}

.sel__slider:hover .ss__para {
	border: 1px solid #e5e7eb;
	box-shadow: 1px 1px 15px 0 rgba(168, 174, 190, .25);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.sel__slider:hover .ss__img {
	box-shadow: 4px 4px 23px 0 #f2f7ff;
	border: 1px solid #e5e7eb
}

.sel__slider:hover .ss__para p {
	font-size: 22px;
	color: #333
}

.ss__btn {
	display: none !important
}

.sel__slider:hover .ss__btn {
	display: inline !important;
	display: initial !important
}

.is__box {
	background: #fff;
	box-shadow: 0 20.2148px 60.6443px rgb(16 30 54/6%);
	border-radius: 12.114px;
	width: 173px;
	height: 107px;
	margin-right: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 20px;
	transition: .2s;
	margin-bottom: 14px;
	flex-shrink: 0
}

.is__box:hover {
	-webkit-transform: translateY(-.25em);
	-ms-transform: translateY(-.25em)
}

.mb__review:hover {
	background: #0569ff
}

.mb__review:hover:before {
	display: inline;
	display: initial
}

.mb__review:hover h5,
.mb__review:hover h6,
.mb__review:hover object,
.mb__review:hover p {
	color: #fff
}

.mb__review:before {
	display: none;
	content: "";
	position: absolute;
	top: 0;
	left: -12px;
	height: 0;
	width: 0;
	border-right: 24px solid #0569ff;
	border-bottom: 24px solid transparent
}

.int__button {
	top: 50%;
	transform: translateY(-50%)
}

.selenium_framework {
	border-spacing: 6px
}

.selenium__integration__slider .react-multi-carousel-item .items {
	border: 1px solid #eaedf2;
	border-radius: 5px;
	margin: 0 10px;
	padding: 20px
}

@media(min-width:1100px) {
	.selenium__trusted p span {
		background: #fff;
		padding: 0 10%;
		position: relative;
		z-index: 5
	}

	.selenium__trusted p:before {
		content: "";
		display: block;
		border-top: 1px solid #dfe3ea;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 50%;
		z-index: 1
	}

	.selenium__main {
		max-height: 700px
	}
}

@media(min-width:1600px) {
	.selenium__main {
		max-height: 800px
	}
}

@media(max-width:1100px) {
	.accordian_list_selenium .accordion_item {
		width: 100%
	}

	.accordian_list_selenium .accordion_item:nth-child(odd) {
		margin-right: 0
	}

	.accordian_list_selenium .accordion_item:nth-child(2n) {
		margin-left: 0
	}
}

@media (min-width:1500px) and (max-width:1600px) {

	#footer .container,
	#header .container,
	.container__selenium {
		max-width: 1389px !important
	}

	.w-300 {
		width: 355px !important
	}

	.integrations_slider .silde_link {
		font-size: 18px
	}

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

@media (min-width:1400px) and (max-width:1499px) {

	#footer .container,
	#header .container,
	.container__selenium {
		max-width: 1300px !important
	}

	.w-300 {
		width: 340px !important
	}

	.ss_testing_section p,
	.tick-list li {
		font-size: 16px
	}

	.integrations_slider .silde_link {
		font-size: 18px
	}
}

@media (min-width:1300px) and (max-width:1399px) {

	#footer .container,
	#header .container,
	.container__selenium {
		max-width: 1234px !important
	}

	.w-300 {
		width: 326px !important
	}

	.ss_testing_section p {
		font-size: 16px
	}
}

@media (min-width:1200px) and (max-width:1299px) {

	#footer .container,
	#header .container,
	.container__selenium {
		max-width: 1150px !important
	}

	.w-300 {
		width: 304px !important
	}

	.ss_testing_section p {
		font-size: 14px
	}
}

@media (min-width:1300px) {

	#footer .container,
	#header .container {
		max-width: 1180px
	}
}

@media (min-width:1600px) {

	#footer .container,
	#header .container {
		max-width: 1380px
	}
}

@media (min-width:1800px) {

	#footer .container,
	#header .container {
		max-width: 1616px
	}
}

@media (min-width:2000px) {

	#footer .container,
	#header .container {
		max-width: 1780px
	}
}

@media (min-width:2300px) {

	#footer .container,
	#header .container {
		max-width: 2080px
	}
}

@media (min-width:2600px) {

	#footer .container,
	#header .container {
		max-width: 2380px
	}
}

@media (min-width:3000px) {

	#footer .container,
	#header .container {
		max-width: 2780px
	}
}

@media (min-width:1601px) and (max-width:1800px) {

	#footer .container,
	#header .container,
	.container__selenium {
		max-width: 1460px
	}

	.integrations_slider .silde_link {
		font-size: 18px
	}
}

@media (min-width:993px) and (max-width:1499px) {
	.tas_build {
		width: 100px;
		height: 100px
	}
}

.hypertest__bg {
	background-image: linear-gradient(120deg, #4cc8c8, #202033);
	color: #fff;
	background-color: #409ca1
}

.hypertest__bg h2,
.hypertest__bg p {
	color: #fff
}

.hypertest__bg a {
	color: #5cf1dc
}

.hypertest__bg img {
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 15px;
	position: relative;
	box-shadow: 0 4px 16px rgb(17 17 26/30%), 0 8px 24px rgb(17 17 26/30%), 0 16px 56px rgb(17 17 26/30%)
}

.hypertest__bg img.ht__icon {
	filter: brightness(0) invert(1);
	box-shadow: none;
	border-radius: 0;
	border-radius: initial;
	margin: initial
}

.browser__active h2 {
	background: #000;
	color: #fff
}

.browser__active h2 img {
	filter: brightness(0) invert(1)
}

.doc_black {
	filter: brightness(0)
}

.mac__white img,
.white_icon {
	filter: brightness(0) invert(1)
}

.ad__black img {
	filter: brightness(0)
}

.ad__color img {
	filter: none
}

@media (min-width:768px) {
	.browser_class {
		max-height: 720px;
		overflow: auto
	}
}

.start__page__title {
	color: #575757;
	letter-spacing: .3px;
	max-width: 520px
}

.feature__label {
	width: 170px
}

@media (min-width:1150px) {
	.header__menu .login.tas_login {
		margin-left: 30px !important
	}
}

.search_start {
	transform: scale(1.2);
	position: relative;
	right: 7%
}

.search_leftbar li a.active {
	background-color: #333 !important;
	color: #fff
}

.search_content_box .integrations_box:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 10px;
	border: 1px solid #ece3e3 !important;
	opacity: unset;
	transition: all .3s;
	z-index: -1
}

.search_content_box .integrations_box:hover:after {
	border: 1px solid #0569ff !important;
	box-shadow: 0 4px 60px rgba(186, 199, 206, .4)
}

.search_engine_Bar,
.search_engine_Bar .css-1pahdxg-control,
.search_engine_Bar .css-1s2u09g-control {
	width: 100%;
	height: 60px;
	border: #fff
}

.search_engine_Bar .css-6j8wv5-Input,
.search_engine_Bar .css-319lph-ValueContainer {
	height: 60px !important;
	padding: 2px 8px
}

.search_engine_Bar .css-14el2xx-placeholder {
	margin-left: 10px
}

@-webkit-keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0
	}

	to {
		background-position: 468px 0
	}
}

@keyframes placeHolderShimmer {
	0% {
		background-position: -468px 0
	}

	to {
		background-position: 468px 0
	}
}

.linear-background {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
	background-size: 1000px 104px;
	height: 600px;
	position: relative;
	overflow: hidden
}

.inter-right--top {
	height: 20px;
	top: 20px
}

.inter-right--bottom,
.inter-right--top {
	background: #fff;
	width: 100%;
	position: absolute
}

.inter-right--bottom {
	height: 50px;
	top: 60px
}

.search_engine_Bar .filter__menu .filter__menu-list .filter__option .element_class,
.search_engine_Bar .filter__menu .filter__menu-list .filter__option .element_method,
.search_engine_Bar .filter__menu .filter__menu-list .filter__option .element_package {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.search_engine_Bar .filter__menu .filter__menu-list .filter__option .element_class .s_class:first-letter {
	color: #317159;
	background-color: #dcf2ea;
	margin-right: 10px;
	padding: 2px 10px 5px;
	font-weight: 500;
	font-size: 12.9375px;
	border-radius: 3px
}

.search_engine_Bar .filter__menu .filter__menu-list .filter__option .element_method .s_class:first-letter {
	color: #85462b;
	background-color: #f8e3da;
	margin-right: 10px;
	padding: 2px 8px 5px;
	font-weight: 500;
	font-size: 12.9375px;
	border-radius: 3px
}

.search_engine_Bar .filter__menu .filter__menu-list .filter__option .element_package .s_class:first-letter {
	color: #f2683c;
	background-color: #fff1d9;
	margin-right: 10px;
	padding: 2px 10px 5px;
	font-weight: 500;
	font-size: 12.9375px;
	border-radius: 3px
}

.selenium_test_accordian>.accordion_item>.accordion_header:after {
	right: 0 !important
}

.selenium_test_accordian>.accordion_item.active>.accordion_header {
	background-color: #fff !important
}

.selenium_test_accordian>.accordion_item>.accordion_body {
	background: transparent;
	padding: 0 30px 15px 20px !important
}

.selenium_code_block div.gVbegF {
	padding: 20px
}

.selenium_code_block div code {
	font-size: 16px;
	line-height: 1.6
}

.selenium_code_block div code:first-child {
	padding-right: 20px !important
}

.f_screen {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	padding: 0 !important;
	right: 70px;
	bottom: 14px;
	display: none
}

.f_screen img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.selenium_code_block:hover .f_screen {
	display: inline;
	display: initial
}

.selenium_code_block .popup {
	width: 90%;
	z-index: 99999999999 !important
}

.selenium_code_block .popup .f_screen {
	background: #000;
	right: 40px;
	bottom: 70px;
	z-index: 999;
	box-shadow: 0 10px 15px -3px rgb(0 0 0/10%), 0 4px 6px -2px rgb(0 0 0/5%);
	border: 1px solid #d9dfee
}

.selenium_code_block .popup .f_screen img {
	filter: brightness(0) invert(1)
}

.selenium_code_block .popup code {
	white-space: pre-wrap;
	word-break: break-all;
	width: 80%;
	max-width: 100%;
	overflow-x: hidden !important
}

.selenium_code_block .popup code span {
	font-size: 14px
}

.selenium_code_block:hover .popup pre {
	overflow-x: hidden !important
}

.popup__code__block pre {
	height: 80vh;
	max-height: 100% !important;
	overflow: auto
}

.copy_code_snippet {
	position: absolute;
	bottom: 15px;
	right: 21px;
	display: none
}

.copy_code_done {
	position: fixed;
	top: 110px;
	right: 28px;
	z-index: 9999999 !important
}

.selenium_code_block:hover .copy_code_snippet {
	display: inline;
	display: initial
}

.selenium_code_block code {
	font-size: 14px
}

.selenium_code_block pre {
	max-height: 400px;
	overflow: hidden !important
}

.selenium_code_block .popup pre {
	padding: 30px !important;
	overflow: auto !important
}

.selenium_code_block.js_code_block pre {
	overflow: auto !important
}

.selenium_code_block pre::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.selenium_code_block pre::-webkit-scrollbar-track {
	border-radius: 10px !important
}

.selenium_code_block pre::-webkit-scrollbar-thumb {
	background: #666 !important;
	border-radius: 10px !important
}

.selenium_code_block pre::-webkit-scrollbar-thumb:hover {
	background: #000 !important
}

.code__string:not(:last-child):after {
	content: ","
}

.code__loader {
	border-radius: 50%;
	border: 5px solid #f3f3f3;
	border-top-color: #ccc;
	width: 50px;
	height: 50px;
	-webkit-animation: codespin 2s linear infinite;
	animation: codespin 2s linear infinite
}

@-webkit-keyframes codespin {
	0% {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

@keyframes codespin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@media (min-width:1100px) {
	.selenium_code_block .popup .gVbegF {
		height: 500px !important;
		overflow: auto
	}
}

@media(min-width:1024px) and (max-width:1699px) {
	.search_start {
		transform: scale(1);
		right: 4%
	}
}

@media(min-width:1700px) and (max-width:1810px) {
	.search_start {
		transform: scale(1.1)
	}
}

.ama_web {
	letter-spacing: 21px
}

.lp_acq_build div,
.lp_acq_build div img {
	text-align: left;
	margin-left: 0
}

.lp_log .logoItem img {
	width: 160px !important;
	margin-right: auto !important;
	margin-left: auto !important
}

.lp_log .carousel-button-group {
	display: none !important
}

.lp__feature .ht__icon {
	width: 90px;
	position: relative;
	left: -20px
}

.lp__feature p {
	margin-top: 0
}

.lp__feature div.flex {
	justify-content: center
}

.lp__feature div.flex p.text-size-24 {
	font-size: 20px
}

.lp__feature div.flex p.text-size-18 {
	font-size: 16px
}

.lp__form input {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding-left: 20px
}

.faq__wrapper .faq__list {
	font-size: 14px;
	border-bottom: 1px solid #d8d9de;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: .05em;
	color: #707070
}

.faq__wrapper .faq__list:first-of-type {
	border-top: 1px solid #d8d9de
}

.faq__wrapper .faq__list .faq__header {
	align-items: center;
	cursor: pointer;
	color: #1f1f1f;
	display: flex;
	justify-content: space-between
}

.bottomCta {
	width: 100%;
	z-index: 999;
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%)
}

.bottomCta_inner {
	background-image: linear-gradient(to bottom right, #fa9e61, #ffdd6a);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fba56d;
	border-radius: 10px
}

.cta__btn {
	background: #fff;
	display: inline-block;
	border: 2px solid #000;
	border-radius: 5px;
	box-shadow: 2px 2px 0 0;
	transition: .3s
}

.cta__btn:hover {
	box-shadow: 0 0 0
}

.sara__cta {
	transform: scale(1.3);
	bottom: -2px;
	left: 70px
}

.tool_heading:hover h3 {
	text-decoration: underline
}

.code__formatter code {
	color: #c7254e;
	background-color: #f9f2f4
}

.code__formatter pre code {
	color: #000;
	color: initial;
	background-color: transparent;
	background-color: initial
}

.code__formatter h2 {
	font-weight: 600;
	color: #000;
	font-size: 24px;
	margin-bottom: 20px;
	word-break: break-word
}

.code__formatter p {
	line-height: 1.5;
	margin-bottom: 20px;
	letter-spacing: .8px
}

.code__formatter blockquote {
	border-left: 5px solid gray;
	padding: 10px;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 20px
}

.code__formatter blockquote p {
	margin-bottom: 0;
	white-space: pre-wrap
}

.code__formatter pre {
	margin-bottom: 20px
}

.code__formatter ul {
	list-style: disc;
	margin-bottom: 20px;
	margin-left: 20px
}

.code__formatter pre p {
	margin-bottom: 0
}

.code__formatter pre {
	font-size: 14px;
	border: 1px solid #e1e9ec;
	border-radius: 5px;
	position: relative
}

.copy__exception+div {
	max-height: 400px
}

.copy__exception {
	position: absolute;
	bottom: 15px;
	right: 20px;
	display: none
}

.code__formatter pre:hover .copy__exception {
	display: block
}

.right__cta__signup {
	background-color: #fba56d;
	border-radius: 10px;
	background-size: cover;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(https://www.lambdatest.com/blog/wp-content/uploads/2022/03/bg__frame.png)
}

.blog__cta__banner {
	width: 78%;
	margin-left: auto;
	display: block
}

.comparison__main .comparison__open {
	display: none
}

.test_arrow_left {
	display: inline-block;
	left: 5px;
	position: relative;
	top: -2px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(225deg)
}

.comparison__main .test_arrow_left {
	transform: rotate(45deg) !important;
	top: 2px
}

.comparison__main .compare_shadow {
	padding: 0
}

.comparison__main .compare_shadow .head__shadow {
	box-shadow: 0 5px 40px rgba(216, 220, 227, .21);
	border-radius: 5px;
	padding: 12px 30px;
	display: inline-block
}

.shadow-convert {
	box-shadow: 0 5px 40px rgba(216, 220, 227, .21)
}

.open_source_form {
	top: -170px
}

@media (max-width:1099px) and (max-width:1599px) {
	.open_trust {
		margin-top: 60px
	}
}

@media (min-width:1100px) and (max-width:1599px) {
	.open_trust {
		margin-top: 400px
	}
}

.data_generate {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 90%;
	width: 90%;
	background-color: #424242;
	padding: 0
}

.data_generate .close {
	z-index: 99999;
	top: 0;
	line-height: 0px
}

.fake-data {
	max-height: 75.5vh;
	overflow: auto
}

.automation__slider button.slide-toggle__toggle {
	font-size: 22px
}

.automation__slider .slide-toggle__box-inner p,
.automation__slider a {
	font-size: 15px
}

.customer_bg {
	background: url(/resources/images/customer/case_study.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.customer_bg,
.dashlane_bg {
	display: inline-block;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	width: 100%;
	padding: 52px 0
}

.dashlane_bg {
	background: url(/resources/images/customer/Ping-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.customer__right {
	position: absolute;
	bottom: -20%;
	right: -4%
}

.customer__left {
	position: absolute;
	top: -20%;
	left: -5%
}

.cust_arrow {
	min-height: 100%;
	top: 0
}

.cust_arrow,
.cust_top_border {
	width: 1px;
	background-color: #d6d6d6;
	position: absolute;
	left: 0;
	content: ""
}

.cust_top_border {
	min-height: 83%;
	top: 200px
}

.head_side_border:before,
.head_side_border_blue:before {
	width: 10px;
	background-color: #eef5ff;
	min-height: 70%;
	position: absolute;
	left: -11.4%;
	top: 15px;
	content: ""
}

.head_side_border_blue:before {
	background: #fff !important
}

.cust__arrow {
	position: absolute;
	right: 20px;
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 22px solid #fff
}

@media (max-width:1300px) {

	.cust_arrow,
	.cust_top_border,
	.head_side_border:before,
	.head_side_border_blue:before {
		display: none
	}

	.lp_top_btn,
	.lp_top_btn a {
		display: block;
		margin: 10px 0 0;
		text-align: center
	}
}

@media (min-width:465px) and (max-width:992px) {
	.customer_bg {
		background-size: cover
	}
}

@media (min-width:993px) and (max-width:1300px) {
	.customer__left {
		top: -10%
	}

	.customer__right {
		bottom: -5%;
		right: 0
	}
}

@media (min-width:993px) and (max-width:1035px) {
	.footer_MAA {
		margin-top: 30px !important
	}
}

.browser__tab .tab_active {
	background: #000;
	color: #fff
}

.browser__tab .tab_active img {
	filter: brightness(0) invert(1)
}

.write_banner {
	top: -260px;
	right: 0;
	position: absolute
}

.community_shadow {
	box-shadow: 0 33px 51px 0 rgb(205 216 250/15%)
}

.header_community {
	background: #060d20 !important
}

.header_opensource {
	background: #0e092c !important
}

.header_community .header__logo img,
.hyperexecute_header .header__logo img {
	filter: grayscale(0) invert(1)
}

.header_community a,
.header_community button,
.hyperexecute_header a,
.hyperexecute_header button {
	color: #fff
}

.header_community .header__menu .signup,
.hyperexecute_header .header__menu .signup {
	border-color: #fff;
	background-color: #fff;
	color: #000
}

.header_community .header__menu .login,
.hyperexecute_header .header__menu .login {
	border-color: #fff
}

.header_community.header_fixed .header__logo img,
.hyperexecute_header.header_fixed .header__logo img {
	filter: grayscale(0) invert(0)
}

.header_community.header_fixed a,
.header_community.header_fixed button,
.hyperexecute_header.header_fixed a,
.hyperexecute_header.header_fixed button {
	color: #000
}

.header_community.header_fixed .header__menu .signup,
.hyperexecute_header.header_fixed .header__menu .signup {
	border-color: #000;
	background-color: #000;
	color: #fff
}

.header_community.header_fixed .header__menu .login,
.hyperexecute_header.header_fixed .header__menu .login {
	border-color: #000;
	background-color: #fff;
	color: #000
}

.header_opensource a.applynow {
	color: #000;
	transition: transform .3s
}

.header_opensource a.applynow:hover {
	transform: translateY(-4px)
}

.hyperexecute_header {
	background-color: #05010c !important
}

.header_community a.text-lambda-900,
.hyperexecute_header a.text-lambda-900 {
	color: #0ebac5
}

.content__comm {
	background: url(/resources/images/icons/fasterrr.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: 45%
}

.gradient__text {
	font-weight: 800;
	background: -webkit-linear-gradient(left, #ff10bc, #ffb501);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.book_execute:hover,
.try_execute {
	color: #000 !important
}

.book_execute,
.try_execute:hover {
	color: #fff !important
}

.company-list-left-gradient,
.company-list-right-gradient {
	width: 300px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	background: linear-gradient(90deg, #06020d 15.17%, rgba(6, 2, 13, .34) 56.43%, hsla(0, 0%, 9%, 0) 118.05%)
}

.company-list-right-gradient {
	transform: rotate(180deg);
	right: 0
}

.left-side-image {
	position: absolute;
	top: 202px;
	left: -242px
}

.right-side-image-div {
	position: absolute;
	top: 138px;
	right: -260px
}

.try-it-now-container {
	position: relative
}

.try-it-now-container:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
	padding: 3px;
	background: linear-gradient(270deg, #743ad5, #d53a9d);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude
}

.try-it-now-btn {
	background: #000;
	box-shadow: 0 4.34573px 41.2844px #422d7b;
	border-radius: 10px
}

.feature-box,
.review-box {
	background: #1c1d20;
	box-shadow: inset 0 0 19px #3c3c3c;
	border-radius: 15px
}

.hyper__faq .accordion_item {
	margin-bottom: 10px
}

.hyper__faq .accordion_item.active .accordion_body a {
	position: relative;
	z-index: 10
}

.enterprise-grade-feature,
.hyper__faq .accordion_item {
	position: relative;
	background: #1c1d20 !important;
	border-radius: 10px !important
}

.enterprise-grade-features:before,
.hyper__faq .accordion_item:before {
	background: linear-gradient(90deg, #727272, #2e2e2e);
	padding: 2px
}

.enterprise-grade-feature:before,
.hyper__faq .accordion_item:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
	padding: 2px;
	background: linear-gradient(270deg, #2e2e2e, #727272);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude
}

.try-hyperexecute-box {
	background: #1c1d20;
	box-shadow: inset 0 0 9px #3c3c3c;
	border-radius: 15px
}

.gradient-text-hyperexecute {
	background: linear-gradient(90deg, #59fecd, #37abff, #f104e8);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.try-hyperexecute-wrapper {
	background: linear-gradient(90deg, #727272, #2e2e2e);
	padding: 2px;
	border-radius: 15px;
	box-shadow: -20px -20px 8000px 30px #422d7b
}

.gradient-text-hyperexecute-seventy-per {
	background: linear-gradient(90.08deg, #ff10bc 3.71%, #ff6e30 69.52%, #ffb501 97.54%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text
}

.main-block {
	position: absolute;
	top: 60%;
	right: 2%;
	left: 10%
}

.bg-gradient-onpremise {
	box-shadow: 0 0 78px 30px #787272, 0 0 100px 203px #2125cb
}

.bg-gradient-onpremise,
.bg-gradient-privacy {
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	border-radius: 50%;
	opacity: .45;
	filter: blur(200px)
}

.bg-gradient-privacy {
	box-shadow: 0 0 78px 30px #787272, 0 0 100px 203px #bc4620
}

.bg-gradient-cicd {
	top: calc(50% - 20px);
	box-shadow: 0 0 78px 30px #787272, 0 0 100px 203px #2c3ab4;
	opacity: .45;
	filter: blur(200px)
}

.bg-gradient-cicd,
.main-block-gradient {
	position: absolute;
	left: calc(50% - 20px);
	border-radius: 50%
}

.main-block-gradient {
	top: calc(90% - 20px);
	box-shadow: 0 0 78px 30px #787272, 0 0 203px 203px #b32d90, 200px 200px 203px 203px #000;
	opacity: .55;
	filter: blur(280px)
}

.bg-gradient-try-hyperexecute {
	position: absolute;
	top: calc(50% - 100px);
	left: calc(50% - 100px);
	box-shadow: 0 0 40px 40px #2d754e;
	opacity: .55;
	width: 200px;
	height: 200px;
	background: transparent;
	border-radius: 100%
}

.bg-gradient-build,
.bg-gradient-heart {
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	border-radius: 50%;
	box-shadow: 0 0 78px 30px #4a22e0, 0 0 100px 203px #4a22e0;
	opacity: .55;
	filter: blur(200px)
}

.review-bg-gradient {
	background: linear-gradient(93.42deg, #0a1f21 30.07%, rgba(5, 1, 12, 0) 102.79%);
	height: 100%;
	width: 400px;
	position: absolute;
	left: -150px
}

.hyper__line {
	position: absolute;
	width: 3px;
	height: 300px;
	left: 75%;
	top: -194px;
	transform: translateX(-75%);
	background-color: #0ebac5
}

.hyper__faq .accordian_list>.accordion_item>.accordion_header {
	font-weight: 400;
	color: #d2d2d2 !important;
	font-size: 20px !important
}

.hyper__faq .accordian_list>.accordion_item.active>.accordion_header {
	color: #fff !important
}

.hyper__faq .accordian_list>.accordion_item>.accordion_body {
	background-color: #1c1d20;
	color: #c7c7c7 !important;
	font-size: 18px !important;
	font-weight: 400
}

.hyper_connection:after {
	right: 48.6%;
	bottom: -200px
}

.active__hyper span {
	color: #fff;
	padding: 10px;
	font-weight: 600
}

.active__hyper {
	border-bottom: 2px solid #fff
}

.deactive__hyper span {
	display: flex;
	align-items: center;
	color: #aaa;
	padding: 10px;
	border-bottom: 2px solid transparent
}

.hyper_coming {
	position: relative;
	z-index: 1
}

.hyper_coming:before {
	border-top: 1px solid #626365;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 55%;
	z-index: -1
}

.hyper_coming span {
	font-weight: 400;
	background: #1c1d20;
	padding: 0 15px
}

.hyper__absolute {
	top: -40px
}

.hyper__absolute,
.hyper_logo {
	left: 50%;
	transform: translateX(-50%)
}

.hyper_logo {
	top: 110px
}

.deactive__hyper:last-child {
	display: none
}

.hyper_framewrk .accordion_header {
	display: flex !important;
	color: #fff !important
}

.hyper_framewrk>.accordion_item>.accordion_body {
	background: transparent;
	padding: 0
}

.hyper_framewrk>.accordion_item>.accordion_header:after {
	content: "⌄";
	color: #fff !important
}

.hyper_framewrk>.accordion_item.active>.accordion_header:after {
	content: "⌃" !important;
	font-size: 16px;
	top: 25px
}

.opens_img {
	top: -30px
}

.hype_first_sec {
	top: -50px
}

.hyper-premise,
.hyper_love {
	top: 50%;
	transform: translateY(-50%)
}

.hyper_love {
	width: 35%
}

.builds_img {
	width: 80%;
	top: -40%;
	margin: auto
}

.builds_img,
.hype_main_banner {
	left: 50%;
	transform: translateX(-50%)
}

.hype_main_banner {
	top: -8%
}

.hype__vdo {
	transform: scale(1.2)
}

.hyper_connection:after {
	width: 3px;
	content: "";
	height: 200px;
	position: absolute;
	left: 51.1%;
	bottom: -130px;
	transform: translateX(-50%);
	background-color: #03e1c8
}

.revie_hyper .react-multi-carousel-track li>div img {
	margin: 0 10px 0 0 !important
}

.hyperfaq_left {
	position: -webkit-sticky;
	position: sticky;
	top: 100px
}

.hcta_bottom {
	background: linear-gradient(90deg, #ff5456, #ffb501)
}

#lp_register {
	padding: 0 !important
}

@media(min-width:768px) and (max-width:1100px) {
	.hyper_logo {
		top: 60px
	}
}

@media(min-width:768px) and (max-width:992px) {
	.builds_img {
		top: -90%
	}
}

@media(max-width:768px) {
	.hyper__faq .accordion_item:before {
		display: none
	}

	.hyper__faq .accordion_item {
		margin-bottom: 0
	}

	.hyper-premise {
		bottom: -50px;
		top: auto;
		transform: scale(1.3)
	}

	.hyper_caorusel {
		top: -70px
	}

	.hyper_logo {
		top: 60px
	}
}

@media(max-width:767px) {
	.hyper-premise {
		bottom: -14%;
		top: auto;
		transform: scale(1.1)
	}

	.builds_img {
		width: 100%;
		top: 0;
		margin: auto;
		left: 50%;
		transform: translateX(-50%)
	}

	.opens_img {
		top: 65%
	}

	.hype_main_banner {
		top: 7%
	}

	.hyper__faq .accordian_list>.accordion_item>.accordion_header {
		font-size: 16px !important
	}

	.hyper__faq .accordian_list>.accordion_item>.accordion_body {
		font-size: 14px !important
	}

	.feature-box {
		padding: 30px
	}
}

@media(max-width:1300px) {
	.hyper__content {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.hyper_connection:after {
		height: 400px;
		bottom: -350px;
		width: 2px
	}
}

@media(min-width:1100px) and (max-width:1499px) {
	.banner__comm {
		background-size: 100% 100%
	}
}

@media(min-width:768px) {
	.he_cta {
		top: 50%;
		transform: translateY(-50%)
	}

	.company-list-left-gradient,
	.company-list-right-gradient,
	.hyper_caorusel {
		top: -60px
	}

	.hype_main_banner {
		top: 0
	}

	.hyper__absolute {
		top: -50px;
		left: 50%;
		transform: translateX(-50%)
	}
}

@media(min-width:992px) {
	.hype_sec {
		top: -76px
	}

	.hyper_review p {
		font-size: 22px
	}

	.hype_main_banner {
		top: -6%
	}
}

@media(min-width:1050px) {
	.deactive__hyper:last-child {
		display: inline;
		display: initial
	}
}

@media(min-width:1200px) {
	.hype_sec {
		top: -65px
	}

	.hype_main_banner {
		top: -10%
	}
}

@media(min-width:1400px) {
	.hyper_connection:after {
		width: 2px;
		left: 51.2%
	}

	.builds_img {
		top: -86%
	}

	.opens_img {
		top: -35%
	}

	.content__comm {
		background-position-y: 41% !important
	}
}

@media(min-width:1500px) {

	.company-list-left-gradient,
	.company-list-right-gradient,
	.hyper_caorusel {
		top: -120px
	}

	.hype_sec {
		top: -50px
	}

	.hyper_review p {
		font-size: 24px
	}

	.hyper_connection:after {
		width: 3px;
		left: 51.1%
	}

	.opens_img {
		top: -30px
	}

	.builds_img {
		top: -40%
	}

	.hype_main_banner {
		top: -9%
	}

	.hyper-premise {
		right: 0
	}

	.content__comm {
		background-position-y: 35% !important
	}

	.banner__comm {
		background-position-y: -100px
	}
}

@media(min-width:1600px) {
	.hype_sec {
		top: 0
	}

	.hyper-premise {
		right: -7%
	}

	.content__comm {
		background-position-y: 25% !important
	}
}

@media(min-width:1800px) {

	.company-list-left-gradient,
	.company-list-right-gradient,
	.hyper_caorusel {
		top: -50px;
		z-index: 99999
	}
}

@media(max-width:992px) {

	.global-dark-mode .nav-link,
	.header_community a,
	.header_community a.nav-link,
	.header_community button,
	.hyperexecute_header a,
	.hyperexecute_header a.nav-link,
	.hyperexecute_header button.menu-item {
		color: #333 !important
	}

	.global-dark-mode .nav-link.login,
	.header_community .header__menu .login,
	.hyperexecute_header .header__menu .login {
		border-color: #000 !important
	}

	.global-dark-mode .signup,
	.header_community .header__menu .signup,
	.hyperexecute_header .header__menu .signup {
		background-color: #000 !important;
		color: #fff !important
	}
}

.lp_tick:after {
	width: 15px;
	height: 15px;
	background: url(/resources/images/icons/arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.lp_tick:after,
.lpswitch_tick:after {
	position: absolute;
	left: 0;
	top: 5px;
	content: ""
}

.lpswitch_tick:after {
	width: 18px;
	height: 18px;
	background: url(/resources/images/lp/tick.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.lp_carousel .carousel-button-group .carousel-button-next,
.lp_carousel .carousel-button-group .carousel-button-prev {
	color: #3d3d3d !important;
	background: #fff !important;
	width: 40px;
	height: 40px;
	font-size: 30px
}

.lp_carousel .react-multi-carousel-dot--active button {
	background: #001e6c !important
}

.lp_carousel .react-multi-carousel-dot button {
	border: none !important;
	background: #c2daff
}

.lp_carousel .carousel-button-group {
	bottom: 50%
}

.rev_sec img {
	width: 80%
}

.t_scroll {
	overflow-x: auto
}

.compare_table table td:nth-of-type(2n),
.compare_table table th:nth-of-type(2n) {
	background: #f0fff6
}

.compare_table table {
	border-radius: 5px;
	border: none;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	background-color: #fff
}

.compare_table table tr:not(:last-child) {
	border-bottom: .750042px solid #f1f1f1
}

.compare_table table td,
.compare_table table th {
	padding: 28px 20px
}

.compare_table table th {
	text-align: left
}

.compare_table table td:nth-child(n):not(:first-child) {
	text-align: center
}

.feature_col {
	font-weight: 500;
	font-size: 18.001px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 2.25013px;
	text-transform: uppercase;
	color: #666
}

.compare_table table tr td {
	font-weight: 500;
	font-size: 18.001px;
	color: #333
}

.compare_table table tr:hover {
	box-shadow: 0 0 37.5021px rgba(216, 220, 227, .5);
	cursor: pointer
}

.lambda_tab li.active:after,
.lambda_tab li:hover:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #333;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s
}

.lambda_tab li.active {
	color: #333
}

.exclusive_badge {
	position: absolute;
	top: 10px
}

.lp_switch {
	box-shadow: none !important
}

.filter__indicators {
	display: none !important
}

video {
	border: none !important
}

@media (max-width:767px) {

	.compare_table table tr td,
	.feature_col {
		font-size: 14px
	}

	.compare_table table td,
	.compare_table table th {
		padding: 20px 10px
	}

	.tools_switch .slider {
		top: 0 !important
	}

	.tools_boxes ul li {
		display: block
	}

	.infographic_blog .blog_main_img {
		width: 100%;
		height: auto !important
	}

	.infographic_blog {
		transition: none
	}

	.code__string {
		word-break: break-all;
		font-size: 16px
	}

	.code__string,
	.webtech_ref ul li {
		margin: 15px !important
	}
}

.code__string,
.webtech_ref ul li {
	margin: 6px
}

.hub_table table,
.hub_table td,
.hub_table th {
	border: 1px solid #000;
	padding: 10px
}

.hub_table th {
	background: #add8e6
}

.hub_table table {
	border-collapse: collapse;
	caption-side: bottom
}

.global-dark-mode {
	background-color: #131415
}

h1.tools_head {
	color: #000
}

.global-dark-mode h1.tools_head {
	color: #fff !important
}

.global-dark-mode h1.tools_head span,
h1.tools_head span {
	background: linear-gradient(90.31deg, #fd566f 57.49%, #e239d4 79.98%, #9718e8 99.83%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.global-dark-mode.tool_header button,
.global-dark-mode a.nav-link,
.global-dark-mode h1,
.global-dark-mode h2,
.global-dark-mode h3,
.global-dark-mode p {
	color: #fff
}

.global-dark-mode .dropdowm-section h2,
.global-dark-mode .dropdowm-section h3,
.global-dark-mode .dropdowm-section p {
	color: #000;
	color: initial
}

.global-dark-mode .dropdown-menu .developer_logo li h3 {
	color: #000 !important
}

.global-dark-mode .demo_btn {
	border-color: #fff
}

.global-dark-mode .signup {
	background-color: #fff;
	color: #000;
	border: 1px solid #fff
}

.global-dark-mode .signup:hover {
	background-color: transparent !important;
	color: #fff
}

.global-dark-mode .tools_boxes .integrations_box {
	border: none;
	background-color: #181820;
	border-radius: 10px
}

.global-dark-mode h1 span {
	background: linear-gradient(90deg, #ffc418 0, #f26021);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.left_tools ul li {
	margin-bottom: 10px
}

.left_tools_inner ul li,
.left_tools ul li a {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, transparent, transparent);
	background-clip: padding-box, border-box;
	background-origin: border-box;
	box-sizing: content-box;
	border-left-width: 5px;
	border-style: solid;
	border-radius: 5px;
	-o-border-image: linear-gradient(to right bottom, transparent, transparent);
	border-image: linear-gradient(to right bottom, transparent, transparent);
	border-image-slice: 1
}

.left_tools_inner ul li:hover,
.left_tools ul li a:hover,
.leftSidebarIntegrations .left_tools li a.active {
	-o-border-image: linear-gradient(#f74f89, #9b1ae8) 0 100%;
	border-image: linear-gradient(#f74f89, #9b1ae8) 0 100%;
	color: #000;
	background-image: linear-gradient(#f9f9f9, #f9f9f9), linear-gradient(90deg, grey, #000)
}

.global-dark-mode .left_tools_inner ul li,
.global-dark-mode .left_tools ul li a {
	background-image: linear-gradient(#181820, #181820), linear-gradient(90deg, transparent, transparent);
	color: #fff
}

.global-dark-mode .CBT_breadcrumb li a {
	color: #fff
}

.global-dark-mode .left_tools_inner ul li:hover,
.global-dark-mode .left_tools ul li a:hover,
.global-dark-mode .leftSidebarIntegrations .left_tools li a.active {
	-o-border-image: linear-gradient(#f74f89, #9b1ae8) 0 100%;
	border-image: linear-gradient(#f74f89, #9b1ae8) 0 100%;
	color: #fff;
	background-image: linear-gradient(#393949, #393949), linear-gradient(90deg, grey, #000)
}

.global-dark-mode .tools_icons {
	filter: brightness(1);
	display: inline-block;
	margin-right: 10px
}

.tools_icons {
	filter: brightness(0);
	display: inline-block;
	margin-right: 10px
}

.global-dark-mode .left_tools {
	background-color: #181820;
	border-color: #181820
}

.left_tools {
	border: 1px solid #f2f2f2;
	-webkit-backdrop-filter: blur(150px);
	backdrop-filter: blur(150px);
	border-radius: 10px
}

.global-dark-mode .tool_heading {
	background: #181820 !important
}

.tool__bottom {
	background-color: #1e1a33
}

.global-dark-mode .tool__bottom {
	background-color: #f8ffe9
}

.global-dark-mode .tool__bottom a,
.global-dark-mode .tool__bottom h2,
.global-dark-mode .tool__bottom p,
.global-dark-mode .tool__bottom ul li {
	color: #000
}

.global-dark-mode .tool__bottom a.bg-white {
	background: #000;
	color: #fff
}

.global-dark-mode .tool__bottom a.bg-white img {
	filter: brightness(0) invert(1)
}

.global-dark-mode .tool__bottom img {
	filter: brightness(0) invert(0)
}

.tools_dark_content h2 {
	font-size: 20px;
	font-weight: 500
}

.tools_dark_content h4 {
	font-size: 18px;
	font-weight: 500;
	color: #000
}

.tools_dark_content button.tools_btn_dark,
.tools_dark_content input.tools_btn_dark_input,
.tools_dark_content p.tools_btn_dark,
.tools_dark_content select {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	border: 1px solid #000;
	background: transparent
}

.tools_dark_content button.tools_btn_dark:hover,
.tools_dark_content input.tools_btn_dark_input:hover,
.tools_dark_content p.tools_btn_dark:hover {
	color: #fff;
	background: #000
}

.global-dark-mode .tools_dark_content button.tools_btn_dark,
.global-dark-mode .tools_dark_content input.tools_btn_dark_input,
.global-dark-mode .tools_dark_content p.tools_btn_dark,
.global-dark-mode .tools_dark_content select {
	color: #fff;
	background: transparent;
	border-color: #fff
}

.global-dark-mode .tools_dark_content button.tools_btn_dark:hover,
.global-dark-mode .tools_dark_content input.tools_btn_dark_input:hover,
.global-dark-mode .tools_dark_content p.tools_btn_dark:hover {
	color: #000;
	background: #fff
}

.global-dark-mode .tools_dark_content h4 {
	color: #fff
}

.tools_dark_content p {
	font-size: 14px;
	font-weight: 400
}

.tools_dark_content input,
.tools_dark_content textarea {
	border: 1px solid #eae7e7;
	-webkit-backdrop-filter: blur(150px);
	backdrop-filter: blur(150px);
	border-radius: 10px
}

.global-dark-mode .tools_dark_content input,
.global-dark-mode .tools_dark_content textarea {
	color: #fff;
	border: 1px solid #181820;
	-webkit-backdrop-filter: blur(150px);
	backdrop-filter: blur(150px);
	border-radius: 10px;
	background-color: #181820
}

.global-dark-mode .global-dark-mode.header_fixed .tools_logo img {
	filter: brightness(0) invert(0)
}

.tools_btn span {
	transition: font-size .2s
}

.tools_btn:hover span {
	font-size: 15px
}

.tools_btn span:after {
	display: block;
	content: "";
	border-bottom: 1px solid #fff;
	transform: scaleX(0);
	transition: transform .25s ease-in-out
}

.tools_btn span:hover:after {
	transform: scaleX(1)
}

.tools_btn span:after {
	transform-origin: 0 50%
}

.global-dark-mode .tools_btn span:after {
	border-bottom: 1px solid #000
}

.tool-btn {
	border: none;
	text-align: center;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	position: relative;
	background-color: #fff
}

.tool-btn:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 3px;
	padding: 3px;
	background: linear-gradient(270deg, #743ad5, #d53a9d);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude
}

.tool-btn:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 490%;
	width: 140%;
	border-radius: 50%;
	background-image: linear-gradient(90deg, #743ad5, #d53a9d);
	transition: all .3s ease-in-out;
	transform: translateX(-105%) translateY(-25%) rotate(45deg)
}

.tool-btn:hover:after {
	transform: translateX(-9%) translateY(-25%) rotate(45deg)
}

.tool-btn:hover span {
	color: #fff
}

.tool-btn:hover .tools-dash {
	right: 29px;
	top: 5.5px;
	position: absolute;
	color: #fff
}

.tool-btn:hover .tools-dashh {
	right: 29px;
	top: 3.5px;
	position: absolute;
	color: #fff
}

.tools-dash,
.tools-dashh {
	right: 15px;
	position: absolute
}

.tool-btn:hover .tools-arrow {
	color: #fff
}

.tool_top_banner .tool-btn {
	background-color: transparent;
	color: #fff
}

.global-dark-mode .tool_top_banner .tools_btn span:after {
	border-bottom: 1px solid #fff
}

.global-dark-mode .tools_boxes .tool_heading {
	border: 1px solid #181820;
	box-shadow: none
}

.tools_boxes .tool_heading:hover h3 {
	text-decoration: none !important;
	background: -webkit-linear-gradient(left, #ff10bc, #ffb501);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent !important;
	text-shadow: none
}

.tools_boxes .tool_heading {
	position: relative;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #f2f2f2;
	box-shadow: 5px 5px 10px rgba(229, 233, 246, .25);
	border-radius: 10px;
	background-clip: padding-box
}

.tools_boxes .tool_heading:hover:before {
	display: block
}

.tools_boxes .tool_heading:before {
	display: none;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin-left: -3px;
	border-radius: inherit;
	background: linear-gradient(180deg, #fd566f, #9718e8)
}

.tools_boxes .integrations_box {
	border: none
}

.tools_boxes .integrations_box:after {
	display: none
}

.tools_search {
	filter: brightness(0);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px
}

.tools_s_box {
	background: #fff;
	border: 1px solid #f9f9f9;
	border-radius: 73px
}

.tools_description {
	color: #535353
}

.tools_bg {
	top: -10%;
	left: 50%;
	transform: translateX(-50%)
}

.global-dark-mode+div+footer,
.global-dark-mode.tool_header {
	background-color: #131415 !important
}

.global-dark-mode+div+footer {
	border-color: #131415
}

.global-dark-mode .contact-form h2 {
	color: #000 !important
}

#header .global-dark-mode .nav-link,
.global-dark-mode+div+footer a,
.global-dark-mode+div+footer div,
.global-dark-mode+div+footer p,
.global-dark-mode .breadCrumb_main a {
	color: #fff
}

#header .global-dark-mode .nav-link.login {
	border-color: #fff
}

#header .global-dark-mode .nav-link.login:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #fff !important
}

.global-dark-mode #header.header_fixed .nav-link.login:hover {
	text-decoration: underline;
	background: transparent !important;
	color: #000 !important
}

#header .global-dark-mode .signup {
	background-color: #fff;
	color: #000
}

#header .global-dark-mode .signup:hover {
	text-decoration: underline
}

.global-dark-mode.header_fixed .nav-link {
	color: #000 !important;
	color: initial !important
}

.global-dark-mode.header_fixed .nav-link.login {
	border-color: initial !important
}

.global-dark-mode.header_fixed .signup {
	background-color: #000 !important;
	color: #fff !important
}

.global-dark-mode.header_fixed .light_logo img {
	filter: brightness(0)
}

.global-dark-mode .header.CBT_arrow_right {
	border-color: #fff
}

.tools_switch .switch {
	display: inline-block;
	height: 20px;
	position: relative;
	width: 50px
}

.tools_switch .switch input {
	display: none
}

.tools_switch .slider {
	bottom: 0;
	cursor: pointer;
	left: -10px;
	position: absolute;
	right: 0;
	top: -10px;
	transition: .1s
}

.tools_switch .slider .dark_mode_tool,
.tools_switch input:checked+.slider .light_mode_tool {
	display: block !important
}

.tools_switch .slider .light_mode_tool,
.tools_switch input:checked+.slider .dark_mode_tool {
	display: none !important
}

.share_tools:hover .share_tools_inner {
	display: block !important
}

.share_tools_inner {
	left: -200%;
	top: 30px;
	transform: translateX(-10%)
}

.global-dark-mode .share_icon {
	filter: brightness(0) invert(1)
}

.global-dark-mode .signup:hover {
	background-color: #fff
}

.global-dark-mode .login:hover {
	background-color: #fff;
	color: #000 !important
}

.global-dark-mode.header_fixed .login:hover {
	background-color: #000 !important;
	color: #fff !important
}

.info_line:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 20px;
	background: #9b9b9b;
	left: 0
}

.infographic_blog {
	transition: transform .5s
}

.infographic_blog:hover {
	box-shadow: 0 0 37.5021px rgba(216, 220, 227, .5);
	transform: scale(1.02)
}

.infographic_blog img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 270px !important
}

.related_author img {
	height: 45px !important;
	width: 45px;
	border-radius: 50%;
	margin-right: 10px
}

.blog_range img {
	height: auto !important
}

.info_right_cta,
.infographic_icon {
	position: -webkit-sticky;
	position: sticky;
	top: 130px
}

.info_right_cta h4 span {
	background: linear-gradient(90deg, #da42f3 23.58%, #5322dd 82.64%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.header_author img {
	height: 54px !important;
	width: 54px;
	border-radius: 50%;
	margin-right: 20px
}

.infographic_content p,
.infographic_content p>span {
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 30px !important;
	letter-spacing: .225px;
	color: #242424
}

.download_form {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0
}

.download_form .close {
	z-index: 99999;
	top: 25px;
	right: 40px;
	line-height: 0px;
	position: absolute
}

.download_form input {
	border: 1px solid #cdcfda;
	border-radius: 5px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 0 20px;
	letter-spacing: .2px;
	color: #999
}

.download_form input:focus {
	outline: none !important
}

.testuconf_option option {
	color: #000
}

.googleSignInBtn {
	line-height: 1px
}

.multiselect .dropdown-heading {
	font-size: 12px;
	color: #000 !important;
	border-radius: 5px;
	padding-left: 20px !important;
	padding-right: 0 !important;
	height: 45px !important
}

.multiselect .dropdown-heading .dropdowm-content {
	font-size: 12px !important
}

.multiselect .dropdown-heading span.gray {
	color: #000 !important
}

.list_browser .active a {
	background: #000;
	color: #fff
}

.list_browser .active a img {
	filter: brightness(0) invert(1)
}

.brave_img {
	filter: none !important
}

.select_arrow {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(/resources/images/icons/select_down_arrow.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
	outline: 0 !important
}

.lt_bs_vs {
	display: inline-block;
	position: relative
}

.lt_bs_vs:before {
	content: "";
	width: 1px;
	height: 200px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -53px;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 1
}

.lt_bs_vs span {
	z-index: 2;
	position: relative;
	border: 15px solid #eef5ff;
	box-sizing: content-box
}

.animate-text {
	background-image: linear-gradient(-225deg, #231557, #44107a 29%, #ff1361 67%, #fff800);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: textclip 2s linear infinite;
	animation: textclip 2s linear infinite;
	font-size: 50px
}

@-webkit-keyframes textclip {
	to {
		background-position: 200%
	}
}

@keyframes textclip {
	to {
		background-position: 200%
	}
}

@-webkit-keyframes dots {
	0% {
		width: 0
	}

	to {
		width: 15px
	}
}

@keyframes dots {
	0% {
		width: 0
	}

	to {
		width: 15px
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation: fadeIn .4s both;
	animation: fadeIn .4s both
}

.dots {
	display: inline-block;
	width: 5px;
	overflow: hidden;
	vertical-align: bottom;
	-webkit-animation: dots 1.5s linear infinite;
	animation: dots 1.5s linear infinite;
	transition: 1
}

.index_bottom_cta {
	background: #fffcde !important
}

.index_bottom_cta a.tool-btn:hover {
	background: transparent
}

.index_bottom_cta a.tool-btn:hover span {
	color: #000
}

.index_bottom_cta a.tool-btn {
	border: 1px solid #000 !important
}

.index_bottom_cta a.tool-btn:hover .tools-arrow,
.index_bottom_cta a.tool-btn:hover .tools-dash {
	filter: grayscale(0) invert(1)
}

@media (min-width:1500px) {
	.home_desc:before {
		margin-bottom: 19px
	}
}

.home_fold {
	width: 100% !important
}

.home_fold_img:after {
	content: " ";
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 40vw;
	background-color: #eef5ff;
	z-index: 0
}

.home_desc:before {
	content: "";
	display: block;
	position: relative;
	margin-bottom: 25px;
	width: 92px;
	height: 1.4px;
	background: #000
}

.banner_bg {
	background: #1e183a;
	color: #fff;
	position: relative
}

@media (max-width:992px) {

	.home_desc:before,
	.home_fold_img:after {
		display: none
	}
}

.demo_btn {
	text-align: center !important
}

.header_demo {
	background: rgba(0, 0, 0, .41);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px)
}

.header_demo .demo {
	max-width: 610px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.demo_msg {
	height: 145px !important
}

.atcb-button {
	border-color: #e1826e !important;
	background: #1a1a32 !important;
	font-weight: 400 !important;
	font-size: 15px !important;
	letter-spacing: .5px !important;
	color: #fff !important;
	position: relative;
	border-radius: 50px !important
}

.atcb-icon {
	margin-bottom: 0 !important
}

.atcb-button:hover,
.header_atcb .atcb-button:hover,
.testuconf-2022_globalmode__eSfhR .header_atcb .atcb-button:hover {
	background-color: #fff !important;
	color: #000 !important
}

.atcb-button>.atcb-icon>svg,
.testuconf-2022_globalmode__eSfhR .header_atcb .atcb-icon>svg {
	fill: #fff !important
}

.atcb-button:hover .atcb-icon>svg {
	fill: #000 !important
}

.testuconf-2022_globalmode__eSfhR .atcb-button {
	color: #000 !important;
	background-color: #fff !important;
	box-shadow: none !important
}

.testuconf-2022_globalmode__eSfhR .atcb-icon>svg {
	fill: #000 !important
}

.header_atcb .atcb-button,
.testuconf-2022_globalmode__eSfhR .header_atcb .atcb-button {
	margin: 0 0 0 20px !important;
	background-color: transparent !important;
	height: 60px !important;
	border-radius: 5px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	font-size: 16px !important;
	color: #fff !important
}

.header_atcb .atcb-button-wrapper {
	padding: 0 !important
}

.atcb_footer .atcb-button {
	position: relative !important;
	z-index: 100000000 !important
}

.testu_tabs.active {
	background: linear-gradient(90deg, #e27d71, #af36ac);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.testu_bottom_tabs {
	border-color: #e1826e !important;
	border-radius: 20px
}

.testu_bottom_tabs img {
	filter: grayscale(0) invert(1)
}

.CodeHighlighter pre {
	height: 150px;
	padding-right: 0 !important
}

.CodeHighlighter .ReactVirtualized__Grid__innerScrollContainer,
.CodeHighlighter .ReactVirtualized__List {
	overflow: scroll !important
}

.header_prog {
	background-color: #080c1e !important
}

.link__custom:hover span {
	position: relative;
	right: -3px
}

.he_enter_card div,
.he_enter_card h2,
.he_enter_card img,
.he_enter_card p {
	transition: .3s
}

.he_enter_card:hover {
	cursor: pointer
}

.he_enter_card:hover div {
	background-color: #000;
	color: #fff
}

.he_enter_card:hover h2,
.he_enter_card:hover p {
	color: #fff
}

.he_enter_card:hover img {
	filter: brightness(0) invert(1)
}

.open-source-grant input,
.open-source-grant textarea {
	border: 1px solid #cdcfda;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px
}

.open-source-grant select {
	border: 1px solid #cdcfda;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 10px
}

.que__btn {
	border: none;
	text-align: center;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	position: relative;
	background-color: #fff
}

.que__btn:hover span {
	color: #000
}

.que__btn:hover .tools-dash {
	right: 29px;
	top: -7px;
	position: absolute;
	color: #000
}

.que__btn:hover .tools-arrow {
	right: -4px;
	color: #000
}

.que_star {
	top: 5px
}

.que__search input {
	background-image: url(/_next/static/media/search-bar.abc85ff0.svg);
	background-repeat: no-repeat;
	background-position: 18px 18px
}

.que__close {
	position: absolute;
	right: 15px;
	top: 15px
}

.que__signup:hover {
	background-color: #fff
}

.que__signup:hover span {
	color: #000
}

.que__signup:hover img {
	filter: invert(0)
}

.grants_heading {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.bdd_inner,
.grants_heading {
	background-image: linear-gradient(to bottom right, #34e7c8, #4dd0f8)
}

.bdd_inner {
	background-repeat: no-repeat;
	background-size: cover;
	color: #000 !important
}

.web_live {
	background: linear-gradient(90deg, #34e7c8, #4dd0f8);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.home_play_main {
	background-color: #fff;
	width: 71px;
	height: 71px;
	left: 50%;
	z-index: 99;
	border-radius: 50%;
	border: 2px solid #0ebac5;
	box-shadow: 0 0 10px #9f8e8e
}

.home_play_main,
.home_play_main:after {
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute
}

.home_play_main:after {
	content: "";
	z-index: 999999;
	left: 55%;
	border-color: transparent transparent transparent #0ebac5;
	border-style: solid;
	border-width: 10px 0 10px 20px
}

.automate_video_modal:hover .home_play_main:after {
	border-color: transparent transparent transparent #fff
}

.automate_video_modal:hover .home_play_main {
	border-color: #0ebac5;
	background-color: #0ebac5
}

.first_fold_register {
	border: none;
	display: block;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	position: relative;
	color: #fff
}

.first_fold_register span {
	position: relative;
	z-index: 1
}

.first_fold_register:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 490%;
	width: 140%;
	background: #0ebac5;
	transition: all .5s ease-in-out;
	transform: translateX(-122%) translateY(-25%) rotate(45deg)
}

.first_fold_register:hover:after {
	transform: translateX(-9%) translateY(-25%) rotate(45deg)
}

.demo_img {
	filter: brightness(0)
}

.demo__text:hover {
	color: #0ebac5
}

.demo__text:hover .demo_img {
	filter: brightness(1)
}