.videoContainer {
	width: 100%;
	height: 75vh;
	overflow: hidden;
}

#overlayContent {
	top: 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	position: absolute;
	top: 30%;
	left: 10%;
	z-index: 1;
}

#colorOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 75vh;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 65, 158, 0.50) 32.75%, rgba(0, 65, 158, 0.88) 100%);
}

#overlayBottomTxt {
	color: var(--Soft-Grey, #CECECE);
	font-family: "Segoe UI", "Helvetica";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#contactDiv {
	display: flex;
	padding: 20px 0px;
	justify-content: center;
	align-items: center;
	gap: 142px;
	align-self: stretch;
}


span#questions {
	color: #00419E;
	text-align: right;
	font-family: "Segoe UI", "Helvetica";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

span#number {
	color: #00419E;
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contactInfo {
	color: #4776B9;
	font-family: "Segoe UI", "Helvetica";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#contactContainer {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

	#contactContainer > div {
		display: flex;
		justify-content: center;
	}

	#contactContainer svg, #contactContainer img {
		margin-right: 10px;
	}

	#contactContainer .contactInfo, #number {
		display: flex;
		align-items: center;
	}

#ourProducts {
	display: flex;
	padding: 40px 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
	align-self: stretch;
	background: radial-gradient(50% 50% at 50% 50%, #00419E 0%, #001738 100%);
}

#platformText {
	align-self: stretch;
	color: #CECECE;
	text-align: center;
	font-family: "Segoe UI", "Helvetica";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#platformsDiv {
	justify-content: center;
	align-content: center;
}

	#platformsDiv > a {
		color: #8ECAF3;
		font-family: "Segoe UI", "Helvetica";
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		text-decoration-line: underline;
		margin: 0 auto;
	}

.platform {
	color: #CECECE;
	font-family: "Segoe UI", "Helvetica";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

span#crimedxText > b {
	color: #FF0000;
}

.captionText {
	align-self: stretch;
	color: #CECECE;
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.learnMore {
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 20px;
	background: #8ECAF3;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	width: 135px;
	height: 41px;
	margin-top: 2%;
	text-decoration: none;
	height: auto;
}

.learnText {
	color: #00419E;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	font-variant: all-small-caps;
}

.platformDropdown {
	margin-top: 5%;
	color: #62B6EF;
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#credible {
	color: #191C1F;
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#datapartners {
	color: #191C1F;
	font-family: "Segoe UI", "Helvetica";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#geoInformation {
	display: flex;
	padding: 40px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	background: #62B6EF;
}

#geoInfoText {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex: 1 0 0;
}

#WeDeliver {
	align-self: stretch;
	color: #191C1F;
	text-align: center;
	font-family: "Segoe UI", "Helvetica";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#deliverValue {
	display: flex;
	padding: 40px 0px;
	flex-direction: column;
	align-self: stretch;
	justify-content: space-between;
	align-items: center;
	gap: 86px;
}

	#deliverValue > div {
		flex: 1;
		margin: 0 15%;
	}

.valueTitle {
	color: #191C1F;
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.valueDesc {
	color: #191C1F;
	font-family: "Segoe UI", "Helvetica";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#valueExamples {
	display: flex;
	flex-direction: row;
	align-self: stretch;
	justify-content: space-between;
}

button#valueLearnMore {
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 20px;
	background: #8ECAF3;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border: none;
}

#valueLearnMore > span {
	color: #00419E;
	font-family: Arial;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	font-variant: all-small-caps;
}
#valueLearnMore:hover {
cursor:pointer;
}

.checkMarks {
	display: flex;
	flex-direction: row;
}

.checkimg {
	justify-content: center;
}

.analysis {
	display: flex;
	flex-direction: column;
}

.analysisTitle {
	color: #191C1F;
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.analysisDesc {
	color: #191C1F;
	font-family: "Segoe UI", "Helvetica";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.learnMore:hover {
	border-radius: 20px;
	background: #62B6EF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
	cursor: pointer;
}

#platformCrimedx:hover {
	cursor: pointer;
}

#crimedxClick {
	color: var(--Soft-Grey, #CECECE);
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: left;
}


#platformCrimedx {
	text-align: right;
}

#geocoderPlatform:hover {
	cursor: pointer;
}

#geocoderClick {
	color: var(--Soft-Grey, #CECECE);
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: left;
}

#geocoderPlatform {
	text-align: right;
}

#geospatClick {
	color: var(--Soft-Grey, #CECECE);
	font-family: "Segoe UI", "Helvetica";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: left;
}

#geospatPlatform:hover {
	cursor: pointer;
}

#geospatPlatform {
	text-align: right;
}