/*--------------------------------------------------
	Custom CSS
---------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------

	SECTIONS 1 (Variables --vx)

-----------------------------------------------------------------------------------------------------*/


:root {
	/* */
}

/*-----------------------------------------------------------------------------------------------------

	SECTIONS 2 (Functions .fx)

-----------------------------------------------------------------------------------------------------*/

.fx-show-on-page {
}
.fx-show-on-index {
}

/*-----------------------------------------------------------------------------------------------------

	SECTIONS 3 (Grid .gx)

-----------------------------------------------------------------------------------------------------*/







/*-----------------------------------------------------------------------------------------------------

	SECTIONS 4 (Html .hx)

-----------------------------------------------------------------------------------------------------*/

/*.ui-display-none-on-page {*/
/* class is mentioned on the control. 
		css on mentioned on the page on which display is to hidden */
/*}*/





.hi-article.hx-banner {
	background: var(--vr-base-html-body-alter-backgroundColor);
	color: var(--vr-base-html-body-normal-color);
}

	.hi-article.hx-banner .hi-block {
		align-items: center;
		justify-content: space-between;
	}

		.hi-article.hx-banner .hi-block .hi-list {
		}

			.hi-article.hx-banner .hi-block .hi-list .hi-item {
				font-size: 16px;
				font-weight: 600;
				line-height: 32px;
			}

				.hi-article.hx-banner .hi-block .hi-list .hi-item > .hi-h {
					font-weight: 600;
					line-height: 200%;
				}

				.hi-article.hx-banner .hi-block .hi-list .hi-item > .hi-i {
				padding-right:10px;
				}







.hi-article.hx-title {
	background: var(--vr-contrast-html-body-normal-backgroundColor);
	color: var(--vr-contrast-html-body-normal-color);
}








.hi-article.hx-weare {
	background: var(--vr-contrast-html-body-high-backgroundColor);
	color: var(--vr-contrast-html-body-normal-color);
}







.hi-article.hx-weenvision {
	background: var(--vr-base-html-body-alter-backgroundColor);
	color: var(--vr-base-html-body-normal-color);
}

	.hi-article.hx-weenvision .hi-block {
	}

		.hi-article.hx-weenvision .hi-block > .hi-image {
		}

			.hi-article.hx-weenvision .hi-block > .hi-image > .hi-link {
				display: flex;
			}

				.hi-article.hx-weenvision .hi-block > .hi-image > .hi-link > img {
					-webkit-filter: grayscale(0) opacity(1);
					filter: grayscale(0);
				}

					.hi-article.hx-weenvision .hi-block > .hi-image > .hi-link > img:hover,
					.hi-article.hx-weenvision .hi-block > .hi-image > .hi-link > img:focus {
						transform: scale(1.02);
						-webkit-filter: grayscale(1) opacity(1);
						filter: grayscale(1);
					}


		.hi-article.hx-weenvision .hi-block .hi-title {
			padding: 1em;
		}

			.hi-article.hx-weenvision .hi-block .hi-title .hi-h {
				font-size: 20px;
				font-weight: 500;
			}

		.hi-article.hx-weenvision .hi-block .hi-list {
			padding: 0 1em 1em 1em;
		}

			.hi-article.hx-weenvision .hi-block .hi-list .hi-item {
			}

				.hi-article.hx-weenvision .hi-block .hi-list .hi-item > .hi-i {
					margin-right: 12px;
				}






.hi-article.hx-weoffer {
	background: var(--vr-base-html-body-light-backgroundColor);
	-webkit-box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	color: var(--vr-base-html-body-normal-color);
	z-index: 1;
}

	.hi-article.hx-weoffer .hi-block {
		padding: 0.5em;
	}

		.hi-article.hx-weoffer .hi-block .hi-title {
			background: var(--vr-base-html-body-normal-backgroundColor);
			border-radius: 5px;
			padding: 2em 1em;
			text-align: center;
		}

			.hi-article.hx-weoffer .hi-block .hi-title .hi-h {
				font-weight: 600;
			}


			.hi-article.hx-weoffer .hi-block .hi-title.hx-option1 {
				background: rgba(253, 83, 50, 0.1);
			}

			.hi-article.hx-weoffer .hi-block .hi-title.hx-option2 {
				background: rgba(3, 169, 244,0.1);
			}

			.hi-article.hx-weoffer .hi-block .hi-title.hx-option3 {
				background: rgba(39, 183, 55,0.1);
			}

		.hi-article.hx-weoffer .hi-block .hi-list {
			padding: 0.5em;
		}

			.hi-article.hx-weoffer .hi-block .hi-list > .hi-item {
				padding: 0.5em 0;
			}

				.hi-article.hx-weoffer .hi-block .hi-list > .hi-item:not(:last-of-type) {
					border-bottom: 1px dashed var(--vr-base-html-body-normal-boxShadowColor);
				}

				.hi-article.hx-weoffer .hi-block .hi-list > .hi-item:before {
					background: var(--vr-base-html-body-normal-boxShadowColor);
					border-radius: 50%;
					content: "\f00c";
				}






.hi-article.hx-howitworks {
	background: var(--vr-base-html-body-proxy-backgroundColor);
	-webkit-box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	color: var(--vr-base-html-body-normal-color);
}

	.hi-article.hx-howitworks .hi-block {
		overflow: unset;
	}

		.hi-article.hx-howitworks .hi-block .hi-icon {
		}

	.hi-article.hx-howitworks .hi-container .gi-col:not(:last-of-type) .hi-block .hi-icon::after {
		content: "\f061";
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: "Font Awesome 6 Free";
		font-size: 50px;
		font-style: normal;
		font-variant: normal;
		margin-left: -25px;
		margin-top: -25px;
		height: 50px;
		width: 50px;
		position: absolute;
		left: 100%;
		top: 50%;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	}

	.hi-article.hx-howitworks .hi-container .gi-col .hi-block .hi-icon > .hi-i {
		font-size: 37px;
		line-height: 100px;
		height: 100px;
		text-align: center;
		width: 100px;
	}

		.hi-article.hx-howitworks .hi-container .gi-col .hi-block .hi-icon > .hi-i::after {
			background: transparent;
			border: 1px solid transparent;
			border-radius: 20px;
			content: "";
			height: 100px;
			width: 100px;
			position: absolute;
			left: 0;
			top: 0;
			transform: rotate(45deg);
		}

		.hi-article.hx-howitworks .hi-container .gi-col .hi-block .hi-icon > .hi-i.fn-note::after {
			background: var(--vr-base-html-note-normal-backgroundColor);
			border-color: var(--vr-base-html-note-normal-color);
		}

		.hi-article.hx-howitworks .hi-container .gi-col .hi-block .hi-icon > .hi-i.fn-alert::after {
			background: var(--vr-base-html-alert-normal-backgroundColor);
			border-color: var(--vr-base-html-alert-normal-color);
		}

		.hi-article.hx-howitworks .hi-container .gi-col .hi-block .hi-icon > .hi-i.fn-success::after {
			background: var(--vr-base-html-success-normal-backgroundColor);
			border-color: var(--vr-base-html-success-normal-color);
		}







.hi-article.hx-pricing {
	background: var(--vr-base-html-body-light-backgroundColor);
	-webkit-box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	/*background: var(--vr-base-html-body-alter-backgroundColor);*/
	/*	-webkit-box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);*/
	color: var(--vr-base-html-body-normal-color);
	z-index: 1;
}

	.hi-article.hx-pricing .hi-block {
		-webkit-box-shadow: 0px 0px 10px 1px var(--vr-base-html-body-normal-boxShadowColor);
		box-shadow: 0px 0px 10px 1px var(--vr-base-html-body-normal-boxShadowColor);
		padding: 1em;
	}

		.hi-article.hx-pricing .hi-block .hi-title {
			background: var(--vr-base-html-body-alter-backgroundColor);
			border-radius: 5px;
			-webkit-box-shadow: 1px 1px 0px 0px var(--vr-base-html-body-normal-boxShadowColor);
			box-shadow: 1px 1px 0px 0px var(--vr-base-html-body-normal-boxShadowColor);
			color: var(--vr-base-html-link-normal-color);
			padding: 2em 0.5em;
			text-align: center;
		}

		.hi-article.hx-pricing .hi-block.fn-selected .hi-title {
			background: var(--vr-base-html-link-normal-color);
			color: var(--vr-base-html-body-normal-backgroundColor);
		}

		.hi-article.hx-pricing .hi-block .hi-title > .hi-h > sup {
			font-size: 50%;
			margin-right: 6px;
		}

		.hi-article.hx-pricing .hi-block .hi-title > .hi-hc {
			color: var(--vr-base-html-link-hover-color);
		}

		.hi-article.hx-pricing .hi-block .hi-list {
		}

			.hi-article.hx-pricing .hi-block .hi-list > .hi-item {
				opacity: 0.4;
				padding: 0.5em 0;
			}

				.hi-article.hx-pricing .hi-block .hi-list > .hi-item:not(:last-of-type) {
					border-bottom: 1px dashed var(--vr-base-html-body-normal-boxShadowColor);
				}

				.hi-article.hx-pricing .hi-block .hi-list > .hi-item:before {
					background: var(--vr-base-html-body-normal-boxShadowColor);
					border-radius: 50%;
					content: "\f1ce";
				}


				.hi-article.hx-pricing .hi-block .hi-list > .hi-item.fn-included {
					color: var(--vr-base-html-link-normal-color);
					opacity: 0.8;
				}

					.hi-article.hx-pricing .hi-block .hi-list > .hi-item.fn-included:before {
						background: var(--vr-base-html-link-normal-color);
						color: var(--vr-base-html-body-normal-backgroundColor);
						content: "\f00c";
					}

					.hi-article.hx-pricing .hi-block .hi-list > .hi-item.fn-included.fn-paid {
						color: var(--vr-base-html-link-hover-color);
					}

						.hi-article.hx-pricing .hi-block .hi-list > .hi-item.fn-included.fn-paid:before {
							background: var(--vr-base-html-link-hover-color);
							color: var(--vr-base-html-body-normal-backgroundColor);
							content: "\24";
						}

		.hi-article.hx-pricing .hi-block.fn-selected .hi-list > .hi-item.fn-included {
			opacity: 1;
		}






.hi-article.hx-services {
	background: var(--vr-base-html-body-alter-backgroundColor);
	-webkit-box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	box-shadow: 0 -1px 0 0 var(--vr-base-html-body-normal-boxShadowColor), 0 1px 0 0 var(--vr-base-html-body-normal-boxShadowColor);
	color: var(--vr-base-html-body-normal-color);
	z-index: 1;
}

	.hi-article.hx-services .hi-block {
		padding: 1em;
	}

		.hi-article.hx-services .hi-block > .hi-icon {
			display: block;
			overflow: hidden;
			-webkit-transition: var(--vr-theme-html-body-normal-transition);
			-moz-transition: var(--vr-theme-html-body-normal-transition);
			-o-transition: var(--vr-theme-html-body-normal-transition);
			transition: var(--vr-theme-html-body-normal-transition);
		}

			/*			.hi-article.hx-services .hi-block > .hi-icon > .hi-iconbg {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				top: 0;
				-webkit-transition: var(--vr-theme-html-body-normal-transition);
				-moz-transition: var(--vr-theme-html-body-normal-transition);
				-o-transition: var(--vr-theme-html-body-normal-transition);
				transition: var(--vr-theme-html-body-normal-transition);
			}*/

			/*			.hi-article.hx-services .hi-block > .hi-icon:hover > .hi-iconbg {
				background: var(--vr-base-html-body-normal-boxShadowColor);
			}*/

			.hi-article.hx-services .hi-block > .hi-icon > .hi-i {
				border-radius: 50%;
				background: var(--vr-base-html-body-normal-backgroundColor);
				color: var(--vr-base-html-link-hover-color);
				cursor: pointer;
				display: block;
				font-size: 3em;
				line-height: 3em;
				margin: 0 auto;
				text-shadow: 2px 2px 0px var(--vr-base-html-body-normal-boxShadowColor);
				-webkit-transition: var(--vr-theme-html-body-normal-transition);
				-moz-transition: var(--vr-theme-html-body-normal-transition);
				-o-transition: var(--vr-theme-html-body-normal-transition);
				transition: var(--vr-theme-html-body-normal-transition);
				width: 3em;
				/*z-index: 1;*/
			}

			.hi-article.hx-services .hi-block > .hi-icon:hover > .hi-i {
				background: var(--vr-base-html-body-normal-boxShadowColor);
				color: var(--vr-base-html-link-normal-color);
			}

		.hi-article.hx-services .hi-block .hi-title {
			padding: 1em 0;
			text-align: center;
		}

			.hi-article.hx-services .hi-block .hi-title > .hi-h {
				font-size: 20px;
				font-weight: 500;
			}

		.hi-article.hx-services .hi-block .hi-list {
		}

			.hi-article.hx-services .hi-block .hi-list > .hi-item {
			}

				.hi-article.hx-services .hi-block .hi-list > .hi-item > .hi-i {
					margin-right: 12px;
				}









.hi-article.hx-calltoaction {
	background: var(--vr-contrast-html-body-normal-backgroundColor);
	color: var(--vr-contrast-html-body-normal-color);
}






.hi-article.hx-query {
}

	.hi-article.hx-query .hi-block {
		flex-direction: row;
		padding: 1em;
	}






@media only screen and (max-width: 800px) {
	.hi-article.hx-howitworks .hi-container .gi-col .hi-block .hi-icon::after {
		content: none !important;
	}
}


/*-----------------------------------------------------------------------------------------------------

	SECTIONS 5 (Combo .cx)

-----------------------------------------------------------------------------------------------------*/





/*-----------------------------------------------------------------------------------------------------

	SECTIONS 6 (Single Property Single Class .ux)

-----------------------------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------------------------

	SECTIONS 7 (Multiple Properties Single Class .mx)

-----------------------------------------------------------------------------------------------------*/