body {
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: var(--bs-body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

h1 {
	font-size: 2.5em;
	margin-bottom: 0.5em;
}

h1.pgTitle {
	text-align: center;
	font-size: 2.2em;
	margin-bottom: 0.5em;
	color: #1d68b8;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 0.3em;
}

h2 {

	margin-bottom: 0.5em;
	font-size: 1.75em;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
	display: inline-block;

}

h4 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

h5 {
	font-size: 1.25em;
	margin-bottom: 0.5em;
}

p {
	font-size: 1em;
	margin-bottom: 1em;
}

ol,
ul {
	margin-bottom: 1em;
	padding-left: 1.5em;
}

ol li,
ul li {
	margin-bottom: 0.5em;
}


div.feature {
	border-radius: 10PX;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

.featureIcon {
	margin: 0 15px 15PX 0;
	width: 45px;
	height: auto;
	border-radius: 25%;
}

p.featureDesc {
	font-size: 0.9em;
	color: grey;
	text-align: justify;

}

div.sample {
	border-radius: 10PX;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

.sampleIcon {
	margin: 0 15px 15PX 0;
	width: 45px;
	height: auto;
	border-radius: 25%;
}

h3.sampleTitle {
	font-size: 1.5em;
	margin-bottom: 0.5em;
	display: inline-block;
	text-transform: capitalize;
}

p.sampleDesc {
	font-size: 0.9em;
	color: grey;
	text-align: justify;

}