/* Velox Component: Velox Typography */
/* =========================================================
   Velox Responsive Heading Scale
   Override-safe for Velox Component Manager
   ========================================================= */

.velox-component--velox-typography h1{
	font-size: clamp(74px, 5.2vw, 68px) !important;
	line-height: 1.04 !important;
	letter-spacing: -0.035em !important;
}

.velox-component--velox-typography h2{
	font-size: clamp(32px, 3.5vw, 46px) !important;
	line-height: 1.10 !important;
	letter-spacing: -0.03em !important;
}

.velox-component--velox-typography h3{
	font-size: clamp(24px, 2.4vw, 32px) !important;
	line-height: 1.18 !important;
	letter-spacing: -0.02em !important;
}

.velox-component--velox-typography h4{
	font-size: clamp(20px, 1.8vw, 24px) !important;
	line-height: 1.25 !important;
	letter-spacing: -0.01em !important;
}



.velox-component--velox-typography .vx-hero-title{
	font-size: clamp(74px, 5.2vw, 68px) !important;
	line-height: 1.04 !important;
	letter-spacing: -0.035em !important;
}

/* Velox Component: Plugin Pages Styles */
/* =========================================================
   Velox Plugin Metadata
   ========================================================= */

.velox-component--plugin-pages-styles .vx-plugin-meta{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;

	gap: 24px 44px;

	width: 100%;
}

.velox-component--plugin-pages-styles .vx-plugin-meta__item{
	display: flex;
	flex-direction: column;

	gap: 4px;
}

.velox-component--plugin-pages-styles .vx-plugin-meta__item span{
	color: #667085;

	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;

	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.velox-component--plugin-pages-styles .vx-plugin-meta__item strong{
	color: #1f2a3a;

	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
}


/* Mobile */

@media (max-width: 600px) {

	.velox-component--plugin-pages-styles .vx-plugin-meta{
		gap: 18px 28px;
	}

	.velox-component--plugin-pages-styles .vx-plugin-meta__item strong{
		font-size: 13px;
	}

}

/* Velox Component: About Page - Question List */
/* =========================================================
   Velox Funding / Business Model Cards
   ========================================================= */

.velox-component--about-page-question-list .vx-funding-grid{
	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 22px;

	width: 100%;
}


/* =========================================================
   CARD
   ========================================================= */

.velox-component--about-page-question-list .vx-funding-card{
	padding: 30px;

	border: 1px solid rgba(255,255,255,.11);
	border-radius: 18px;

	background: rgba(255,255,255,.025);

	box-sizing: border-box;
}


.velox-component--about-page-question-list .vx-funding-card h3{
	margin: 0 0 20px;

	color: #ffffff;

	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;

	letter-spacing: -0.02em;
}


/* =========================================================
   LIST
   ========================================================= */

.velox-component--about-page-question-list .vx-funding-list{
	display: grid;

	gap: 22px;
}


/* =========================================================
   INDIVIDUAL ITEM
   ========================================================= */

.velox-component--about-page-question-list .vx-funding-item{
	display: grid;

	grid-template-columns: 26px minmax(0, 1fr);

	gap: 13px;

	align-items: start;
}


/* Icon square */

.velox-component--about-page-question-list .vx-funding-icon{
	width: 24px;
	height: 24px;

	display: grid;
	place-items: center;

	margin-top: 1px;

	border-radius: 7px;

	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}


/* Positive */

.velox-component--about-page-question-list .vx-funding-item--yes .vx-funding-icon{
	background: rgba(46,185,111,.12);

	color: #6be3a0;
}


/* Negative */

.velox-component--about-page-question-list .vx-funding-item--no .vx-funding-icon{
	background: rgba(240,68,5,.12);

	color: #ff6332;
}


/* Heading */

.velox-component--about-page-question-list .vx-funding-item strong{
	display: block;

	color: #ffffff;

	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}


/* Description */

.velox-component--about-page-question-list .vx-funding-item p{
	margin: 5px 0 0;

	color: #9eafc1;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.velox-component--about-page-question-list .vx-funding-grid{
		grid-template-columns: 1fr;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.velox-component--about-page-question-list .vx-funding-grid{
		gap: 16px;
	}

	.velox-component--about-page-question-list .vx-funding-card{
		padding: 23px 20px;

		border-radius: 15px;
	}

	.velox-component--about-page-question-list .vx-funding-card h3{
		margin-bottom: 18px;

		font-size: 18px;
	}

	.velox-component--about-page-question-list .vx-funding-list{
		gap: 19px;
	}

	.velox-component--about-page-question-list .vx-funding-item{
		grid-template-columns: 24px minmax(0, 1fr);

		gap: 11px;
	}

	.velox-component--about-page-question-list .vx-funding-item strong{
		font-size: 14px;
	}

	.velox-component--about-page-question-list .vx-funding-item p{
		font-size: 13px;
	}

}