body {
	margin: 0;
	overflow-x: hidden;
	font-family: var(--satoshi-r-16-font-family);
}

.content {
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 75px;
}

p {
	text-align: justify;
}

.text-wrapper,
.text-wrapper-3,
.text-wrapper-4,
.text-wrapper-17,
.text-wrapper-8,
.text-wrapper-9,
.text-wrapper-10,
.text-wrapper-12,
.text-wrapper-13,
.text-wrapper-14 {
	text-align: initial;
}

.frame {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 36px 0px;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
}

.frame-2 {
	display: inline-flex;
	align-items: center;
	gap: 64px;
	position: relative;
	flex: 0 0 auto;
	padding-left: 120px;
}

.blacklogo {
	position: relative;
	width: 115px;
	/* height: 32px; */
	/* object-fit: cover; */
}

.navbar {
	display: inline-flex;
	align-items: flex-end;
	gap: 40px;
	position: relative;
	flex: 0 0 auto;
}

.text-wrapper {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-m-16-font-family);
	font-weight: var(--satoshi-m-16-font-weight);
	color: var(--main-colorgrey);
	font-size: var(--satoshi-m-16-font-size);
	text-align: center;
	letter-spacing: var(--satoshi-m-16-letter-spacing);
	line-height: var(--satoshi-m-16-line-height);
	font-style: var(--satoshi-m-16-font-style);
}

.text-wrapper-2 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-b-16-font-family);
	font-weight: var(--satoshi-b-16-font-weight);
	color: var(--dark-blue);
	font-size: var(--satoshi-b-16-font-size);
	text-align: center;
	letter-spacing: var(--satoshi-b-16-letter-spacing);
	line-height: var(--satoshi-b-16-line-height);
	font-style: var(--satoshi-b-16-font-style);
}

.frame-3 {
	display: inline-flex;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
	padding-right: 120px;
}

.div-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 32px;
	position: relative;
	flex: 0 0 auto;
	background-color: var(--white);
	border-radius: 2px;
	border: 1.5px solid;
	border-color: var(--main-colorgrey);
}

.text-wrapper-3 {
	position: relative;
	width: fit-content;
	margin-top: -1.5px;
	font-family: var(--satoshi-m-16-font-family);
	font-weight: var(--satoshi-m-16-font-weight);
	color: var(--black);
	font-size: var(--satoshi-m-16-font-size);
	text-align: center;
	letter-spacing: var(--satoshi-m-16-letter-spacing);
	line-height: var(--satoshi-m-16-line-height);
	font-style: var(--satoshi-m-16-font-style);
}

.frame-4 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 32px;
	position: relative;
	flex: 0 0 auto;
	background-color: var(--main-colorgreen);
	border-radius: 2px;
}

.text-wrapper-4 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-m-16-font-family);
	font-weight: var(--satoshi-m-16-font-weight);
	color: var(--white);
	font-size: var(--satoshi-m-16-font-size);
	text-align: center;
	letter-spacing: var(--satoshi-m-16-letter-spacing);
	line-height: var(--satoshi-m-16-line-height);
	font-style: var(--satoshi-m-16-font-style);
}

.menu-button {
	display: none;
	flex-direction: column;
	cursor: pointer;
	padding: 10px;
	background-color: #fff;
	color: #fff;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.menu-button span {
	height: 3px;
	width: 25px;
	background-color: rgba(0, 0, 0, 0.55);
	margin: 4px 0;
	display: block;
	transition: 0.4s;
}

.menu-button.active span:nth-child(1) {
	transform: rotate(-45deg) translate(-8px, 8px);
}

.menu-button.active span:nth-child(2) {
	opacity: 0;
}

.menu-button.active span:nth-child(3) {
	transform: rotate(45deg) translate(-7px, -8px);
}

.off-canvas-menu {
	width: 250px;
	height: 100%;
	position: fixed;
	top: 77.4px;
	left: -250px;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(78, 78, 78, 0.25);
	transition: 0.4s;
	z-index: 99999;
}

.off-canvas-menu ul {
	list-style: none;
	padding: 0px 0px 0px 20px;
}

.off-canvas-menu ul li {
	margin: 15px 0;
	margin-right: 20px;
}

.off-canvas-menu ul li a {
	color: #111;
	text-decoration: none;
	display: block;
	font-family: var(--satoshi-r-18-font-family);
}

.menu-bar {
	display: none;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	color: #fff;
	position: fixed;
	width: 100%;
	height: 77px;
	z-index: 1;
	box-shadow: 0px 0px 8px 0px rgba(78, 78, 78, 0.25);
}

.logo-link {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	margin-top: 0;
}

.centered-image {
	height: 35px;
}

.frame-4-mob {
	display: block;
	padding: 12px 32px;
	position: relative;
	background-color: var(--main-colorgreen);
	border-radius: 2px;
	font-family: var(--satoshi-r-18-font-family);
	color: #fff;
	text-align: center;
}

.div-wrapper-mob {
	display: block;
	padding: 12px 32px;
	position: relative;
	background-color: var(--white);
	border-radius: 2px;
	border: 1.5px solid;
	border-color: var(--main-colorgrey);
	text-align: center;
}

.nav-link {
	text-decoration: none;
}

.modal {
	display: none;
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}

.modal-content {
	background-color: #fff;
	margin: 8% auto;
	padding: 32px;
	border-radius: 4px;
	width: 720px;
	text-align: center;
	position: relative;
}

.modal-content .header h2 {
	font-family: var(--satoshi-b-16-font-family);
}

.close {
	position: absolute;
	top: 10px;
	right: 0;
	padding: 32px;
	cursor: pointer;
	font-size: 30px;
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.text-wrapper-4 {
	cursor: pointer;
}

.modal.active {
	display: block;
}

#requestDemo {
	cursor: pointer;
}

.modal-text {
	margin-top: 0;
	margin-bottom: 0;
	font-family: var(--satoshi-m-14-font-family);
}

.input-1 {
	font-family: var(--satoshi-r-16-font-family);
	font-weight: var(--satoshi-r-16-font-weight);
	color: #7e7e7ea6;
	font-size: var(--satoshi-r-16-font-size);
	letter-spacing: var(--satoshi-r-16-letter-spacing);
	line-height: var(--satoshi-r-16-line-height);
	font-style: var(--satoshi-r-16-font-style);
	outline: none;
	width: 100%;
	border: none;
	z-index: 9999;
	background-color: transparent;
}

.input-1::placeholder {
	font-family: var(--satoshi-r-16-font-family);
	font-weight: var(--satoshi-r-16-font-weight);
	color: #7e7e7ea6;
	font-size: var(--satoshi-r-16-font-size);
	letter-spacing: var(--satoshi-r-16-letter-spacing);
	line-height: var(--satoshi-r-16-line-height);
	font-style: var(--satoshi-r-16-font-style);
}

#s-btn1,
#s-btn2 {
	margin-top: 20px;
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	width: 100%;
	border-radius: 2px;
	background: var(--Main-Color_Cyan, #02e9cd);
	background-color: var(--main-colorgreen);
	color: var(--White, #fff);
	font-family: var(--satoshi-r-16-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border: none;
}

.frame-9a {
	display: flex;
	width: 97%;
	height: 25px;
	align-items: center;
	gap: 16px;
	padding: 10px;
	position: relative;
	flex: 1;
	flex-grow: 1;
	background-color: #7e7e7e08;
	border-radius: 2px;
	border: 1px solid;
	border-color: #7e7e7e40;
	margin-top: 20px;
}

.frame-9a .img-2 {
	position: relative;
	width: 20px;
	height: 20px;
}

.frame-9a .text-wrapper-6 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-r-16-font-family);
	font-weight: var(--satoshi-r-16-font-weight);
	color: #7e7e7ea6;
	font-size: var(--satoshi-r-16-font-size);
	letter-spacing: var(--satoshi-r-16-letter-spacing);
	line-height: var(--satoshi-r-16-line-height);
	font-style: var(--satoshi-r-16-font-style);
}

.frame-10 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-self: stretch;
	width: 100%;
	position: relative;
	flex: 0 0 auto;
	margin-bottom: 48px;
}

.frame-12 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding-top: 200px;
}

.frame-13 {
	width: 100%;
	height: 296px;
	align-items: center;
	justify-content: space-between;
	padding: 0 0;
	display: flex;
	position: relative;
	background: url(img/bg-3.png);
	background-color: var(--dark-grey);
}

.frame-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 23px;
	position: relative;
	flex: 1;
	flex-grow: 1;
}

.frame-14 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 8px;
	position: relative;
	flex: 0 0 auto;
	padding-left: 120px;
}

.blacklogo-2 {
	position: relative;
	width: 143.75px;
	/* height: 40px; */
	/* object-fit: cover; */
}

.text-wrapper-17 {
	position: relative;
	width: fit-content;
	font-family: var(--satoshi-r-24-font-family);
	font-weight: var(--satoshi-r-24-font-weight);
	color: var(--black);
	font-size: var(--satoshi-r-24-font-size);
	letter-spacing: var(--satoshi-r-24-letter-spacing);
	line-height: var(--satoshi-r-24-line-height);
	font-style: var(--satoshi-r-24-font-style);
}

.frame-15 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	gap: 24px;
	position: relative;
	align-self: stretch;
	flex: 0 0 auto;
	padding-right: 120px;
}

.frame-16a {
	display: inline-flex;
	align-items: flex-start;
	gap: 23px;
	position: relative;
	flex: 0 0 auto;
	padding-right: 0;
}

.frame-16 {
	display: inline-flex;
	align-items: flex-start;
	gap: 23px;
	position: relative;
	flex: 0 0 auto;
	padding-right: 120px;
}

.img {
	position: relative;
	width: 143.75px;
	height: 40px;
	object-fit: cover;
}

.text-wrapper-7 {
	position: relative;
	width: fit-content;
	font-family: var(--satoshi-r-24-font-family);
	font-weight: var(--satoshi-r-24-font-weight);
	color: var(--black);
	font-size: var(--satoshi-r-24-font-size);
	letter-spacing: var(--satoshi-r-24-letter-spacing);
	line-height: var(--satoshi-r-24-line-height);
	font-style: var(--satoshi-r-24-font-style);
}

.google-play-badge {
	position: relative;
	width: 135px;
	height: 40px;
	object-fit: cover;
}

.download-on-the-app {
	position: relative;
	width: 119.66px;
	height: 40px;
}

.frame-17 {
	position: absolute;
	width: 1440px;
	height: 324px;
	top: -10px;
	left: 0;
}

.blacklogo-wrapper {
	position: absolute;
	width: 150px;
	height: 320px;
	top: -18px;
	left: 721px;
	background-image: url(./img/OBJECTS.png);
	background-size: 100% 100%;
}

.frame-18 {
	display: flex;
	width: 100%;
	height: auto;
	align-items: center;
	gap: 190px;
	padding: 48px 0px;
	position: relative;
	background: url(img/bg-2.png);
	background-color: var(--dark-blue);
}

.frame-19 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	align-self: stretch;
	flex: 0 0 auto;
	padding-left: 120px;
}

.frame-20 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	position: relative;
	flex: 0 0 auto;
}

.text-wrapper-8 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-b-28-font-family);
	font-weight: var(--satoshi-b-28-font-weight);
	color: var(--white);
	font-size: var(--satoshi-b-28-font-size);
	letter-spacing: var(--satoshi-b-28-letter-spacing);
	line-height: var(--satoshi-b-28-line-height);
	font-style: var(--satoshi-b-28-font-style);
}

.p {
	position: relative;
	width: 100%;
	font-family: var(--satoshi-m-18-font-family);
	font-weight: var(--satoshi-m-18-font-weight);
	color: var(--white);
	font-size: var(--satoshi-m-18-font-size);
	letter-spacing: var(--satoshi-m-18-letter-spacing);
	line-height: var(--satoshi-m-18-line-height);
	font-style: var(--satoshi-m-18-font-style);
}

.frame-21 {
	display: flex;
	width: 588px;
	height: 32px;
	align-items: center;
	justify-content: space-between;
	padding: 12px 6px 12px 24px;
	position: relative;
	background-color: var(--white);
	border-radius: 100px;
}

.text-wrapper-9 {
	position: relative;
	width: fit-content;
	font-family: var(--satoshi-r-18-font-family);
	font-weight: var(--satoshi-r-18-font-weight);
	color: var(--main-colorgrey);
	font-size: var(--satoshi-r-18-font-size);
	letter-spacing: var(--satoshi-r-18-letter-spacing);
	line-height: var(--satoshi-r-18-line-height);
	font-style: var(--satoshi-r-18-font-style);
	outline: none;
	width: 100%;
	border: none;
	z-index: 9999;
}

.submit-btn {
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}

.send-wrapper {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px;
	position: relative;
	flex: 0 0 auto;
	margin-top: -6px;
	margin-bottom: -6px;
	background-color: var(--dark-blue);
	border-radius: 100px;
}

.send {
	position: relative;
	width: 16px;
	height: 16px;
}

.element {
	position: relative;
	width: 300px;
	height: 200px;
}

.frame-22 {
	position: absolute;
	width: 100%;
	height: 302px;
	top: 0;
	left: 0;
}

.frame-23 {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	/*gap: 48px;*/
	padding: 48px 0px 16px 0px;
	position: relative;
	flex: 0 0 auto;
	background-color: #02e9cd26;
}

.frame-24 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	margin-bottom: 48px;
}

.frame-25 {
	display: flex;
	flex-direction: column;
	width: 384px;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	padding-left: 120px;
	gap: 32px;
}

.frame-26 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

.text-wrapper-10 {
	position: relative;
	width: fit-content;
	font-family: var(--satoshi-r-16-font-family);
	font-weight: var(--satoshi-r-16-font-weight);
	color: var(--black);
	font-size: var(--satoshi-r-16-font-size);
	letter-spacing: var(--satoshi-r-16-letter-spacing);
	line-height: var(--satoshi-r-16-line-height);
	font-style: var(--satoshi-r-16-font-style);
}

.text-wrapper-11 {
	position: relative;
	align-self: stretch;
	font-family: var(--satoshi-r-16-font-family);
	font-weight: var(--satoshi-r-16-font-weight);
	color: var(--black);
	font-size: var(--satoshi-r-16-font-size);
	letter-spacing: var(--satoshi-r-16-letter-spacing);
	line-height: var(--satoshi-r-16-line-height);
	font-style: var(--satoshi-r-16-font-style);
	margin: 0;
}

.frame-27 {
	display: inline-flex;
	align-items: flex-start;
	gap: 80px;
	position: relative;
	flex: 0 0 auto;
	padding-right: 120px;
}

.frame-31 {
	display: inline-flex;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
	padding-left: 120px;
}

.frame-28 {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	flex: 0 0 auto;
}

.text-wrapper-12 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-m-18-font-family);
	font-weight: var(--satoshi-m-18-font-weight);
	color: var(--black);
	font-size: var(--satoshi-m-18-font-size);
	letter-spacing: var(--satoshi-m-18-letter-spacing);
	line-height: var(--satoshi-m-18-line-height);
	font-style: var(--satoshi-m-18-font-style);
}

.text-wrapper-13 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-r-16-font-family);
	font-weight: var(--satoshi-r-16-font-weight);
	color: var(--black);
	font-size: var(--satoshi-r-16-font-size);
	letter-spacing: var(--satoshi-r-16-letter-spacing);
	line-height: var(--satoshi-r-16-line-height);
	font-style: var(--satoshi-r-16-font-style);
}

.vector-wrapper {
	position: relative;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	border: 1px solid;
	border-color: var(--black);
}

.vector {
	position: absolute;
	width: 6px;
	height: 12px;
	top: 9px;
	left: 12px;
}

.overlap-group-wrapper {
	position: relative;
	width: 32px;
	height: 32px;
}

.linkedin {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 8px;
	left: 9px;
}

.overlap-group {
	position: relative;
	height: 32px;
	border-radius: 16px;
}

.vector-2 {
	width: 12px;
	top: 10px;
	left: 10px;
	position: absolute;
	height: 12px;
}

.ellipse {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 0;
	left: 0;
	border-radius: 16px;
	border: 1px solid;
	border-color: var(--black);
}

.vector-3 {
	width: 15px;
	top: 9px;
	left: 8px;
	position: absolute;
	height: 12px;
}

.frame-29 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 24px 0px 0px;
	position: relative;
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
	/*border-top-width: 1px;*/
	/*border-top-style: solid;*/
	/*border-color: #000000;*/
}

.line {
	margin: auto;
	width: 84%;
	border: 1px solid #000000;
	border-block-end: none;
}

.text-wrapper-14 {
	position: relative;
	width: fit-content;
	margin-top: -1px;
	font-family: var(--satoshi-r-18-font-family);
	font-weight: 400;
	color: #000000;
	font-size: 16px;
	letter-spacing: 0;
	line-height: normal;
}

.text-wrapper-14.text-1 {
	padding-left: 120px;
}

.frame-30 {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 40px;
	position: relative;
	flex: 0 0 auto;
	padding-right: 120px;
}

@media (min-width: 1024px) and (max-width: 1339px) {
	.mobile {
		display: none !important;
	}

	.frame-2 {
		gap: 40px !important;
		padding-left: 45px !important;
	}

	.navbar {
		gap: 25px !important;
	}

	.frame-3 {
		padding-right: 45px !important;
	}

	.content {
		padding-left: 45px !important;
		padding-right: 45px !important;
		padding-top: 45px !important;
	}

	.frame-12 {
		padding-top: 100px !important;
	}

	.frame-14 {
		padding-left: 45px !important;
	}

	.frame-15 {
		padding-right: 45px !important;
	}

	.blacklogo-wrapper {
		left: 50% !important;
	}

	.frame-18 {
		gap: 120px !important;
		padding: 48px 45px 48px 45px !important;
	}

	.frame-19 {
		width: 50% !important;
		padding-left: 0 !important;
	}

	.frame-21 {
		width: -webkit-fill-available !important;
	}

	.element {
		width: auto !important;
		height: auto !important;
	}

	.frame-25,
	.frame-31,
	.text-wrapper-14.text-1 {
		padding-left: 45px !important;
	}

	.frame-27,
	.frame-16,
	.frame-30 {
		padding-right: 45px !important;
	}

	.line {
		width: 94% !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.frame {
		display: none !important;
	}

	.modal-content {
		width: 75% !important;
	}

	.menu-button,
	.menu-bar {
		display: flex !important;
	}

	.off-canvas-menu.active {
		left: 0 !important;
	}

	.content {
		padding-top: 150px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.frame-12 {
		padding-top: 100px !important;
	}

	.frame-wrapper {
		width: 50% !important;
	}

	.frame-14 {
		padding-left: 30px !important;
		width: fit-content !important;
	}

	.frame-15 {
		padding-right: 30px !important;
		width: 50% !important;
	}

	.blacklogo-wrapper {
		display: none !important;
	}

	.frame-18 {
		padding: 48px 20px !important;
		gap: 0 !important;
	}

	.frame-19 {
		padding-left: 0 !important;
		width: 50% !important;
	}

	.frame-21 {
		width: -webkit-fill-available !important;
	}

	.element {
		width: 100% !important;
		height: 100% !important;
		padding-right: 30px !important;
	}

	.frame-25 {
		padding-left: 30px !important;
	}

	.frame-27 {
		padding-right: 30px !important;
		gap: 50px !important;
	}

	.frame-31 {
		padding-left: 30px !important;
	}

	.frame-16 {
		padding-right: 30px !important;
	}

	.text-wrapper-14.text-1 {
		padding-left: 30px !important;
	}

	.frame-30 {
		padding-right: 30px !important;
	}

	.line {
		width: 95% !important;
	}

	.text-wrapper-9 {
		z-index: auto !important;
	}

	.content h1 {
		font-size: 22px !important;
	}

	.content h2,
	.content h3 {
		font-size: 19px !important;
	}

	.content p,
	.content ul > li {
		font-size: 14px !important;
	}

	.text-wrapper-17 {
		font-size: 19px !important;
	}

	.text-wrapper-8 {
		font-size: 24px !important;
	}

	.p,
	.text-wrapper-9,
	.text-wrapper-12 {
		font-size: 14px !important;
	}

	.text-wrapper-10,
	.text-wrapper-11,
	.text-wrapper-13,
	.text-wrapper-14 {
		font-size: 13px !important;
	}
}

@media (min-width: 320px) and (max-width: 374px) {
	.modal-content {
		width: 75% !important;
	}

	.menu-button,
	.menu-bar {
		display: flex !important;
	}

	.off-canvas-menu.active {
		left: 0 !important;
	}

	.frame {
		display: none !important;
	}

	.content {
		padding-top: 150px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.frame-12 {
		padding-top: 100px !important;
		text-align: center !important;
	}

	.frame-13 {
		flex-direction: column !important;
		height: 100% !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.frame-14 {
		flex: auto !important;
		padding-left: 0 !important;
	}

	.frame-15 {
		align-items: center !important;
		padding-right: 0 !important;
	}

	.blacklogo-wrapper {
		top: -16px !important;
		left: 0px !important;
		display: none !important;
	}

	.frame-18 {
		flex-direction: column !important;
		height: 100% !important;
		gap: 0 !important;
		padding: 30px 0px !important;
	}

	.frame-19 {
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-bottom: 24px !important;
		/* align-self: center !important; */
	}

	.frame-21 {
		width: 100% !important;
		height: 100% !important;
		padding: 12px 0px 12px 12px !important;
	}

	.text-wrapper-9 {
		left: 5px !important;
		font-size: 12px !important;
	}

	.frame-23 {
		padding: 30px 0px 30px 0px !important;
	}

	.frame-24 {
		flex-direction: column !important;
	}

	.frame-25 {
		padding-left: 0 !important;
		width: 100% !important;
	}

	.frame-26 {
		align-items: center !important;
		width: 100% !important;
	}

	.frame-27 {
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.frame-28 {
		align-items: center !important;
	}

	.frame-20 {
		align-items: center !important;
	}

	.frame-10 {
		flex-direction: column !important;
		margin-bottom: 0 !important;
	}

	.frame-31 {
		padding-left: 0 !important;
	}

	.frame-16 {
		padding-right: 0 !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.frame-29 {
		flex-direction: column !important;
		align-items: center !important;
	}

	.text-wrapper-14.text-1 {
		padding-left: 0 !important;
		font-size: 13px !important;
	}

	.frame-30 {
		padding-right: 0 !important;
		gap: 20px !important;
	}

	.text-wrapper-14 {
		font-size: 13px !important;
	}

	.text-wrapper-11,
	.text-wrapper-17 {
		text-align: center !important;
	}

	.line {
		width: 96% !important;
	}

	.text-wrapper-9 {
		z-index: auto !important;
	}

	.content h1 {
		font-size: 22px !important;
	}

	.content h2,
	.content h3 {
		font-size: 19px !important;
	}

	.content p,
	.content ul > li {
		font-size: 14px !important;
	}

	.text-wrapper-17 {
		font-size: 19px !important;
	}

	.text-wrapper-8 {
		font-size: 24px !important;
	}

	.p,
	.text-wrapper-9,
	.text-wrapper-12 {
		font-size: 14px !important;
	}

	.text-wrapper-10,
	.text-wrapper-11,
	.text-wrapper-13 {
		font-size: 13px !important;
	}
}

@media (min-width: 375px) and (max-width: 424px) {
	.menu-button,
	.menu-bar {
		display: flex !important;
	}

	.modal-content {
		width: 75% !important;
	}

	.off-canvas-menu.active {
		left: 0 !important;
	}

	.frame {
		display: none !important;
	}

	.content {
		padding-top: 150px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.frame-12 {
		padding-top: 100px !important;
		text-align: center !important;
	}

	.frame-13 {
		flex-direction: column !important;
		height: 100% !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.frame-14 {
		flex: auto !important;
		padding-left: 0 !important;
	}

	.frame-15 {
		align-items: center !important;
		padding-right: 0 !important;
	}

	.blacklogo-wrapper {
		top: -16px !important;
		left: 0px !important;
		display: none !important;
	}

	.frame-18 {
		flex-direction: column !important;
		height: 100% !important;
		gap: 0 !important;
		padding: 30px 0px !important;
	}

	.frame-19 {
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-bottom: 24px !important;
		/* align-self: center !important; */
	}

	.frame-21 {
		width: 100% !important;
		height: 100% !important;
		padding: 12px 0px 12px 12px !important;
	}

	.text-wrapper-9 {
		left: 5px !important;
		font-size: 12px !important;
	}

	.frame-23 {
		padding: 30px 0px 30px 0px !important;
	}

	.frame-24 {
		flex-direction: column !important;
	}

	.frame-25 {
		padding-left: 0 !important;
		width: 100% !important;
	}

	.frame-26 {
		align-items: center !important;
		width: 100% !important;
	}

	.frame-27 {
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.frame-28 {
		align-items: center !important;
	}

	.frame-20 {
		align-items: center !important;
	}

	.frame-10 {
		flex-direction: column !important;
		margin-bottom: 0 !important;
	}

	.frame-31 {
		padding-left: 0 !important;
	}

	.frame-16 {
		padding-right: 0 !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.frame-29 {
		flex-direction: column !important;
		align-items: center !important;
	}

	.text-wrapper-14.text-1 {
		padding-left: 0 !important;
		font-size: 13px !important;
	}

	.frame-30 {
		padding-right: 0 !important;
		gap: 20px !important;
	}

	.text-wrapper-14 {
		font-size: 13px !important;
	}

	.text-wrapper-11,
	.text-wrapper-17 {
		text-align: center !important;
	}

	.line {
		width: 96% !important;
	}

	.text-wrapper-9 {
		z-index: auto !important;
	}

	.content h1 {
		font-size: 22px !important;
	}

	.content h2,
	.content h3 {
		font-size: 19px !important;
	}

	.content p,
	.content ul > li {
		font-size: 14px !important;
	}

	.text-wrapper-17 {
		font-size: 19px !important;
	}

	.text-wrapper-8 {
		font-size: 24px !important;
	}

	.p,
	.text-wrapper-9,
	.text-wrapper-12 {
		font-size: 14px !important;
	}

	.text-wrapper-10,
	.text-wrapper-11,
	.text-wrapper-13 {
		font-size: 13px !important;
	}
}

@media (min-width: 425px) and (max-width: 767px) {
	.menu-button,
	.menu-bar {
		display: flex !important;
	}

	.modal-content {
		width: 75% !important;
	}

	.off-canvas-menu.active {
		left: 0 !important;
	}

	.frame {
		display: none !important;
	}

	.content {
		padding-top: 150px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.frame-12 {
		text-align: center !important;
		padding-top: 100px !important;
	}

	.frame-13 {
		flex-direction: column !important;
		height: 100% !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.frame-14 {
		flex: auto !important;
		padding-left: 0 !important;
	}

	.frame-15 {
		align-items: center !important;
		padding-right: 0 !important;
	}

	.blacklogo-wrapper {
		top: -16px !important;
		left: 0px !important;
		display: none !important;
	}

	.frame-18 {
		flex-direction: column !important;
		height: 100% !important;
		gap: 0 !important;
		padding: 30px 0px !important;
	}

	.frame-19 {
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-bottom: 24px !important;
		/* align-self: center !important; */
	}

	.frame-21 {
		width: 100% !important;
		height: 100% !important;
		padding: 12px 0px 12px 12px !important;
	}

	.text-wrapper-9 {
		left: 5px !important;
		font-size: 12px !important;
	}

	.frame-23 {
		padding: 30px 0px 30px 0px !important;
	}

	.frame-24 {
		flex-direction: column !important;
	}

	.frame-25 {
		padding-left: 0 !important;
		width: 100% !important;
	}

	.frame-26 {
		align-items: center !important;
		width: 100% !important;
	}

	.frame-27 {
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.frame-28 {
		align-items: center !important;
	}

	.frame-20 {
		align-items: center !important;
	}

	.frame-10 {
		flex-direction: column !important;
		margin-bottom: 0 !important;
	}

	.frame-31 {
		padding-left: 0 !important;
	}

	.frame-16 {
		padding-right: 0 !important;
		padding-top: 24px !important;
		padding-bottom: 24px !important;
	}

	.frame-29 {
		flex-direction: column !important;
		align-items: center !important;
	}

	.text-wrapper-14.text-1 {
		padding-left: 0 !important;
		font-size: 13px !important;
	}

	.frame-30 {
		padding-right: 0 !important;
		gap: 20px !important;
	}

	.text-wrapper-14 {
		font-size: 13px !important;
	}

	.text-wrapper-11,
	.text-wrapper-17 {
		text-align: center !important;
	}

	.line {
		width: 96% !important;
	}

	.text-wrapper-9 {
		z-index: auto !important;
	}

	.content h1 {
		font-size: 22px !important;
	}

	.content h2,
	.content h3 {
		font-size: 19px !important;
	}

	.content p,
	.content ul > li {
		font-size: 14px !important;
	}

	.text-wrapper-17 {
		font-size: 19px !important;
	}

	.text-wrapper-8 {
		font-size: 24px !important;
	}

	.p,
	.text-wrapper-9,
	.text-wrapper-12 {
		font-size: 14px !important;
	}

	.text-wrapper-10,
	.text-wrapper-11,
	.text-wrapper-13,
	.text-wrapper-14 {
		font-size: 13px !important;
	}
}

.frame-33 {
	padding: 30px 0px 30px 0px !important;
}

.frame-33 {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	/*gap: 48px;*/
	padding: 48px 0px 16px 0px;
	position: relative;
	flex: 0 0 auto;
	background-color: #02e9cd26;
}

.frame-35 {
	display: flex;
	flex-direction: column;
	width: 384px;
	align-items: flex-start;
	justify-content: center;
	gap: 32px;
	position: relative;
	padding-left: 120px;
}
@media (min-width: 375px) and (max-width: 424px) {
	.frame-35 {
		padding-left: 0 !important;
		width: 100% !important;
	}
}

/* @media (min-width:425px) and (max-width:767px) { */
@media (min-width: 1024px) and (max-width: 1339px) {
	.frame-35,
	.frame-19,
	.text-wrapper-25.text-1 {
		padding-left: 45px !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.frame-35 {
		padding-left: 30px !important;
	}
}

@media (min-width: 320px) and (max-width: 374px) {
	.frame-35 {
		padding-left: 0 !important;
		width: 100% !important;
	}
}