/* Description: Master CSS file */

/*****************************************
Table Of Contents:
- General Styles
- Navigation
- Header
- Customers
- Introduction
- Features
- Details 1
- Details Lightbox
- Details 2
- Details 3
- Testimonials
- Newsletter
- Footer
- Copyright
- Back To Top Button
- Extra pages
- Media Queries
******************************************/

/*****************************************
Colors:
- Buttons - orange #ff6c02
- Headings text - navy blue #1e266d
- Body text - dark gray #515867
- Backgrounds - light gray #f9f9f9
******************************************/


/**************************/
/*     General Styles     */
/**************************/
body,
html {
	width: 100%;
	height: 100%;
}

body {
	color: #515867;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	font-family: 'Poppins', sans-serif !important;
}

.container {
	width: 100%;
	max-width: 1650px !important;
	padding: 0 15px;
}

p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

h1 {
	color: #1e266d;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 3.125rem;
	letter-spacing: -0.5px;
}

h2 {
	color: #1e266d;
	font-weight: 600;
	font-size: 2.3rem;
	line-height: 2.605rem;
	letter-spacing: -0.4px;
}

h3 {
	color: #1e266d;
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 2.375rem;
	letter-spacing: -0.4px;
}

h4 {
	color: #1e266d;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -0.4px;
}

h5 {
	color: #1e266d;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.75rem;
}

h6 {
	color: #1e266d;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5rem;
}

.h1-large {
	font-size: 2.75rem;
	line-height: 3.5rem;
	letter-spacing: -0.7px;
}

.h6-small {
	font-weight: 600;
}

.p-large {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.p-small {
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.testimonial-text {
	font-style: italic;
}

.testimonial-author {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
}

.li-space-lg li {
	margin-bottom: 0.5rem;
}

a {
	color: #fc6c01;
	text-decoration: underline;
}

	a:hover {
		color: #515867;
		text-decoration: underline;
	}

.no-line {
	text-decoration: none;
}

	.no-line:hover {
		text-decoration: none;
	}

.read-more {
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

	.read-more .fas {
		margin-left: 0.625rem;
		font-size: 1rem;
		vertical-align: -8%;
	}

.blue {
	color: #1d79fb;
}

.bg-gray {
	background-color: #f9f9f9;
}

.section-divider {
	display: inline-block;
	width: 100%;
	height: 1px;
	border: none;
	background-color: #d0dae2;
}

.section-title {
	display: inline-block;
	margin-bottom: 0.75rem;
	padding: 0.375rem 1.25rem;
	border-radius: 20px;
	background-color: #fff0e2;
	color: #ff6c02;
	font-weight: 600;
	font-size: 0.75rem;
	line-height: 1.125rem;
}

.btn-solid-reg {
	display: inline-block;
	padding: 1.375rem 2.25rem 1.375rem 2.25rem;
	border: 1px solid #ff6c02;
	border-radius: 32px;
	background-color: #ff6c02;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

	.btn-solid-reg:hover {
		border: 1px solid #ff6c02;
		background-color: transparent;
		color: #ff6c02; /* needs to stay here because of the color property of a tag */
		text-decoration: none;
	}

.btn-solid-lg {
	display: inline-block;
	padding: 1.625rem 2.625rem 1.625rem 2.625rem;
	border: 1px solid #ff6c02;
	border-radius: 32px;
	background-color: #ff6c02;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

	.btn-solid-lg:hover {
		border: 1px solid #ff6c02;
		background-color: transparent;
		color: #ff6c02; /* needs to stay here because of the color property of a tag */
		text-decoration: none;
	}

.btn-solid-sm {
	display: inline-block;
	padding: 1.4rem 1.9rem;
	border: 1px solid #ff6c02;
	border-radius: 32px;
	background-color: #ff6c02;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

	.btn-solid-sm:hover {
		border: 1px solid #ff6c02;
		background-color: transparent;
		color: #ff6c02;
		text-decoration: none;
	}

.btn-outline-reg {
	display: inline-block;
	padding: 1.375rem 2.25rem 1.375rem 2.25rem;
	border: 1px solid #ff6c02;
	border-radius: 32px;
	background-color: transparent;
	color: #ff6c02;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

	.btn-outline-reg:hover {
		background-color: #ff6c02;
		color: #ffffff;
		text-decoration: none;
	}

.btn-outline-lg {
	display: inline-block;
	padding: 1.625rem 2.625rem 1.625rem 2.625rem;
	border: 1px solid #ff6c02;
	border-radius: 32px;
	background-color: transparent;
	color: #ff6c02;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

	.btn-outline-lg:hover {
		background-color: #ff6c02;
		color: #ffffff;
		text-decoration: none;
	}

.btn-outline-sm {
	display: inline-block;
	padding: 1.4rem 1.9rem;
	border: 1px solid #ff6c02;
	border-radius: 32px;
	background-color: transparent;
	color: #ff6c02;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	text-decoration: none;
	transition: all 0.2s;
}

	.btn-outline-sm:hover {
		background-color: #ff6c02;
		color: #ffffff;
		text-decoration: none;
	}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

	.form-group .label-control {
		margin-bottom: 2px;
		font-size: 13px;
	}


.form-control-input,
.form-control-select {
	display: block; /* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	background-color: #ffffff;
	color: #515867;
	font-size: 0.875rem;
	line-height: 1.875rem;
	transition: all 0.2s;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
	padding: 6px 15px;
	height: 40px;
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3.25rem;
	color: #7d838a;
}

select {
	/* you should keep these first rules in place to maintain cross-browser behavior */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url('../images/down-arrow.png');
	background-position: 96% 50%;
	background-repeat: no-repeat;
	outline: none;
}

/* to support hidden attributue in IE10 and lower */
	option[disabled] {
		display: none;
	}

.form-control-textarea {
	display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 14rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.5rem;
	padding-left: 1.5rem;
	border: 1px solid #cbcbd1;
	border-radius: 2px;
	background-color: #ffffff;
	color: #515867;
	font-size: 0.875rem;
	line-height: 1.5rem;
	transition: all 0.2s;
}

	.form-control-input:focus,
	.form-control-select:focus,
	.form-control-textarea:focus {
		border: 1px solid #a1a1a1;
		outline: none; /* Removes blue border on focus */
	}

	.form-control-input:hover,
	.form-control-select:hover,
	.form-control-textarea:hover {
		border: 1px solid #e2e2e2;
	}

.checkbox {
	font-size: 0.75rem;
	line-height: 1.25rem;
}

input[type='checkbox'] {
	vertical-align: -10%;
	margin-right: 0.5rem;
}

.form-control-submit-button {
	display: inline-block;
	height: 3.25rem;
	border: 1px solid #ff6c02;
	border-radius: 32px;
	background-color: #ff6c02;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0;
	cursor: pointer;
	transition: all 0.2s;
	padding: 10px 50px;
}

	.form-control-submit-button:hover {
		border: 1px solid #ff6c02;
		background-color: transparent;
		color: #ff6c02;
	}

/* Fade-move Animation For Details Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0);
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0);
	transform: translateY(0) perspective(37.5rem) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg);
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* end of fade-move animation for details lightbox - magnific popup */


/**********************/
/*     Navigation     */
/**********************/
.navbar {
	border-bottom: 1px solid #e3e8ec;
	background-color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	line-height: 0.875rem;
}

	.navbar .navbar-brand {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar .logo-image img {
		/*    width: 110px;*/
		height: 40px;
	}

@media(max-width:576px) {
	.navbar .logo-image img {
		height: 35px;
	}
}

.navbar .logo-text {
	color: #1e266d;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1rem;
	text-decoration: none;
}

.offcanvas-collapse {
	position: fixed;
	top: 3.25rem; /* adjusts the height between the top of the page and the offcanvas menu */
	bottom: 0;
	left: 100%;
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	visibility: hidden;
	background-color: #ffffff;
	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

	.offcanvas-collapse.open {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

.navbar .navbar-nav {
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
}

.navbar .nav-item .nav-link {
	padding-top: 0.82rem;
	padding-bottom: 0.82rem;
	color: #1e266d;
	text-decoration: none;
	transition: all 0.2s ease;
}

	.navbar .nav-item.dropdown.show .nav-link,
	.navbar .nav-item .nav-link:hover,
	.navbar .nav-item .nav-link.active {
		color: #ff6c02;
	}

/* Dropdown Menu */
.navbar .dropdown .dropdown-menu {
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.navbar .dropdown-menu {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border: none;
	background-color: #ffffff;
}

.navbar .dropdown-item {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #1e266d;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0.875rem;
	text-decoration: none;
}

	.navbar .dropdown-item:hover {
		background-color: #ffffff;
		color: #ff6c02;
	}

.navbar .dropdown-divider {
	width: 100%;
	height: 1px;
	margin: 0.5rem auto 0.5rem auto;
	border: none;
	background-color: #e7e7e7;
}
/* end of dropdown menu */

.navbar .nav-item .btn-solid-sm {
	margin-top: 0.125rem;
	border: 1px solid #18134d;
	background-color: #242057;
}

	.navbar .nav-item .btn-solid-sm:hover {
		background-color: transparent;
		color: #1e266d;
	}

.navbar .navbar-toggler {
	padding: 0;
	border: none;
	font-size: 1.25rem;
}


/*****************/
/*    Header     */
/*****************/
.header {
	padding-top: 8rem;
	padding-bottom: 4rem;
	background: url('../images/header-background.png') center center no-repeat;
	background-size: cover;
	text-align: center;
}

	.header .text-container {
		margin-bottom: 3rem;
		margin-left: 1rem;
	}

	.header .h1-large {
		margin-bottom: 1.5rem;
	}

	.header .p-large {
		margin-bottom: 2rem;
	}

	.header .btn-solid-lg, .btn-outline-lg{
		padding: 1.5rem 1.8rem ;
	}

	
@media (min-width: 1370px) {
	.header img {
		position: absolute;
		left: 9rem;
	}

	.header .text-container {
		margin-top: 3rem;
	}
}

@media (max-width: 1368px) {

	.header img {
		position: absolute;
		left: 5rem;
	}

	.header .text-container {
		margin-top: 2rem;
	}
}

@media (max-width: 1260px) {

	.header img {
		position: absolute;
		margin-top: 0rem;
		left: 2rem;
	}
}

@media (max-width: 1200px) {
	.header img {
		position: absolute;
		left: 0rem;
		margin-top: -2rem;
	}
}

@media (max-width: 1148px) {
	.header img {
		margin-top: -1rem;
	}

	.header .text-container {
		margin-top: 0rem;
	}
}

@media (max-width: 992px) {
	.header img {
		position: relative;
		margin-top: 0rem;
	}
}


	/********************/
	/*    Customers     */
	/********************/
	.slider-1 {
		padding-top: 3.5rem;
		padding-bottom: 3rem;
		text-align: center;
	}

		.slider-1 h4 {
			margin-bottom: 0.25rem;
			color: #222222;
		}

		.slider-1 .section-divider {
			margin-bottom: 1rem;
		}

		.slider-1 .slider-container {
			margin-bottom: 0.5rem;
			padding: 1rem 0;
		}


	/************************/
	/*     Introduction     */
	/************************/
	.basic-1 {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

		.basic-1 img {
			margin-bottom: 3.5rem;
		}

		.basic-1 h2 {
			/*margin-bottom: 1.5rem;*/
		}

		.basic-1 p {
			margin-bottom: 1.875rem;
		}

		.basic-1 .p-large {
			font-size: 0.9rem;
			line-height: 1.75rem;
			margin-bottom: 0.8rem;
		}

		.basic-1 ul {
			color: #515867;
			text-align: left;
			font-size: 0.9rem;
			letter-spacing: 0.2px;
			list-style-type: none;
			padding-left: 0.2rem;
		}

			.basic-1 ul i {
				color: #f79220;
				padding-right: 0.8rem;
				font-size: 1rem;
			}

			.basic-1 ul li {
				padding-bottom: 0.5rem;
			}

	@media (max-width: 1200px) {
		.basic-1 {
			padding-top: 5rem;
			padding-bottom: 5rem;
		}
	}

	/********************/
	/*     Features     */
	/********************/
	.cards-1 {
		padding-top: 6.5rem;
		padding-bottom: 3.625rem;
		background-color: #242057;
	}

		.cards-1 .h2-heading {
			margin-bottom: 1rem;
			color: #ffffff;
			text-align: center;
		}

		.cards-1 .p-heading {
			margin-bottom: 4rem;
			color: #ffffff;
			opacity: 0.8;
			text-align: center;
			font-size: 16px;
			/* font-weight: 400; */
		}

		.cards-1 .card {
			margin-bottom: 3rem;
			background-color: transparent;
			border: 0;
		}

		.cards-1 .card-icon-wrapper {
			padding-left: 2rem;
			/* border-left: 1px solid #ff6c02; */
		}

		.cards-1 .card-icon {
			width: 74px;
			height: 74px;
			border-radius: 50%;
			background-color: #2c276d;
			text-align: center;
		}

			.cards-1 .card-icon .fas,
			.cards-1 .card-icon .far {
				color: #fc6c01;
				font-size: 2rem;
				line-height: 4.625rem;
			}

			.cards-1 .card-icon img.img-fluid {
				height: 35px;
				margin-top: 17px;
			}

		.cards-1 .card-body {
			padding: 0 0 0 2rem;
		}

		.cards-1 .card-title {
			margin-top: 1.75rem;
			color: #ffffff;
			font-weight: 600;
		}

		.cards-1 .card-body p {
			margin-bottom: 1.25rem;
			color: #ffffff;
			opacity: 0.8;
			overflow: hidden;
			white-space: initial;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			min-height: 32px;
		}

		.cards-1 .read-more {
			color: #ffffff;
		}

			.cards-1 .read-more .fas {
				color: #ffffff;
			}

	/**********************************/
	/*         License Packages       */
	/**********************************/
	.cards-2 {
		padding-bottom: 0rem;
		background-color: #ffffff;
		border: 0.001rem solid #e3e8ec;
		border-radius: 0.4rem;
		position: relative;
		min-height: 27rem;
		overflow: hidden;
	}

		.cards-2:hover {
			background-color: #f6faff;
			box-shadow: 0 0 15px 0 rgb(36 32 87 / 20%);
		}

		.cards-2 .card-list ul {
			color: #515867;
			text-align: left;
			font-size: 14px;
			letter-spacing: 0.2px;
			padding: 0;
			list-style-type: none;
		}

			.cards-2 .card-list ul i {
				color: #f79220;
				padding-right: 2px;
				font-size: 12px;
			}

			.cards-2 .card-list ul li {
				padding-bottom: 5px;
			}

		.cards-2 .read-more {
			color: #515867;
			position: absolute;
			bottom: 0;
			left: 20px;
			font-size: 12px;
		}

			.cards-2 .read-more .fas {
				color: #515867;
				margin-bottom: 2rem;
			}

	.required-one {
		border: 0.05rem solid #1e266d;
		border-radius: 0.35rem;
	}

		.required-one .cards-2 {
			border: none;
		}

		.required-one p {
			font-size: 10px;
			text-align: left;
			color: #ffffff;
			font-weight: 500;
			background: rgb(30 38 109 / 90%);
			position: relative;
			border-radius: 0.3rem 0.3rem 0 0;
			padding: 4px;
			margin: 0;
		}

	@media(max-width: 1350px) {
		.cards-2 {
			min-height: 28rem;
		}
	}

	@media(max-width: 1258px) {
		.cards-2 {
			min-height: 32rem;
		}
	}

	@media(max-width: 1198px) {
		.cards-2 {
			min-height: 27.5rem;
		}
	}

	@media(max-width: 766px) {
		.cards-2 {
			min-height: 24.5rem;
		}
	}

	@media(max-width: 574px) {
		.cards-2 {
			min-height: auto;
			padding-bottom: 50px;
		}
	}



	/****************************/
	/*      Homepage Addons     */
	/***************************/
	.slider-3 {
		background-color: #f6faff;
		text-align: center;
	}

	.addon-tile1 {
		padding: 24px 18px 8px 18px;
		border-radius: 4px;
		border: 0.001rem solid #e3e8ec;
		text-align: left;
		font-weight: 600;
		font-size: 18px;
		transition: all .3s !important;
		color: #515867;
		min-height: 18.75rem;
		position: relative;
		background: #ffffff;
	}

		.addon-tile1:hover {
			box-shadow: 0 0 15px 0 rgb(36 32 87 / 15%);
		}

		.addon-tile1 .pricing-currency {
			display: inline-block;
			font-size: 18px;
			color: #242057;
			margin-top: 3px;
			margin-right: 2px;
		}

		.addon-tile1 .pricing-text {
			font-size: 14px;
			color: #7d7c8e;
			margin-top: 1rem;
			font-weight: 400;
		}

		.addon-tile1 .pricing-amount {
			display: inline-block;
			line-height: 40px;
			font-size: 32px;
			font-weight: 600;
			color: #242057;
		}

			.addon-tile1 .pricing-amount small {
				font-size: 11px;
				color: #515867;
				font-weight: 500;
				position: relative;
				top: -3px;
				left: 5px;
			}

		.addon-tile1 .price-yearly {
			display: none;
		}

		.addon-tile1.year-active .price-monthly {
			display: none;
		}

		.addon-tile1.year-active .price-yearly {
			display: block;
		}

		.addon-tile1 .feature-list ul {
			color: #515867;
			text-align: left;
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0.2px;
			padding: 0;
			margin-top: 1rem;
			list-style-type: none;
		}

		.addon-tile1 .feature-list i {
			color: #f79220;
			padding-right: 2px;
			font-size: 12px;
		}

		.addon-tile1 .feature-list li {
			padding-bottom: 4px;
		}

		.addon-tile1 .read-more {
			color: #515867;
			position: absolute;
			bottom: 0;
			left: 20px;
			font-size: 12px;
		}

			.addon-tile1 .read-more .fas {
				color: #515867;
				margin-bottom: 2rem;
			}

	.slider-3 #Addons h2 {
		color: #1e266d;
	}

	@media(max-width: 1350px) {
		.addon-tile1 {
			min-height: 20rem;
		}
	}

	@media(max-width: 1224px) {
		.addon-tile1 {
			min-height: 21rem;
		}
	}

	@media(max-width: 992px) {
		.addon-tile1 {
			min-height: 20rem;
		}
	}

	@media(max-width: 574px) {
		.addon-tile1 {
			min-height: auto;
			padding-bottom: 50px;
		}
	}


	/*********************/
	/*     Details 1     */
	/*********************/
	.basic-2 {
		padding-top: 5rem;
		padding-bottom: 5rem;
		/* background: url('../images/details-1-background.png') center center no-repeat; */
		background-size: cover;
	}

		.basic-2 h2 {
			margin-bottom: 1.5rem;
		}

		.basic-2 .intro {
			margin-bottom: 9.5rem;
		}

		.basic-2 .image-container {
			margin-bottom: 3.75rem;
		}

		.basic-2 .text-container p {
			margin-bottom: 1.75rem;
		}


	/****************************/
	/*     Details Lightbox     */
	/****************************/
	.lightbox-basic {
		position: relative;
		max-width: 950px;
		margin: 2.5rem auto;
		padding: 0 !important;
		background-color: transparent;
		text-align: left;
	}

		.lightbox-basic .image-container {
			margin-bottom: 3rem;
			text-align: center;
		}

			.lightbox-basic .image-container img {
				border-radius: 8px;
			}

		.lightbox-basic h3 {
			margin-bottom: 0.5rem;
		}

		.lightbox-basic hr {
			width: 44px;
			margin-top: 0.125rem;
			margin-bottom: 1rem;
			margin-left: 0;
			height: 2px;
			border: none;
			background-color: #ff6c02;
		}

		.lightbox-basic h4 {
			margin-top: 1.75rem;
			margin-bottom: 0.625rem;
		}

		.lightbox-basic .list-unstyled {
			margin-bottom: 1.5rem;
		}

			.lightbox-basic .list-unstyled .fas {
				font-size: 0.75rem;
				line-height: 1.75rem;
			}

			.lightbox-basic .list-unstyled .media-body {
				margin-left: 0.375rem;
			}

		.lightbox-basic .list-unstyled {
			margin-bottom: 1.5rem;
		}

	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%;
		/* 16:9 */
		height: 0;
	}

		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	/* Action Button */
	.lightbox-basic .btn-solid-reg.mfp-close {
		position: relative;
		width: auto;
		height: auto;
		border-color: #ff6c02;
		background-color: #ff6c02;
		color: #ffffff;
		opacity: 1;
		font-weight: 600;
		font-family: "Open Sans";
	}

		.lightbox-basic .btn-solid-reg.mfp-close:hover {
			background-color: transparent;
			color: #ff6c02;
		}
	/* end of action Button */

	/* Back Button */
	.lightbox-basic .btn-outline-reg.mfp-close.as-button {
		position: relative;
		display: inline-block;
		width: auto;
		height: auto;
		margin-left: 0.375rem;
		padding: 1.375rem 2.25rem 1.375rem 2.25rem;
		border: 1px solid #ff6c02;
		background-color: transparent;
		color: #ff6c02;
		opacity: 1;
		font-family: "Open Sans";
	}

		.lightbox-basic .btn-outline-reg.mfp-close.as-button:hover {
			background-color: #ff6c02;
			color: #ffffff;
		}
	/* end of back button */

	/* Close X Button */
	.lightbox-basic button.mfp-close.x-button {
		position: absolute;
		top: -2px;
		right: -2px;
		width: 44px;
		height: 44px;
		color: #555555;
	}
	/* end of close x button */


	/*********************/
	/*     Details 2     */
	/*********************/
	.basic-3 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

		.basic-3 .text-container {
			margin-bottom: 3.75rem;
		}

		.basic-3 h2 {
			margin-bottom: 1.5rem;
		}

		.basic-3 .list-unstyled .fas {
			font-size: 0.375rem;
			line-height: 1.625rem;
		}

		.basic-3 .list-unstyled .media-body {
			margin-left: 0.5rem;
		}


	/*********************/
	/*     Details 3     */
	/*********************/
	.basic-4 {
		padding-top: 3rem;
		padding-bottom: 5.5rem;
		background: url('../images/details-3-background.png') center center no-repeat;
		background-size: cover;
	}

		.basic-4 h2 {
			margin-bottom: 1.5rem;
		}

		.basic-4 .image-container {
			margin-bottom: 3.5rem;
		}

		.basic-4 p {
			margin-bottom: 1.75rem;
		}


	/************************/
	/*     Testimonials     */
	/************************/
	.slider-2 {
		padding-top: 50px;
		padding-bottom: 50px;
		background-color: #242057;
		text-align: center;
	}

		.slider-2 .h2-heading {
			margin-bottom: 1rem;
			color: #ffffff;
			text-align: center;
		}

		.slider-2 .p-heading {
			margin-bottom: 0rem;
			color: #ffffff;
			opacity: 0.8;
			text-align: center;
		}

		.slider-2 .slider-container {
			position: relative;
		}

		.slider-2 .swiper-container {
			position: static;
			width: 86%;
		}

		.slider-2 .swiper-button-prev:focus,
		.slider-2 .swiper-button-next:focus {
			/* even if you can't see it chrome you can see it on mobile device */
			outline: none;
		}

		.slider-2 .swiper-button-prev {
			left: -14px;
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
			background-size: 18px 28px;
		}

		.slider-2 .swiper-button-next {
			right: -14px;
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
			background-size: 18px 28px;
		}

		.slider-2 .card {
			border: none;
			border-radius: 14px;
		}

		.slider-2 .card-body {
			padding: 2.5rem 1.75rem;
		}

		.slider-2 .testimonial-text {
			margin-bottom: 1.875rem;
			font-style: italic;
			font-size: 1.125rem;
			line-height: 1.75rem;
		}

		.slider-2 .testimonial-image {
			display: inline-block;
			width: 70px;
			margin-bottom: 0.875rem;
			border-radius: 50%;
		}

		.slider-2 .testimonial-author {
			margin-bottom: 0.125rem;
			color: #222222;
			font-weight: 700;
			font-size: 1.125rem;
		}


	/**********************/
	/*     Newsletter     */
	/**********************/
	.form-1 {
		padding-top: 5.5rem;
		padding-bottom: 5.5rem;
	}

		.form-1 .h2-heading {
			margin-bottom: 0.75rem;
		}

		.form-1 .p-heading {
			margin-bottom: 3rem;
		}

		.form-1 .label-control {
			left: 2.125rem;
		}

		.form-1 .form-control-input {
			padding-top: 1.25rem;
			padding-bottom: 0.25rem;
			padding-left: 2rem;
			border-radius: 32px;
			background-color: #ffffff;
		}

		.form-1 .form-control-submit-button {
			height: 3.5rem;
		}

		.form-1 .label-control {
			top: 1rem;
		}


	/******************/
	/*     Footer     */
	/******************/
	.footer {
		padding-top: 5.5rem;
		padding-bottom: 1.5rem;
		background-color: #242057;
		color: #cecece;
	}

		.footer h6 {
			margin-bottom: 0.625rem;
			color: #ff6c02;
			font-weight: 600;
		}

		.footer .p-small1 {
			text-align: justify;
			font-size: 0.82rem;
			line-height: 1.3rem;
		}

		.footer a {
			text-decoration: none;
			color: #cecece;
		}

			.footer a:hover {
				text-decoration: underline;
			}

		.footer .footer-col {
			margin-bottom: 3rem;
		}

		.footer .li-space-lg li {
			margin-bottom: 0.375rem;
		}

		.footer .footer-col.third .fa-stack {
			width: 2.1em;
			font-size: 1.6rem;
		}

			.footer .footer-col.third .fa-stack .fa-stack-2x {
				color: rgb(255 255 255 / 80%);
				transition: all 0.2s ease;
			}

			.footer .footer-col.third .fa-stack .fa-stack-1x {
				color: #515867;
				transition: all 0.2s ease;
			}

			.footer .footer-col.third .fa-stack:hover .fa-stack-2x {
				color: #515867;
			}

			.footer .footer-col.third .fa-stack:hover .fa-stack-1x {
				color: #ffffff;
			}

	/*********************/
	/*     Copyright     */
	/*********************/
	.copyright {
		padding: 15px 0;
		background-color: #211d50;
		text-align: center;
	}

		.copyright p,
		.copyright a {
			color: #ffffff;
			text-decoration: none;
			margin: 0;
			font-size: 12px;
			letter-spacing: 0.5px;
		}

	/******************************/
	/*     Back To Top Button     */
	/******************************/
	a.back-to-top {
		position: fixed;
		z-index: 999;
		right: 12px;
		bottom: 12px;
		display: none;
		width: 42px;
		height: 42px;
		border-radius: 30px;
		background: #515867 url("../images/up-arrow.png") no-repeat center 47%;
		background-size: 18px 18px;
		text-indent: -9999px;
	}

	a:hover.back-to-top {
		background-color: #1e266d;
	}


	/***********************/
	/*     Extra Pages     */
	/***********************/
	.ex-header {
		padding-top: 8.5rem;
		padding-bottom: 4rem;
		background-color: #f9f9f9;
		text-align: center;
	}

	.ex-basic-1 .list-unstyled .fas {
		font-size: 0.375rem;
		line-height: 1.625rem;
	}

	.ex-basic-1 .list-unstyled .media-body {
		margin-left: 0.5rem;
	}

	.ex-basic-1 .text-box {
		padding: 1.25rem 1.25rem 0.5rem 1.25rem;
		background-color: #f9f9f9;
	}

	.ex-cards-1 .card {
		border: none;
		background-color: transparent;
	}

		.ex-cards-1 .card .fa-stack {
			width: 2em;
			font-size: 1.125rem;
		}

		.ex-cards-1 .card .fa-stack-2x {
			color: #ff6c02;
		}

		.ex-cards-1 .card .fa-stack-1x {
			color: #ffffff;
			font-weight: 700;
			line-height: 2.125rem;
		}

		.ex-cards-1 .card .list-unstyled .media-body {
			margin-left: 0.75rem;
		}

			.ex-cards-1 .card .list-unstyled .media-body h5 {
				margin-top: 0.125rem;
				margin-bottom: 0.375rem;
			}

	.ex-form-1 .text-box {
		padding: 2.5rem 1.5rem 1.5rem 1.75rem;
		border-radius: 10px;
		background-color: #f9f9f9;
	}


	/*************************/
	/*     Media Queries     */
	/*************************/
	/* Min-width 768px */
	@media (min-width: 768px) {

		/* Header */
		.header .btn-solid-lg {
			margin-bottom: 0;
		}
		/* end of header */


		/* Newsletter */
		.form-1 .form-group {
			max-width: 20rem;
			display: inline-block;
			vertical-align: top;
		}

		.form-1 .form-control-input {
			width: 20rem;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}

		.form-1 .form-control-submit-button {
			width: 9rem;
			margin-left: -0.375rem;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		/* end of newsletter */


		/* Extra Pages */
		.ex-basic-1 .text-box {
			padding: 1.75rem 2rem 0.875rem 2rem;
		}
		/* end of extra pages */
	}
	/* end of min-width 768px */


	/* Min-width 992px */
	@media (min-width: 992px) {

		/* General Styles */
		.h2-heading {
			/* width: 42.25rem; */
			margin-right: auto;
			margin-left: auto;
		}

		.p-heading {
			/* width: 34rem; */
			/* margin-right: auto; */
			/* margin-left: auto; */
		}
		/* end of general styles */


		/* Navigation */
		.navbar {
			padding-top: 1.75rem;
			background-color: transparent;
			border-bottom: none;
			transition: all 0.2s;
		}

			.navbar.top-nav-collapse {
				padding-top: 0.5rem;
				padding-bottom: 0.5rem;
				border-bottom: 1px solid #e3e8ec;
				background-color: #ffffff;
			}

		.offcanvas-collapse {
			position: static;
			top: auto;
			bottom: auto;
			left: auto;
			width: auto;
			padding-right: 0;
			padding-left: 0;
			background-color: transparent;
			overflow-y: visible;
			visibility: visible;
		}

			.offcanvas-collapse.open {
				-webkit-transform: none;
				transform: none;
			}

		.navbar .navbar-nav {
			margin-top: 0;
			margin-bottom: 0;
		}

		.navbar .nav-item .nav-link {
			padding-right: 0.75rem;
			padding-left: 0.75rem;
		}

		.navbar .dropdown-menu {
			margin-top: 0.25rem;
			box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.05);
		}

		.navbar .dropdown-divider {
			width: 90%;
		}

		.navbar .nav-item .btn-solid-sm {
			margin-top: 0;
			margin-left: 1rem;
		}
		/* end of navigation */


		/* Header */
		.header {
			padding-top: 10rem;
			padding-bottom: 4rem;
			text-align: left;
		}

		/*.header .text-container {
				margin-top: 1.5rem;
			}*/
		/* end of header */


		/* Customers */
		.slider-1 {
			padding-top: 5rem;
		}
		/* end of customers */


		/* Introduction */
		.basic-1 img {
			margin-bottom: 0;
		}

		.basic-1 .text-container {
			margin-top: 3rem;
		}
		/* end of introduction */


		/* Features */
		.cards-1 .card {
			display: inline-block;
			/* width: 290px; */
			vertical-align: top;
		}

			.cards-1 .card:nth-of-type(3n+2) {
				margin-right: 1.5rem;
				margin-left: 1.5rem;
			}
		/* end of features */


		/* Details 1 */
		.basic-2 .image-container {
			margin-bottom: 0;
		}

		.basic-2 .text-container {
			margin-top: 3.75rem;
		}

		.basic-2 h2 {
			margin-right: 2rem;
		}
		/* end of details 1 */


		/* Details Lightbox */
		.lightbox-basic {
			padding: 3rem 3rem;
		}

			.lightbox-basic .image-container {
				margin-bottom: 0;
				text-align: left;
			}
		/* end of details lightbox */


		/* Details 2 */
		.basic-3 .text-container {
			margin-bottom: 0;
		}
		/* end of details 2 */


		/* Details 3 */
		.basic-4 .image-container {
			margin-bottom: 0;
		}

		.basic-4 .text-container {
			margin-top: 3.5rem;
		}
		/* end of details 3 */


		/* Testimonials */
		.slider-2 .swiper-container {
			width: 90%;
		}

		.slider-2 .swiper-button-prev {
			left: 0;
			width: 22px;
			background-size: 22px 34px;
		}

		.slider-2 .swiper-button-next {
			right: 0;
			width: 22px;
			background-size: 22px 34px;
		}

		.slider-2 .details {
			display: flex;
			align-items: flex-start;
		}

		.slider-2 .text {
			flex-direction: column;
		}

		.slider-2 .testimonial-author {
			margin-top: 0.625rem;
		}

		.slider-2 .testimonial-image {
			margin-right: 1.125rem;
			margin-bottom: 0;
		}
		/* end of testimonials */


		/* Footer */
		.footer .footer-col {
			margin-bottom: 2rem;
		}

			.footer .footer-col.first {
				display: inline-block;
				width: 320px;
				margin-right: 1.75rem;
				vertical-align: top;
			}

			.footer .footer-col.second {
				display: inline-block;
				width: 320px;
				margin-right: 1.75rem;
				vertical-align: top;
			}

			.footer .footer-col.third {
				display: inline-block;
				width: 224px;
				text-align: right;
				vertical-align: top;
			}

				.footer .footer-col.third .fa-stack {
					margin-right: 0;
					margin-left: 0.375rem;
				}
		/* end of footer */


		/* Extra Pages */
		.ex-cards-1 .card {
			display: inline-block;
			width: 296px;
			vertical-align: top;
		}

			.ex-cards-1 .card:nth-of-type(3n+2) {
				margin-right: 1rem;
				margin-left: 1rem;
			}
		/* end of extra pages */
	}
	/* end of min-width 992px */


	/* Min-width 1200px */
	@media (min-width: 1200px) {

		/* General Styles */
		.h1-large {
			font-size: 3.25rem;
			line-height: 4rem;
		}
		/* end of general styles */


		/* Header */
		.header {
			overflow-x: hidden;
			padding-top: 10.75rem;
			padding-bottom: 6rem;
		}

		/*.header .text-container {
				margin-top: 6.5rem;
			}*/

		/*.header img {
				position: absolute;
				left: 5rem;
			}*/
		/* end of header */


		/* Introduction */
		.basic-1 .text-container {
			margin-top: 5rem;
		}
		/* end of introduction */


		/* Features */
		.cards-1 .card {
			/* width: 320px; */
		}

			.cards-1 .card:nth-of-type(3n+2) {
				margin-right: 4.375rem;
				margin-left: 4.375rem;
			}
		/* end of features */


		/* Details 1 */
		.basic-2 .intro h2 {
			margin-right: 10rem;
		}

		.basic-2 .text-container {
			margin-top: 6.5rem;
		}
		/* end of details 1 */


		/* Details Lightbox */
		.lightbox-basic .image-container {
			margin-right: 1.5rem;
		}
		/* end of details lightbox */


		/* Details 2 */
		.basic-3 .image-container {
			text-align: right;
		}

		.basic-3 .text-container {
			margin-top: 4rem;
		}
		/* end of details 2 */


		/* Details 3 */
		.basic-4 .text-container {
			margin-top: 6rem;
		}
		/* end of details 3 */


		/* Testimonials */
		.slider-2 .swiper-container {
			width: 92%;
		}

		.slider-2 .card-body {
			padding: 3rem 2.625rem 3.125rem 2.625rem;
		}
		/* end of testimonials */


		/* Footer */
		.footer .footer-col.first {
			width: 352px;
			margin-right: 6rem;
		}

		.footer .footer-col.second {
			margin-right: 6.5rem;
		}

		.footer .footer-col.third {
			text-align: right;
		}
		/* end of footer */


		/* Extra Pages */
		.ex-cards-1 .card {
			width: 336px;
		}

			.ex-cards-1 .card:nth-of-type(3n+2) {
				margin-right: 2.875rem;
				margin-left: 2.875rem;
			}
		/* end of extra pages */
	}
	/* end of min-width 1200px */


	.align-center {
		align-items: center;
	}

	.impactIt-logo {
		max-width: 350px;
	}

	.about-powered {
		border-top: 1px solid rgb(36 32 87 / 0.09);
		padding-top: 20px;
		font-weight: 600;
	}

	.font13 {
		font-size: 13px;
	}



	/*** PRICING ***/


	.wr-pricing,
	.pricing-page {
		width: 100%;
		max-width: 1450px;
		margin: auto;
	}

	.pricing-desktop {
		padding-top: 20px;
	}

		.pricing-desktop .pricing-column {
			padding: 24px 18px 8px 18px;
			border-radius: 9px;
			/* text-align: center; */
		}

			.pricing-desktop .pricing-column.highlight {
				background-color: rgba(236, 245, 254, 0.7);
				height: 100%;
				mix-blend-mode: multiply
			}

		.pricing-desktop .pricing-title {
			font-weight: 600;
			font-size: 20px;
			white-space: nowrap;
		}

		.pricing-desktop .pricing-subtitle {
			font-size: 12px;
			color: #74808B;
			min-height: 6rem;
			margin-bottom: 0;
			padding: 0;
			background: none;
			font-weight: 400;
		}

		.pricing-desktop .plan-header,
		.pricing-desktop .pricing-header {
			text-transform: uppercase;
			font-weight: 600;
			font-size: 13px;
			letter-spacing: 1px;
			color: #A6B1B9
		}

		.pricing-desktop .plan-header {
			line-height: 1.5rem;
			margin-bottom: 1.75rem;
			padding-top: 1.5rem;
		}

		.pricing-desktop .pricing-header {
			line-height: 21px;
			margin-bottom: 9.5rem;
		}

		.pricing-desktop .pricing-text {
			font-size: 14px;
			color: #242057;
			min-height: 5rem;
		}

		.pricing-desktop .pricing-currency {
			display: inline-block;
			font-size: 18px;
			color: #fc6c01;
			margin-top: 3px;
			margin-right: 2px;
		}

		.pricing-desktop .pricing-amount {
			display: inline-block;
			line-height: 40px;
			font-size: 34px;
			font-weight: 600;
			color: #fc6c01;
		}

			.pricing-desktop .pricing-amount small {
				font-size: 11px;
				color: #515867;
				font-weight: 500;
				position: relative;
				top: -3px;
				left: 5px;
			}

		.pricing-desktop .btn-pricing {
			white-space: nowrap;
			margin-bottom: 2.5rem
		}

		.pricing-desktop .feature {
			padding: 1.5rem 0;
			font-size: 14px;
			font-weight: 600;
			color: #4C5A67;
			position: relative;
			white-space: nowrap;
			height: 67px;
		}

			.pricing-desktop .feature > div {
				position: absolute;
				top: 0;
				left: 0;
				width: 100vw;
				border-top: 1px solid #EEF0F2
			}

		.pricing-desktop .Pricing-col-right .feature {
			font-weight: 500;
			padding-left: 15px;
		}

			.pricing-desktop .Pricing-col-right .feature.main-module {
				font-weight: 700;
				color: #242057;
				font-size: 15px;
				letter-spacing: 0.5px;
				background-color: #f9f9f9;
				margin-right: -7000em;
			}

		.pricing-desktop .pricing-column .btn-outline-sm {
			border: 1px solid #1e266d;
			padding: 1rem 1.5rem 1rem 1.5rem;
			color: #1e266d;
			border-radius: 26px;
			font-size: 12px;
			cursor: pointer;
		}

			.pricing-desktop .pricing-column .btn-outline-sm:hover {
				background-color: #1e266d;
				color: #ffffff;
			}

	textarea.form-control-input {
		min-height: 120px;
		line-height: 1.5;
	}


	.label-control.required:after {
		content: ' *';
		color: red;
	}

	.pricing-text .d-flex {
		/* justify-content: center; */
	}

	.pricing-column .price-yearly {
		display: none;
	}

	.pricing-column.year-active .price-monthly {
		display: none;
	}

	.pricing-column.year-active .price-yearly {
		display: block;
	}


	/***Pricing switch container***/

	.cd-pricing-container {
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.cd-pricing-switcher {
		text-align: center;
	}

		.cd-pricing-switcher .fieldset {
			display: inline-block;
			position: relative;
			padding: 2px;
			border-radius: 50em;
			border: 1px solid #242057;
			background-color: #242057;
		}

		.cd-pricing-switcher input[type="radio"] {
			position: absolute;
			opacity: 0;
		}

		.cd-pricing-switcher label {
			position: relative;
			z-index: 1;
			display: inline-block;
			float: left;
			width: 150px;
			height: 40px;
			line-height: 40px;
			cursor: pointer;
			font-size: 12px;
			font-weight: 500;
			color: #ffffff;
			letter-spacing: 0.2px;
			margin: 0;
		}

		.cd-pricing-switcher .cd-switch {
			/* floating background */
			position: absolute;
			top: 2px;
			left: 2px;
			height: 40px;
			width: 150px;
			background-color: #ffffff;
			border-radius: 50em;
			-webkit-transition: -webkit-transform 0.5s;
			-moz-transition: -moz-transform 0.5s;
			transition: transform 0.5s;
		}

		.cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch,
		.cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch {
			/* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/
			-webkit-transform: translateX(90px);
			-moz-transform: translateX(90px);
			-ms-transform: translateX(90px);
			-o-transform: translateX(90px);
			transform: translateX(150px);
		}

		.cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) {
			color: #242057;
		}


	/***Country select dropdown***/

	.form-control-select1 {
		width: 300px;
		max-width: 100%;
		border: 2px solid #1e266d;
		border-radius: 50px;
		color: #1e266d;
		font-size: 12px;
		font-weight: 500;
		transition: all 0.2s;
		padding: 5px 15px;
		height: 2.7rem;
		color: #1e266d;
		cursor: pointer;
		background-image: linear-gradient( 45deg, transparent 50%, rgb(30 38 109 / 80%) 50%), linear-gradient( 135deg, rgb(30 38 109 / 80%) 50%, transparent 50%);
		background-position: calc(100% - 23px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
		background-size: 8px 8px, 8px 8px, 2.5em 2.5em;
		background-repeat: no-repeat;
	}

	.form-control-select1 {
		/* for Firefox */
		-moz-appearance: none;
		/* for Chrome */
		-webkit-appearance: none;
	}
		/* For IE10 */
		.form-control-select1 ::-ms-expand {
			display: none;
		}

	@media (max-width: 352px) {

		.form-control-select1 {
			width: 264px;
		}

		.cd-pricing-switcher label {
			width: 130px;
			font-size: 0.65rem;
			font-weight: 500;
		}

		.cd-pricing-switcher .cd-switch {
			/* floating background */
			width: 130px;
		}

		.cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch,
		.cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch {
			/* use label:nth-of-type(n) to fix a bug on safari with multiple adjacent-sibling selectors*/
			transform: translateX(130px);
		}
	}



	.accordion {
		margin-top: 25px;
	}

		.accordion a {
			position: relative;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			flex-direction: column;
			width: 100%;
			padding: 1rem 3rem 1rem 1rem;
			color: #4C5A67 !important;
			font-size: 15px;
			font-weight: 400;
			border-bottom: 1px solid #e5e5e5;
			text-decoration: none;
		}

			.accordion a:hover,
			.accordion a:hover::after {
				cursor: pointer;
				color: #242057;
			}

				.accordion a:hover::after {
					border: 1px solid #242057;
				}

			.accordion a.active {
				color: #fc6c01 !important;
				border-bottom: 1px solid #fc6c01;
			}

			.accordion a::after {
				content: '+';
				position: absolute;
				float: right;
				right: 1rem;
				top: 12px;
				font-size: 1.05rem;
				color: #7288a2;
				padding: 3px 0 0 1px;
				width: 30px;
				height: 30px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				border: 1px solid #7288a2;
				text-align: center;
				font-weight: 500;
			}

			.accordion a.active::after {
				content: '-';
				color: #242057;
				border: 1px solid #242057;
			}

		.accordion .content {
			display: none;
			padding: 1rem;
			overflow: hidden;
		}

			.accordion .content p {
				font-size: 13px;
			}





	#Addons h2 {
		color: #fc6c01;
	}

	.addon-tile {
		padding: 24px 18px 8px 18px;
		border-radius: 4px;
		background-color: #242057;
		text-align: left;
		font-weight: 600;
		font-size: 18px;
		transition: all .3s !important;
		color: #ffffff;
		min-height: 26rem;
		position: relative;
		display: block;
	}

		.addon-tile:hover {
			box-shadow: 0 0 15px 0 rgb(36 32 87 / 80%);
		}

		.addon-tile .description {
			font-size: 12px;
			color: rgb(251 251 251 / 75%);
			margin-top: 1rem;
			margin-bottom: 1rem;
		}

		.addon-tile .pricing-currency {
			display: inline-block;
			font-size: 18px;
			color: #ffffff;
			margin-top: 3px;
			margin-right: 2px;
		}

		.addon-tile .pricing-text {
			font-size: 14px;
			color: rgb(255 255 255 / 0.80);
			margin-top: 1rem;
			font-weight: 400;
		}

		.addon-tile .pricing-amount {
			display: inline-block;
			line-height: 40px;
			font-size: 32px;
			font-weight: 600;
			color: #f9f9f9;
		}

			.addon-tile .pricing-amount small {
				font-size: 11px;
				color: #8c92a0;
				font-weight: 500;
				position: relative;
				top: -3px;
				left: 5px;
			}

		.addon-tile .price-yearly {
			display: none;
		}

		.addon-tile.year-active .price-monthly {
			display: none;
		}

		.addon-tile.year-active .price-yearly {
			display: block;
		}

		.addon-tile .feature-list ul {
			color: #ffffff;
			text-align: left;
			font-size: 12px;
			font-weight: 400;
			letter-spacing: 0.2px;
			padding: 0;
			margin-top: 1rem;
			list-style-type: none;
		}

		.addon-tile .feature-list i {
			color: #ffffff;
			padding-right: 2px;
			font-size: 12px;
		}

		.addon-tile .feature-list li {
			padding-bottom: 4px;
		}

		.addon-tile .read-more {
			color: #ffffff;
			position: absolute;
			bottom: 0;
			left: 20px;
			font-size: 12px;
		}

			.addon-tile .read-more .fas {
				color: #ffffff;
				margin-bottom: 2rem;
			}

		.addon-tile .btn-outline-sm {
			border: 1px solid #ff6c02;
			padding: 1rem 1.5rem 1rem 1.5rem;
			color: #ff6c02;
			border-radius: 26px;
			cursor: pointer;
			font-size: 12px;
			padding-top: 1rem;
			position: absolute;
			bottom: 2rem;
		}

			.addon-tile .btn-outline-sm:hover {
				background-color: #ff6c02;
				color: #ffffff;
			}

	@media(max-width: 1350px) {
		.addon-tile {
			min-height: 27rem;
		}
	}

	@media(max-width: 1226px) {
		.addon-tile {
			min-height: 28rem;
		}
	}

	@media(max-width: 1199px) {
		.addon-tile {
			min-height: 25rem;
		}
	}

	@media(max-width: 990px) {
		.addon-tile {
			min-height: 27rem;
		}
	}

	@media(max-width: 575px) {
		.addon-tile {
			min-height: auto;
			padding-bottom: 40px;
		}
	}



	.main-Features .FeatureItem {
		padding: 40px 0px 40px 0px;
	}

		.main-Features .FeatureItem:nth-child(2n) {
			background-color: #f8f8fb;
		}


	.main-Features h2 {
		font-size: 38px;
		letter-spacing: 0.5px;
		margin: 0 0 15px;
	}

	.main-Features h5 {
		color: #4b5260;
		font-weight: 600;
		font-size: 18px;
		display: none;
	}

	.main-Features ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-weight: 600;
		font-size: 18px;
	}

		.main-Features ul ul {
			list-style: none;
			padding-left: 15px;
			margin-top: 5px;
			font-family: 'Poppins', sans-serif !important;
		}

		.main-Features ul li li {
			padding-left: 0;
			font-weight: 400;
			font-size: 13px;
			padding-bottom: 12px;
			color: #757575;
			position: relative;
		}

			.main-Features ul li li::before {
				content: " ";
				width: 5px;
				height: 5px;
				border-radius: 50%;
				background-color: #fc6c01;
				position: absolute;
				left: -13px;
				top: 6px;
			}

	.main-Features img {
		width: 100%;
	}

	.FeatureItem-video {
		position: relative;
		margin-left: 50px;
	}

		.FeatureItem-video a {
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: rgb(0 0 0 / 35%);
			text-decoration: none;
			font-size: 60px;
			box-shadow: rgb(0 0 0 / 18%) 0px 5px 15px;
			color: #fff;
			transition: all 0.2s;
		}

			.FeatureItem-video a:hover {
				color: #ff6c02;
				font-size: 65px;
			}



	@media(max-width:768px) {
		h1 {
			font-size: 2rem;
			line-height: 2rem;
		}

		.h1-large {
			font-size: 2.2rem;
			line-height: 3rem;
		}
	}

	@media(max-width:576px) {
		h1 {
			font-size: 1.8rem;
			line-height: 2rem;
		}
	}


	/******************************/
	/*          Location          */
	/******************************/

	.contact-form .container img {
		max-width: 1000px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.contact-form .container .image-frame::after {
		content: ' ';
		position: absolute;
		top: 20px;
		right: 20px;
		bottom: 98px;
		left: 20px;
		border: 5px solid #ffffff;
	}

	.contact-form .container .image-frame1::after {
		content: ' ';
		position: absolute;
		top: 36px;
		right: 36px;
		bottom: 114px;
		left: 36px;
		border: 5px solid #ffffff;
	}

	.contact-form .container .location {
		background-color: #242057;
		display: flex;
		justify-content: center;
		min-height: 6rem;
		margin: -5.5rem 6rem 0 6rem;
		position: relative;
	}

		.contact-form .container .location h5 {
			color: #ffffff;
			font-weight: 600;
			font-size: 17px;
		}

		.contact-form .container .location .location-text {
			color: rgb(255 255 255 / 50%);
			font-weight: 400;
			font-size: 14px;
			line-height: 1.5rem;
		}

		.contact-form .container .location a {
			color: #ff6c02;
			text-decoration: underline;
		}

			.contact-form .container .location a:hover {
				color: rgb(255 255 255 / 0.40);
				text-decoration: underline;
			}

	.contact-form .container .offshore .location {
		background-color: #242057;
		display: flex;
		justify-content: center;
		min-height: 6rem;
		margin: -5.5rem 5rem 0 5rem;
		position: relative;
		padding: 0 10px;
	}


	.contact-map {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	.contact-mainBranch {
		margin-top: -8rem;
		background-color: #fff !important;
		border-radius: 6px;
		position: relative;
		z-index: 99;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		padding: 0px !important;
		overflow: hidden;
	}

		.contact-mainBranch .contact-form,
		.contact-mainBranch .contact-details {
			padding: 30px 20px !important;
			height: 100%;
		}

		.contact-mainBranch .col-md-4 {
			background-color: #242057;
		}

			.contact-mainBranch .col-md-4 h4 {
				color: #fff;
				font-weight: 500;
				padding: 0;
				margin: 0;
			}

		.contact-mainBranch h4 {
			font-weight: 600;
			font-size: 1.4rem;
			letter-spacing: 0px;
		}

		.contact-mainBranch .form-group {
			margin-bottom: 12px;
		}

		.contact-mainBranch .contact-details .contact-details-center div {
			display: flex;
			/* color: rgb(255 255 255 / 0.75); */
			margin-top: -5px;
		}

		.contact-mainBranch .contact-details div i {
			font-size: 20px;
			width: 12%;
			opacity: 0.4;
			color: rgb(255 255 255 / 0.75);
		}

		.contact-mainBranch .contact-details div b {
			font-size: 15px;
			font-weight: 600;
			color: rgb(255 255 255 / 0.90);
		}

		.contact-mainBranch .contact-details div p {
			padding: 0;
			margin: 0;
			width: 92%;
			color: rgb(255 255 255 / 0.70);
		}

		.contact-mainBranch .contact-details div a {
			color: rgb(255 255 255 / 0.70) !important;
			text-decoration: none !important;
		}

	.contact-otherLocations {
		padding-top: 70px !important;
		padding-bottom: 70px !important;
		background-color: #f6faff;
		margin-top: 70px;
	}

	@media (min-width: 768px) {
		.contact-details-center {
			display: flex;
			flex-direction: column;
			height: 100%;
			justify-content: center;
		}
	}

	@media (max-width: 768px) {
		.contact-form .container .offshore .location {
			margin: -5.5rem 3rem 0 3rem;
		}

		h2 {
			font-size: 2rem;
		}
	}

	@media (max-width: 575px) {
		.contact-form .container .offshore .location {
			margin: -5.5rem 2rem 0 2rem;
		}

		h2 {
			font-size: 1.6rem;
			line-height: normal;
		}
	}


/******************************/
/*       Inquiry Modal        */
/******************************/
	.modal-header h6 {
		font-weight: 600;
	}

	.modal-body .contact-form .label-control {
		color: #3a404c;
	}

	.modal-body .contact-form .form-control-input {
		font-size: 0.8rem;
	}

	.modal-body .contact-form .form-control-select1 {
		display: block; /* needed for proper display of the label in Firefox, IE, Edge */
		width: 100%;
		border: 1px solid #e2e2e2;
		border-radius: 4px;
		background-color: #ffffff;
		color: #515867;
		font-size: 0.8rem;
		font-weight: normal;
		transition: all 0.2s;
		-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
		padding: 6px 15px;
		background-image: linear-gradient( 45deg, transparent 50%, rgb(81 88 103 / 80%) 50%), linear-gradient( 135deg, rgb(81 88 103 / 80%) 50%, transparent 50%);
		background-position: calc(100% - 21px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
		background-size: 6px 6px, 6px 6px, 2.5em 2.5em;
	}

	.modal-footer .btn-solid-sm {
		padding: 1rem 1.3rem;
		border: 1px solid #ff6c02;
		background-color: #ff6c02;
		color: #ffffff;
		font-weight: 600;
		font-size: 0.75rem;
	}

		.modal-footer .btn-solid-sm:hover {
			border: 1px solid #ff6c02;
			background-color: transparent;
			color: #ff6c02;
		}

	.modal-footer .btn-outline-sm {
		padding: 1rem 1.3rem;
		border: 1px solid #515867;
		color: #515867;
		font-weight: 600;
		font-size: 0.75rem;
	}

		.modal-footer .btn-outline-sm:hover {
			background-color: #515867;
			color: #ffffff;
	}




 /* Sumith */
#contact-form .iti.iti--allow-dropdown.iti--separate-dial-code {
	width: 100%;
}
#contact-form .select2-container--default .select2-selection--single {
	border: 1px solid #e2e2e2;
	height: 40px;
	line-height: 40px;
}
#contact-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 40px;
}
#contact-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
}
#contact-form .select2-search__field:active:focus {
	border: 1px solid #242057;
}
#contact-form textarea.form-control:focus, #contact-form .form-control-input:focus {
	border-color: #242057;
	box-shadow: none;
}