/* Description: Master CSS file */

/*****************************************
Table Of Contents:
- General Styles			22   ----->  49
- Navigation				53   ----->  93
- Header					97   ----->  110
- Simple-Reliability		114  ----->  129
- counts					22   ----->  49
- Products					22   ----->  49
- Clients					22   ----->  49
- Testimonials				22   ----->  49
- About-us					22   ----->  49
- Footer					22   ----->  49
- Copyright					22   ----->  49
- Back To Top Button		22   ----->  49
- Extra Pages				22   ----->  49
- Media Queries				22   ----->  49
******************************************/

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

* {
	font: 400 1rem/1.625rem "Open Sans", sans-serif;
}

body {
	color: #5e6576;
	font: 400 1rem/1.625rem "Open Sans", sans-serif;
	overflow-x: hidden;
	box-sizing: border-box;
}

h1 {
	font-size: 40px;
	line-height: 3.25rem;
	letter-spacing: -0.4px;
}

h2 {
	font-size: 30px;
	line-height: 2.5rem;
	letter-spacing: -0.4px;
}

h3 {
	font-size: 27px;
	line-height: 2.25rem;
	letter-spacing: -0.2px;
}

h4 {
	font-size: 25px;
	line-height: 2rem;
	letter-spacing: -0.2px;
}

h5 {
	font-size: 20px;
	line-height: 1.625rem;
}

h6 {
	font-size: 16px;
	line-height: 1.375rem;
}

h1, h2, h3, h4, h5, h6 {
	color: #2b6997;
	font-weight: 500;
	margin-bottom: 0px;
}

p {
	font-size: 14px;
	font-weight: 400;
	color: #5e6576;
	line-height: normal;
	margin-bottom: 0px;
}

.p-large {
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-bottom: 25px;
}

a {
	color: #0d6efd;
	text-decoration: underline;
}

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

	.btn-solid-lg:hover {
		background-color: transparent;
		color: #2b6997;
		text-decoration: none;
	}

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

	.btn-solid-sm:hover {
		background-color: transparent;
		color: #2b6997;
		text-decoration: none;
	}

img {
	max-width: 100%;
}

.team-img {
	text-align: center;
	max-width: 150px;
	max-height: 150px;
}

.team-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #f7f7f7;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	padding: 15px;
}

.team-img img {
	max-width: 100%;
	border-radius: 100%;
	border: 1px solid #f0f0f0;
}

.blocks > div {
	padding: 1.6rem 0rem;
}

.blocks > div {
	padding: 2.2rem 0rem !important;
}

.main-header {
	padding: 1rem 0rem;
}

.img-blocks {
	text-align: right;
}

.paragraph-text {
	text-align: justify;
	margin-bottom: 10px;
}

.blocks > div:nth-child(odd) {
	background-color: #fafafc;
}

.blocks > div:nth-child(even) .mb-reverse {
	display: flex;
	flex-wrap: wrap-reverse;
}

.carees > div:nth-child(even) .mb-reverse {
	display: flex;
	flex-wrap: inherit;
	flex-direction: column;
}

.carees > div:nth-child(2) .mb-reverse h2, .carees > div:nth-child(3) .mb-reverse h2, .carees > div:nth-child(4) .mb-reverse h2 {
	font-size: 20px;
	line-height: 1.625rem;
}

.carees > div:nth-child(even) .mb-reverse .col-md-6 {
	width: 100%;
}

.carees > div:nth-child(3) .mb-reverse .col-md-6 {
	width: 100%;
}

.carees > div:nth-child(even) .mb-reverse .col-md-6 .img-blocks {
	text-align: center;
	width: 65%;
}

.carees > div:nth-child(3) .mb-reverse .col-md-6 .img-blocks {
	text-align: center;
	width: 65%;
}

	.carees > div:nth-child(3) .mb-reverse .col-md-6 .img-blocks img {
		padding-top: 20px;
	}

.carees > div:nth-child(even) .mb-reverse .col-md-6 .img-blocks {
	padding-top: 20px;
}

.sub-header {
	min-height: 80% !important;
}

.mandatory {
	color: #ff0000;
}

.border-mobile {
	border: 1px solid #dee2e6;
	border-radius: 4px;
}

div#rc-anchor-alert {
	display: none;
}

/* .img-blocks-1 img  							{min-width: 95% !important;} */
.img-blocks-1 {
	text-align: center !important;
}

.support .card-text {
	min-height: 7.1rem;
	text-align: justify;
}

.support .card-title i {
	font-size: 24px;
}



.bannerdiv {
	padding: 0 30px;
	text-align: center;
	/* background-color: rgb(255, 255, 255);*/
	border-radius: 12px;
	position: relative;
}

.swiper-container2 {
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

	.swiper-container2 .swiper-slide {
		align-self: center;
		justify-content: space-between;
	}

		.swiper-container2 .swiper-slide h2 {
			font-size: 2.5rem;
			font-weight: 400;
			margin-bottom: 10px;
			line-height: 1.2em;
		}

.owl-nav {
	display: none;
}

@media (min-width:991px) {
	.img-blocks-1 img {
		min-width: 75%;
	}
}

.blocks > div:nth-child(odd) .toprow {
	display: flex;
	flex-direction: row-reverse;
}

.lftcnt:nth-child(odd) {
	float: right;
}

.rgtcnt:nth-child(odd) {
	float: left;
}

/*.rgtcnt .sndimageblock img:nth-child(even) {
	float:right;
}*/
/*.blkimg:nth-child(odd) {
	float: left;
}
.blkimg:nth-child(2) {
	float: right;
}*/
.subcontent:nth-child(2) {
	width: 30% !important;
}

.submadule > .lftcnt:nth-child(2) {
	float: none !important;
}

.submadule:nth-child(2) {
	width: 26%;
	float: left;
	margin-left: 187px;
}

.submadule:nth-child(3) {
	width: 26%;
	float: left;
	background: none !important;
}

.submadule:nth-child(4) {
	width: 26%;
	float: left;
}

.lfmidcnt:nth-child(2) {
	width: 100%;
	float: none;
}

.lfmidcnt:nth-child(1) {
	float: right;
}

.rhtmicnt:nth-child(1) {
	float: left;
}




/*--------- End General Styles ---------*/
/*-------------------  	
============= Navigation   	
-------------------*/
.navbar {
	background-color: #fcfafb;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0.875rem;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
}

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

	.navbar .logo-image img {
		width: 230px;
	}

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

.offcanvas-collapse {
	position: fixed;
	top: 3.25rem;
	bottom: 0;
	left: 100%;
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	visibility: hidden;
	background-color: #fcfafb;
	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.625rem;
	padding-bottom: 0.625rem;
	color: #5e6576;
	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: #2b6997;
	}

.navbar .dropdown .dropdown-menu {
	animation: fadeDropdown 0.2s;
}

.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

.products-menu ul li a.dropdown-item h2 p {
	font-weight: bold !important;
}


.btn-solid-lg {
	padding: 1rem 1.5rem 1rem 1.5rem;
	margin-top: 8px;
}

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

	100% {
		opacity: 1;
	}
}

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

.navbar .dropdown-item h2 p {
	padding-top: 0.125rem;
	padding-bottom: 0.225rem;
	color: #5e6576;
	font-weight: 500;
	font-size: 0.875rem;
	line-height: 0.775rem;
	text-decoration: none;
}

.card-title {
	margin-bottom: 0.1rem;
}

.navbar .dropdown-item:hover {
	background-color: #fcfafb;
	color: #2b6997;
}

.navbar .dropdown-divider {
	width: 100%;
	height: 1px;
	margin: 0 0.5rem;
	border: none;
	background-color: #d1d1d1;
}

.navbar .dropdown-divider-single {
	margin: 5px 0.5rem;
}

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

nav ul li a b {
	font-weight: 600;
}


.flip-img {
	position: relative;
}

	.flip-img img {
		position: absolute;
	}

.top {
	animation-name: fade;
	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse
}

@keyframes fade {
	0% {
		opacity: 1;
	}

	25% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}



.img-align-width {
	width: 210px;
	height: 41px;
	margin-left: 41px;
}

	.img-align-width img {
		max-width: 120px;
	}

#wrapper {
	perspective: 1500px;
}

.box-area {
	position: relative;
	transform-style: preserve-3d;
	animation-name: rotate;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes rotate {
	0% {
		transform: rotate3d(0, 0, 0, 0);
	}

	100% {
		transform: rotate3d(0, 1, 0, 360deg);
	}
}

.box {
	position: absolute;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}

#box-front {
	transform: translateX(-26px) translateY(-25px) translateZ(22px);
}

#box-back {
	transform: translateX(-26px) translateY(-25px) translateZ(-25px);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

#box-right {
	transform: translateY(-25px) rotateY(90deg);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

#box-left {
	transform: translateY(-25px) translateX(-50px) rotateY(90deg);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.box-area {
	transform: rotateX(90deg) rotateY(90deg);
}

	.box-area img {
		width: 60%;
	}

/*--------- End Navigation ---------*/


/*-------------------  	
============= Enquiry Form     	
-------------------*/

#vert {
	height: auto;
	padding: 12px;
	background-color: #2b6997;
	color: #fff;
}

.button-container {
	display: grid;
	position: relative;
}

.vertical {
	position: fixed;
	top: 100px;
	right: 0px;
	z-index: 99;
	text-decoration: none;
}
/*--------- End Enquiry Form ---------*/

/*-------------------  	
============= Header     	
-------------------*/
.header {
	min-height: 100%;
	background-image: url(/assets/bg_img/bg-img.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

	.header .h2-large {
		margin-bottom: 1.75rem;
	}

.text-gradient, .text-gradient sup {
	background: linear-gradient(to right, #024d83, #01629a, #007ab3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header .image-container {
	margin-top: 5rem;
}

	.header .image-container img {
		height: 100%;
	}

.carousel-indicators [data-bs-target] {
	background-color: #9dc0da;
	height: 15px;
	width: 15px;
	border-radius: 50%;
}

.carousel-indicators .active {
	background-color: #024d83;
}

#carousel2 .owl-carousel .owl-stage-outer {
	height: 500px !important;
}

#carousel1 .owl-carousel .owl-stage-outer {
	height: 200px !important;
}

#carousel .owl-carousel .owl-stage-outer {
	height: 200px !important;
}

.img-fluid {
	object-fit: fill;
	/*width: 550px !important;*/
}

.carousel-indicators {
	bottom: -30px;
}

/*--------- End Header ---------*/

/*-------------------
============= Simple-Reliability Starts
-------------------*/
.flipy {
	-webkit-perspective: 800;
	width: 100%;
	height: 150px;
	position: relative;
}

	.flipy .effect:hover {
		-webkit-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
	}

	.flipy .effect {
		width: 99%;
		height: 100%;
		-webkit-transform-style: preserve-3d;
		-webkit-transition: 0.5s;
	}

		.flipy .effect .face {
			width: 100%;
			height: 100%;
			position: absolute;
			overflow: hidden;
			-webkit-backface-visibility: hidden;
			z-index: 2;
			font-family: Georgia;
			font-size: 3em;
			text-align: center;
			line-height: 200px;
		}

		.flipy .effect .front {
			position: absolute;
			z-index: 1;
			color: #fff;
			cursor: pointer;
		}

		.flipy .effect .back {
			-webkit-transform: rotateY(180deg);
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			background: linear-gradient(to top, #fff0, #efeffd, #fff0);
			color: #000;
			padding: 10px;
			cursor: pointer;
		}

.simple-gradient::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, #fff, #024d83, #fff);
	width: 1px;
	opacity: 0.8;
}

.simple-gradient-1::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top, #fff, #024d83, #fff);
	width: 1px;
	opacity: 0.8;
}

.effect-alignment {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*--------- End Simple-Reliability ---------*/
/*-------------------
============= Counts
-------------------*/
.year img {
	max-width: 100%;
}

.count-1 {
	max-height: 100%;
	cursor: pointer;
}

	.count-1:hover {
		height: 100%;
	}

.counter-item p {
	margin-top: 10px;
}

.counter-item h3 {
	font-size: 35px;
}

.gradient-border-1, .gradient-border-2 {
	position: relative;
}

.counts-row .gradient-border-1:nth-child(2) ::after {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	background: none,;
	height: 0;
	opacity: 0;
}


.gradient-border-1::before {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(to left, #fff, #024d83, #fff);
	height: 1px;
	opacity: 0.8;
}

.gradient-border-1::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, #fff, #024d83, #fff);
	width: 1px;
	opacity: 0.8;
}

.gradient-border-2::before {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	background: linear-gradient(to left, #fff, #024d83, #fff);
	height: 1px;
	opacity: 0.8;
}

.gradient-border-2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top, #fff, #024d83, #fff);
	width: 1px;
	opacity: 0.8;
}

.border-height {
	padding-bottom: 15px;
}

.count-margin-1 {
	margin-right: 10px;
}

.count-margin-2 {
	margin-left: 10px;
}

.counter {
	display: inline;
}

@media (min-width:576px) and (max-width:991px) {
	.count-margin-1 {
		margin-right: 15px;
	}

	.count-margin-2 {
		margin-left: 15px;
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.paragraph-top-1 {
		display: none;
	}

	.paragraph-bottom-1 {
		display: block;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.paragraph-top {
		display: none;
	}

	.paragraph-bottom {
		display: block;
	}
}

@media (min-width:0) and (max-width:576px) {
	.gradient-border-1::before {
		height: 0px;
	}

	.gradient-border-1::after {
		width: 0px;
	}

	.gradient-border-2::before {
		height: 0px;
	}

	.gradient-border-2::after {
		width: 0px;
	}

	.gradient-border-22,
	.gradient-border-11 {
		position: relative;
	}

	.border-height {
		margin-top: 10px;
	}

	.gradient-border-22::before {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-22::after {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-11::before {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-22,
	.gradient-border-11 {
		margin-top: 10px;
	}

	.count-margin-2 {
		margin-left: 0px;
		margin-bottom: 10px;
	}

	.card-title a {
		font-size: 18px !important;
	}

	.blocks > div {
		padding: 1.2rem 0rem;
	}

	.border-height {
		min-height: 4rem !important;
	}
}
/*--------- End Counts ---------*/
/* .circle img									{min-width: 100%;} */
/*-------------------
============= Counts
-------------------*/
.year img {
	max-width: 100%;
}
/* .years 										{text-align: center;} */
/* .counts 									{padding: 30px;} */
.count-1 {
	max-height: 100%;
	cursor: pointer;
}

	.count-1:hover {
		height: 100%;
	}

.count-content p {
	margin-top: 10px;
}

.count-content h3 {
	font-size: 35px;
}

.gradient-border-1, .gradient-border-2 {
	position: relative;
}

	.gradient-border-1::before {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-1::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(to top, #fff, #024d83, #fff);
		width: 1px;
		opacity: 0.8;
	}

	.gradient-border-2::before {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-2::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(to top, #fff, #024d83, #fff);
		width: 1px;
		opacity: 0.8;
	}

.border-height {
	padding-bottom: 15px;
}

.count-margin-1 {
	margin-right: 10px;
}

.count-margin-2 {
	margin-left: 10px;
}

@media (min-width:576px) and (max-width:991px) {
	.count-margin-1 {
		margin-right: 15px;
	}

	.count-margin-2 {
		margin-left: 15px;
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.paragraph-top-1 {
		display: none;
	}

	.paragraph-bottom-1 {
		display: block;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.paragraph-top {
		display: none;
	}

	.paragraph-bottom {
		display: block;
	}
}

@media (min-width:0) and (max-width:576px) {
	.gradient-border-1::before {
		height: 0px;
	}

	.gradient-border-1::after {
		width: 0px;
	}

	.gradient-border-2::before {
		height: 0px;
	}

	.gradient-border-2::after {
		width: 0px;
	}

	.gradient-border-22,
	.gradient-border-11 {
		position: relative;
	}

	.border-height {
		margin-top: 10px;
	}

	.gradient-border-22::before {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-22::after {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-11::before {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		opacity: 0.8;
	}

	.gradient-border-22,
	.gradient-border-11 {
		margin-top: 10px;
	}

	.count-margin-2 {
		margin-left: 0px;
		margin-bottom: 10px;
	}

	.card-title a {
		font-size: 18px !important;
	}

	.blocks > div {
		padding: 1.2rem 0rem;
	}

	.border-height {
		min-height: 4rem !important;
	}
}
/*--------- End Counts ---------*/

#carousel2 .owl-carousel .owl-stage-outer {
	height: 500px !important;
}

#carousel1 .owl-carousel .owl-stage-outer {
	height: 200px !important;
}

#carousel .owl-carousel .owl-stage-outer {
	height: 200px !important;
}
/*-------------------
============= Products
-------------------*/

.cards-1 .card {
	text-align: center;
	background-color: transparent;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.cards-1 .card-icon {
	height: 66px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
}

.cards-1 .card-title {
	margin-bottom: 0.125rem;
	font-size: 23px;
}

.cards-1 .card-body p {
	margin-bottom: 0.125rem;
}

.img-width {
	padding: 20px;
	height: 100px;
	border: 1px solid #b5b8ff;
	display: flex;
	align-self: center;
	justify-content: center;
	border-radius: 5px;
	background-color: #9dc0da;
}

.card-icon {
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
}

.card-text small {
	line-height: 18px;
}

.item a {
	text-decoration: none;
}

/*--------- Owl Carousel owl slider ---------*/


.owl-nav button {
	position: absolute;
	top: 50%;
	background-color: #024d83;
	color: #9dc0da;
	margin: 0;
	transition: all 0.3s ease-in-out;
}

.owl-next span, .owl-prev span {
	display: block;
}

.owl-dots {
	text-align: center;
	padding-bottom: 20px;
}

	.owl-dots button.owl-dot {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		display: inline-block;
		background: #9dc0da;
		margin: 0 3px;
	}

		.owl-dots button.owl-dot.active {
			background-color: #024d83;
		}

		.owl-dots button.owl-dot:focus {
			/*outline: block;*/
		}

.owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.38) !important;
}

	.owl-nav button:focus {
		outline: medium;
	}

.owl-carousel .owl-item img {
	width: 100% !important;
	margin: auto 0px auto 0px !important;
}

.owl-dots button.owl-dot.active {
	background-color: #024d83 !important;
}

.owl-dots button.owl-dot {
	background-color: #9dc0da !important;
}
/*--------- End Products ---------*/

/*-------------------
============= Compliance
-------------------*/

.compliance-1 .card-icon img {
	max-width: 100% !important;
	max-height: 100% !important;
}

.card-body h2 p {
	font-size: larger;
}
/*--------- End Compliance ---------*/
/*-------------------
============= Strategic
---------------- -*/
.strategic-img {
	max-height: 100px;
}

#ourstrategic {
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

	#ourstrategic .strategic-wrap {
		display: block;
		width: 100%;
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
	}

		#ourstrategic .strategic-wrap ul {
			display: block;
			list-style: none;
			position: relative;
			margin-left: auto;
			margin-right: auto;
		}

			#ourstrategic .strategic-wrap ul li {
				display: block;
				float: left;
				position: relative;
				width: 220px;
				height: 100px;
				line-height: 100px;
				text-align: center;
			}

				#ourstrategic .strategic-wrap ul li img {
					vertical-align: middle;
					max-width: 100px !important;
					width: 100px;
					max-height: 100%;
					-webkit-transition: 0 linear left;
					-moz-transition: 0 linear left;
					transition: 0 linear left;
				}

	#ourstrategic h3 {
		border-bottom: 2px solid #3399ff;
		width: 150px;
		padding: 10px;
	}

/*--------- End Clients ---------*/

/*-------------------
============= Clients
-------------------*/

.button {
	display: inline-block;
	padding: 0.5em 1.0em;
	border-radius: 4px;
	background: #ffffff;
	font-family: sans-serif;
	font-size: 16px;
	cursor: pointer;
	border: 0px solid #000000;
	/*margin: 10px;*/
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

	.button:hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

	.button:active,
	.button.is-checked {
		/*background-color: #000;*/
		outline: none;
		color: #2b6997;
		border-bottom: 2px solid #2b6997;
		border-radius: 0;
	}

.button-group {
	margin: 20px 0;
	text-align: center;
}

	.button-group:after {
		content: '';
		display: block;
		clear: both;
	}

img {
	vertical-align: middle;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.grid article {
	background-color: #FFFFFF;
	display: block;
	float: left;
	margin: 1%;
	width: 23%;
}

@media (max-width: 1024px) {
	.grid article {
		width: 31.3%;
	}
}

@media (max-width: 767px) {
	.grid article {
		width: 48%;
	}
}

@media (max-width: 479px) {
	.grid article {
		margin: 2% 0;
		width: 100%;
	}
}


.client_tab {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column !important;
	background: #ffffff !important;
	border: 1px solid #f0f0f0 !important;
	border-radius: 5px !important;
	padding: 15px !important;
	height: 146px !important;
	margin: 5px !important;
	box-shadow: 1px 1px 6px 1px #d6d6d6 !important;
}

.client_img {
	text-align: center;
	max-width: 133px;
	max-height: 150px;
}

	.client_img img {
		max-width: 100% !important;
		border-radius: 0 !important;
		border: none !important;
	}

.client-img {
	max-height: 100px;
}

#ourclients {
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

	#ourclients .clients-wrap {
		display: block;
		width: 100%;
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
	}

		#ourclients .clients-wrap ul {
			display: block;
			list-style: none;
			position: relative;
			margin-left: auto;
			margin-right: auto;
		}

			#ourclients .clients-wrap ul li {
				display: block;
				float: left;
				position: relative;
				width: 220px;
				height: 100px;
				line-height: 100px;
				text-align: center;
			}

				#ourclients .clients-wrap ul li img {
					vertical-align: middle;
					max-width: 100%;
					width: 150px;
					max-height: 100%;
					-webkit-transition: 0 linear left;
					-moz-transition: 0 linear left;
					transition: 0 linear left;
				}

	#ourclients h3 {
		border-bottom: 2px solid #3399ff;
		width: 150px;
		padding: 10px;
	}

/*--------- End Clients ---------*/

/*-------------------
============= Testimonials
-------------------*/
.testimonial-text {
	font-style: italic;
	min-height: 8rem;
	text-align: justify;
}

.testimonial-author {
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1.75rem;
}
/* .cards-2 									{padding-top: .5rem;padding-bottom: 2.25rem;} */
.card-2 .card {
	text-align: center;
}

.cards-2 .h2-heading {
	margin-bottom: 3.75rem;
}

.cards-2 .card {
	position: relative;
	border-radius: 10px;
	box-shadow: 0 4px 20px -1px rgba(0, 0, 0, 0.1);
}

	.cards-2 .card::before {
		content: "\201D";
		font-family: Georgia;
		font-size: 10em;
		position: absolute;
		right: 50%;
		top: 10%;
		transform: translate(50%, 0%);
		color: #2b6997;
	}

.cards-2 .card-body {
	padding: 3.5rem 2rem 3.125rem 2rem;
}

.cards-2 .testimonial-author {
	margin-bottom: 0.125rem;
	color: #2b6997;
}

.cards-2 .occupation {
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.cards-2 .card .gradient-floor {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.cards-2 .card .gradient-floo
.red-to-blue {
	background: linear-gradient(to right, #024d83, #057820);
}

.cards-2 .card .gradient-floo
.blue-to-purple {
	background: linear-gradient(to right, #024d83, #057820);
}

.cards-2 .card .gradient-floo
.purple-to-green {
	background: linear-gradient(to right, #024d83, #057820);
}
/*--------- End Testimonials ---------*/

/*-------------------
============= About-us
-------------------*/
.about-head {
	padding-top: 7.5rem;
	padding-bottom: 1.8rem;
	text-align: center;
	background: url('../images/about-us/about-bg-img.jpg') center center no-repeat;
	background-size: cover;
}

.about-img img {
	max-width: 100%;
}

.about-img {
	margin-bottom: 10px;
}

.img-alignment {
	text-align: center;
	padding: 15px;
}

	.img-alignment img {
		vertical-align: baseline;
	}

.lead-img button {
	padding: 8px;
	border-radius: 5px 5px 0px 0px;
	color: #000;
	text-decoration: none;
	outline: none;
	border: 1px solid #dee2e6;
}

	.lead-img button:hover {
		background-color: #0d6efd;
		color: #fff;
	}



/*--------- End About-us ---------*/

/*-------------------
  ============= Start Footer Section
  -------------------*/
.footer {
	background: #252628;
	color: #fff;
}

.widget {
	padding: 0 5px;
}

.footer-widget-title,
.footer-logo {
	padding-bottom: 25px;
}

.footer-contact p {
	margin-top: 0;
	padding-bottom: 10px;
}

.footer-title {
	padding-bottom: 15px;
}

.footer p,
.footer a {
	color: #d9d9d9;
	margin-bottom: 10px;
}

.footer h5 {
	color: #fff;
}

.footer h6 {
	color: #fff;
	font-size: 16px;
}

.footer-about-social-icon ul li {
	display: inline-block;
	margin-right: 10px;
}

.footer-about-social-icon ul {
	margin-top: 40px;
}

	.footer-about-social-icon ul li a {
		border: 1px solid #fff;
		padding: 8px 10px;
		font-size: 14px;
		border-radius: 3px;
		transition: .5s;
	}

.footer-widget p {
	color: #878787;
}

.footer-about-social-icon
ul li:nth-child(1) a {
	padding: 8px 13px;
	transition: .5s;
}

.footer-about-social-icon ul li:hover a {
	background: #024d83;
	border-color: #024d83;
}

.footer-popular-single-post {
	margin-bottom: 15px;
}

.single-post-img img {
	height: auto;
	width: 180px;
	border-radius: 5px;
}

.popular-post-title a {
	font-size: 15px;
}

.popular-post-title {
	margin-left: 25px;
	transition: .3s;
}

	.popular-post-title h6:hover {
		color: #024d83;
	}

	.popular-post-title p {
		font-size: 13px;
		margin-bottom: 0;
	}

.footer-quick-link-list ul li {
	list-style: none;
	margin-bottom: 15px;
	transition: .3s;
	margin-left: 25px;
	position: relative;
}

	.footer-quick-link-list ul li:hover a {
		color: #024d83;
	}

	.footer-quick-link-list ul li:before {
		content: "";
		position: absolute;
		top: 12px;
		left: -25px;
		height: 1px;
		width: 10px;
		background: #fff;
	}

/*--------- footer section style ten upper ---------*/
.footer.style-ten.upper {
	background: url(assets/images/about/footer4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom: 1px solid#632816;
}


	.footer.style-ten.upper
	.footer-content-text p {
		margin-bottom: 0;
		line-height: 1.7;
	}

	.footer.style-ten.upper
	.footer-quick-link-list ul li {
		margin-bottom: 19px;
	}

	.footer.style-ten.upper .footer-contact p {
		margin-bottom: 24px;
	}

	.footer.style-ten.upper
	.footer-social-title {
		display: inline-block;
	}

		.footer.style-ten.upper
		.footer-social-title h3 {
			font-size: 20px;
			color: #fff;
			font-weight: 500;
			font-family: 'Rubik';
			display: inline-block;
			margin-right: 10px;
		}

	.footer.style-ten.upper
	.footer-about-social-icon {
		display: inline-block;
	}

		.footer.style-ten.upper
		.footer-about-social-icon ul li a {
			border: none;
			padding: 0;
			font-size: 18px;
			border-radius: 0px;
			transition: .5s;
		}

			.footer.style-ten.upper
			.footer-about-social-icon ul li a:hover {
				background: none;
				color: #024d83;
			}

/* New Footer */
.footer-section ul {
	margin: 0px;
	padding: 0px;
}

.footer-section {
	background: #151414;
	position: relative;
}

.footer-cta {
	border-bottom: 1px solid #373636;
}

.single-cta i {
	color: #024d83;
	font-size: 30px;
	float: left;
	margin-top: 8px;
}

.cta-text {
	padding-left: 15px;
	display: inline-block;
}

	.cta-text h4 {
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 2px;
	}

	.cta-text span {
		color: #757575;
		font-size: 15px;
	}

.footer-content {
	position: relative;
	z-index: 2;
}

.footer-pattern img {
	position: absolute;
	top: 0;
	left: 0;
	height: 330px;
	background-size: cover;
	background-position: 100% 100%;
}
/* .footer-logo 								{margin-bottom: 30px;} */
.footer-logo img {
	max-width: 200px;
}

.footer-text p {
	margin-bottom: 14px;
	font-size: 14px;
	color: #7e7e7e;
	line-height: 28px;
}

.footer-social-icon span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 20px;
}

.footer-social-icon a {
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
}

.footer-social-icon i {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
}

.facebook-bg {
	background: #3B5998;
}

.twitter-bg {
	background: #55ACEE;
}

.google-bg {
	background: #DD4B39;
}

.instagram-bg {
	background: #F77737;
}

.linkedin-bg {
	background: #0077b5;
}

.footer-widget-heading h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	position: relative;
}

	.footer-widget-heading h3::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -5px;
		height: 2px;
		width: 50px;
		background: #024d83;
	}

.footer-widget ul li {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 8px;
}

	.footer-widget ul li a:hover {
		color: #024d83;
	}

	.footer-widget ul li a {
		color: #878787;
		text-transform: capitalize;
	}

.subscribe-form {
	position: relative;
	overflow: hidden;
}

	.subscribe-form input {
		width: 100%;
		padding: 14px 28px;
		background: #2E2E2E;
		border: 1px solid #2E2E2E;
		color: #fff;
	}

	.subscribe-form button {
		position: absolute;
		right: 0;
		background: #024d83;
		padding: 13px 20px;
		border: 1px solid #024d83;
		top: 0;
	}

		.subscribe-form button i {
			color: #fff;
			font-size: 22px;
			transform: rotate(-6deg);
		}

.copyright-area {
	background: #202020;
	padding: 10px 0;
}

.copyright-text p {
	margin: 0;
	font-size: 14px;
	color: #878787;
}

	.copyright-text p a {
		color: #024d83;
	}

.footer-menu li {
	display: inline-block;
	margin-left: 20px;
}

	.footer-menu li:hover a {
		color: #024d83;
	}

	.footer-menu li a {
		font-size: 14px;
		color: #878787;
	}

.footer-social-icon {
	text-align: end;
}
/* End New Footer */

/*--------- End Footer Section ---------*/



/*-------------------
============= Back To Top Button
-------------------*/
#myBtn {
	position: fixed;
	z-index: 99;
	bottom: 20px;
	right: 20px;
	display: none;
	width: 52px;
	height: 52px;
	border: none;
	border-radius: 50%;
	outline: none;
	background-color: #44434a;
	cursor: pointer;
}

	#myBtn:hover {
		background-color: #1d1d21;
	}

	#myBtn img {
		margin-bottom: 0.25rem;
		width: 18px;
	}
/*--------- End Back To Top Button ---------*/

/*-------------------
============= Media Queries
-------------------*/

/*========== Min-width 768px ==========*/
@media (min-width: 768px) {
	/*--------- Header ---------*/
	.header {
		padding-bottom: 3rem;
		padding-top: 3rem;
	}

		.header .h2-large {
			font-size: 3.25rem;
			line-height: 3.75rem;
		}

	#ContentPlaceHolder1_ltName p {
		font-size: larger;
	}
	/* .sub-header 							{min-height: 38% !important;} */
	.header {
		min-height: 48%;
	}

	/*--------- End Header ---------*/
}
/*========== End Min-width 768px ==========*/

/*========== Min-width 992px ==========*/
@media (min-width: 992px) {
	/*--------- General Styles ---------*/
	.h2-heading {
		width: 35.25rem;
		margin-right: auto;
		margin-left: auto;
	}

	.p-heading {
		width: 46rem;
		margin-right: auto;
		margin-left: auto;
	}
	/*--------- End General Styles ---------*/

	/*--------- Navigation ---------*/
	.navbar {
		padding: 1rem 0rem;
		background-color: #fcfafb;
		box-shadow: none;
		transition: all 0.2s;
	}

		.navbar.top-nav-collapse {
			padding-top: 0.5rem;
			padding-bottom: 0.5rem;
			background-color: #fcfafb;
			box-shadow: 0px 5px 10px 2px rgb(0 0 0 / 7%)
		}

	.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 {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.08);
	}

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

	.navbar .nav-item .btn-solid-sm {
		margin-top: 0;
		margin-left: 1rem;
	}

	.dd-menu ul li a p {
		margin: 0;
		font-size: 13px;
	}

		.dd-menu ul li a p:hover {
			color: #2b6997;
		}

	/*--------- End Navigation ---------*/

	/*--------- Header ---------*/
	.header {
		text-align: left;
		position: relative;
	}

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

		.header .image-container {
			margin-top: 0;
		}

		.header .btn-solid-lg,
		.header .btn-outline-lg {
			margin-right: 0;
			margin-left: 0;
			margin-top: 20px;
		}

		.header .btn-solid-lg {
			margin-right: 0.5rem;
		}

	.carousel-item {
		min-height: 28rem;
	}
	/*--------- End Header ---------*/

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

	/*--------- Testimonials ---------*/
	.cards-2 .card {
		display: inline-block;
		width: 298px;
		vertical-align: top;
	}

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

	/*--------- Copyright ---------*/
	.copyright {
		text-align: left;
	}

		.copyright .list-unstyled li {
			display: inline-block;
			margin-right: 1rem;
		}

		.copyright .statement {
			text-align: right;
		}
	/*--------- End Copyright ---------*/
}
/*========== End Min-width 992px ==========*/

/*========== Min-width 1200px ==========*/
@media (min-width: 1200px) {
	/*--------- General Styles ---------*/
	.container {
		max-width: 1140px;
	}
	/*--------- End General Styles ---------*/

	/*--------- Header ---------*/
	.header {
		overflow: hidden;
		padding-top: 1.7rem;
	}

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

		.header .image-container {
			position: relative;
		}
	/*--------- End Header ---------*/

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

	/*--------- Testimonials ---------*/
	.cards-2 .card {
		width: 356px;
	}

		.cards-2 .card:nth-of-type(3n+2) {
			margin-right: 1.125rem;
			margin-left: 1.125rem;
		}
	/*--------- End Testimonials ---------*/
}
/*========== End Min-width 1200px ==========*/

/*========== Max-width 992px ==========*/
@media (max-width:992px) {
	/*--------- Header ---------*/
	.carousel-indicators {
		position: absolute;
		right: 0;
		bottom: -25px;
		left: 0;
		z-index: 2;
		display: flex;
		justify-content: center;
		padding: 0;
		margin-right: 15%;
		margin-bottom: 1rem;
		margin-left: 15%;
		list-style: none;
	}
	/*--------- End Header ---------*/
}
/*========== End Max-width 992px ==========*/

/*========== Min-width 0px & Max-width 576px ==========*/
@media (min-width:0px) and (max-width:576px) {
	/*--------- General Styles ---------*/
	body p {
		font-size: 13px;
		margin: 0px;
	}

	body h2, h3, h6, .card-body h5,
	.testimonial-author {
		font-size: 16px !important;
	}

	body h1 {
		font-size: 20px;
	}

	.header {
		padding-top: 0;
	}

		.header .h2-large {
			margin-bottom: 0px;
		}

	.btn-solid-lg {
		padding: 0.8rem;
		font-size: 12px;
	}

	.text-container {
		min-height: 12%;
	}

	.simple, .counts {
		padding: 15px 0px;
	}

	.year img {
		max-width: 40%;
	}

	.heading-h2 h2 {
		font-size: 20px !important;
	}

	.clients-wrap ul li img {
		height: 40% !important;
		width: 60% !important;
	}

	.content ul li {
		font-size: 14px;
	}

	.cards-2 {
		padding: 2rem 0rem;
	}

	.heading-h2 {
		margin-bottom: 0px !important;
	}

	.cards-2 .card .quotes {
		width: 33px;
	}

	.p-large {
		min-height: 7rem !important;
	}

	.header {
		min-height: 62%;
	}

	.cards-1 .card-body p {
		margin-bottom: 0px;
	}

	.testimonial-mobile {
		margin-top: 30px;
	}

	.cards-2 .card::before {
		font-size: 8rem;
		right: 50%;
		top: 8%;
		transform: translate(50%, 0%);
	}

	#ourclients .clients-wrap ul li {
		width: 13%;
		height: auto;
	}

	.bg-content h1 {
		font-size: 32px !important;
		letter-spacing: 4px !important;
	}

	.nav-item p {
		font-size: 10px;
	}

	.form_box input {
		height: 38px !important;
		font-size: 13px;
	}

	.form_box textarea {
		height: 90px !important;
		font-size: 13px;
	}

	.border-mobile {
		border: none;
	}

	.footer-social-icon {
		text-align: start;
		margin-top: 20px;
	}

	.offcanvas-collapse {
		top: 2.65rem;
	}




	/*--------- End General Styles ---------*/

	/*--------- Footer ---------*/
	.subscribe-section *,
	.footer-quick-link-list a,
	.footer-copyright-link a {
		font-size: 13px !important;
	}

	.subscribe-submit-btn {
		top: 10px;
		padding: 3px 20px;
	}

	.subscribe-section-title h5,
	.footer-widget-title h5 {
		font-size: 16px;
	}

	.subscribe-mail-box {
		padding: 7px 0 7px 10px;
	}

	.footer-hr {
		padding: 30px 0 25px 0;
	}

	.footer-logo img {
		width: 160px;
	}
}
/*========== End Min-width 0px & Max-width 576px ==========*/

/*========== Min-width 767px & Max-width 1065px ==========*/
@media (min-width:767px) and (max-width:1065px) {
	.testimonial-text {
		min-height: 13rem;
	}

	.cards-1 .card-title {
		font-size: 18px;
	}
}
/*========== End Min-width 767px & Max-width 1065px ==========*/

@media (min-width:991px) and (max-width:1200px) {
	/* .testimonial-text 						{min-height: 13rem;} */
	.header {
		padding-top: 7rem;
	}
}

/*========== Min-width 0px & Max-width 767px ==========*/
@media (min-width:0px) and (max-width:767px) {
	.testimonial-text {
		min-height: 6rem;
	}

	.header-mobi {
		min-height: 10% !important;
	}

	.img-blocks, .img-align {
		text-align: center;
		padding: 10px 0px;
	}

	.item .card {
		min-height: 15rem;
	}

	.contact-us-border {
		border: 1px solid #dee2e6 !important;
		border-radius: 5px !important;
	}

	.map-border {
		border: 1px solid #dee2e6 !important;
		border-radius: 5px !important;
	}

	.flipy .effect:hover {
		display: none;
	}

	.border-height {
		min-height: 4rem !important;
	}




	.navbar {
		box-shadow: 0 4px 6px 0 rgb(0 0 0 / 5%);
	}

	.integrations .integrations-wrap ul li {
		width: 260px !important;
	}

	.header {
		background: #d9edff;
	}

	.swiper-container2 .swiper-slide {
		flex-direction: column;
	}

		.swiper-container2 .swiper-slide > div {
			width: 100% !important;
		}

	.years img {
		width: 50%;
	}

	.carousel-indicators {
		bottom: -56px;
	}

	.p-large {
		min-height: 5.2rem;
	}

	.footer-social-icon {
		margin-top: 20px;
	}

	.navbar .logo-image img {
		width: 170px;
	}
}
/*========== End Min-width 0px & Max-width 767px ==========*/

@media (min-width:0px) and (max-width:992px) {

	.simple-gradient-1::before {
		content: '';
		position: absolute;
		bottom: 0 !important;
		top: auto !important;
		left: 0;
		right: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		width: 100%;
		opacity: 0.8;
	}

	.simple-gradient-1::after {
		content: '';
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		left: auto;
		background: linear-gradient(to top, #fff, #024d83, #fff);
		width: 1px;
		height: 100%;
		opacity: 0.8;
	}

	.simple-gradient-11::before {
		content: '';
		position: absolute;
		bottom: auto;
		top: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to left, #fff, #024d83, #fff);
		height: 1px;
		width: 100%;
		opacity: 0.8;
	}

	.simple-gradient-11::after {
		content: '';
		position: absolute;
		top: 0;
		right: auto;
		bottom: 0;
		left: 0;
		background: linear-gradient(to top, #fff, #024d83, #fff);
		width: 1px;
		opacity: 0.8;
	}

	.simple-gradient::before {
		left: auto;
		right: auto;
		bottom: auto;
		top: 0;
	}
}

@media (min-width:556px) and (max-width:767px) {
	body p {
		font-size: 16px;
		margin: 0px;
	}

	body h2, h3, h6, .card-body h5,
	.testimonial-author {
		font-size: 24px;
	}

	body h1 {
		font-size: 30px;
	}

	.blocks .main-header h2 {
		margin-top: 5rem !important;
	}

	.header {
		padding-top: 5rem;
		min-height: 22rem;
	}

	.blocks > div {
		padding: 1.5rem 0rem;
	}
}

@media (min-width:0px) and (max-width:991px) {
	.navbar .dropdown-divider {
		width: 97% !important;
	}

	.nav-item ul {
		height: 9.7rem;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.navbar-light img {
		max-width: 47%;
	}
}

/* @media (min-width:576px) and (max-width:991px) {
	.simple-gradient::after 					{content: '';position: absolute;top: 0; left: 0; bottom: 0;
												 background: linear-gradient(to top, #fff, #024d83, #fff);
												 width: 1px;opacity: 0.8;}
} */
@media (min-width:991px) and (max-width:1200px) {
	.sub-header {
		padding-top: 7rem;
	}
}

/*--------- End Media Queries ---------*/

/*-------------------
============= Other Screens
-------------------*/

/*========== HIMS ==========*/
.mobile-web-interfa {
	padding-bottom: 0px;
}

.heading {
	width: auto;
	color: #000000;
	font-size: 39px;
	letter-spacing: 0;
	line-height: 45px;
}

.heading-h2 {
	font-size: 48px;
	width: auto;
	color: #000000;
	letter-spacing: 0;
	line-height: 55px;
	margin-bottom: 10px;
}

.img-blocks img {
	vertical-align: middle;
}

.content ul {
	list-style-type: none;
}

	.content ul li:before {
		content: '\25c6';
		position: absolute;
		margin-left: -20px;
		margin-bottom: 5px;
		background: linear-gradient(to right, #024d83, #01629a, #007ab3);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.content ul li::before:hover {
		content: '\25c6';
		color: rgb(194, 19, 19);
	}

	.content ul li:hover {
		content: '\25c6';
		color: #000;
	}

.card-style-one h2 {
	color: #024d83;
}
/* .card-style:hover 							{background-color: #024d83;border-radius: 3px;}
.card-style:hover .card-style-two p,	
.card-style:hover .card-style-one h2 		{color: #fff;} */
.card-style-one h2 {
	color: #024d83;
}

.about-head h2 {
	color: #3f51b5;
}

.heading-h3 {
	font-size: 48px;
	width: auto;
	color: #000000;
	letter-spacing: 0;
	line-height: 55px;
	margin-bottom: 15px;
	text-align: center;
}

	.heading-h3 h3 {
		font-size: 28px;
		font-weight: 500;
		margin-bottom: 0px;
	}

.content h2 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 5px;
}
/*========== End HIMS ==========*/

/*========== Support Center ==========*/
.card-title a {
	text-decoration: none;
	color: #007ab3;
	font-size: 23px;
}

.card-img img {
	max-width: 50px;
	margin: 0 10px 10px 0;
}
/*========== End Support Center ==========*/

/*========== Support Services ==========*/
/* .margin-content p	 						{margin-bottom: 20px;} */
/*========== End Support Services ==========*/

/*========== News Room ==========*/
.news-img-width img {
	max-width: 100%;
}

.card-text {
	min-height: 3rem;
}
/*========== End News Room ==========*/



/*========== Coming Soon ==========*/
.header-coming {
	min-height: 100%;
}

.bg-content h1 {
	font-size: 60px;
	letter-spacing: 10px;
	color: #3f51b5;
	padding: 12px 0;
}

.bg-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

hr {
	width: 50%;
	margin: 30px auto;
	;
}

.bg-content {
	background-color: #fff;
}

@keyframes rocket {
	0% {
		bottom: 0;
		opacity: 0;
	}

	100% {
		bottom: 105%;
		opacity: 1;
	}
}

/*========== End Coming Soon ==========*/


/*----------------
============== Careers
------------------*/
.careers-img img {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.jobs {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.full-time {
	font-size: 12px;
	position: absolute;
	top: 0px;
	left: 27px;
	background-color: #3f51b5;
	padding: 5px;
	color: #fff;
	border-radius: 0px 0px 15px 15px;
	line-height: 16px;
	padding: 8px;
}

.job-type h2 {
	font-size: 24px;
}

.job-type {
	padding-top: 34px;
}

.view-more-button a {
	color: #024d83 !important;
}

.jobs small, .jobs p, .jobs-section small {
	color: #7d7d7d;
}

.job-type-content p {
	margin-bottom: 10px;
}

.upload-files input {
	width: 50%;
}
/*========== End Careers ==========*/

/*----------------
============== Contact Us
------------------*/


.contact-us-border {
	border: 1px solid #dee2e6;
	border-right: 0px;
	padding: 30px;
	border-radius: 5px 0px 0px 5px;
	background-color: #f2f7fb;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.map-border {
	min-height: 100%;
	border: 1px solid #dee2e6;
	border-left: 0px;
	border-radius: 0px 5px 5px 0px;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
	/* .mb-30										{margin-bottom: 30px;} */
	.map-border iframe {
		border-radius: 0px 5px 5px 0px;
		min-height: 20.2rem;
	}
/* .min-height-contact							{min-height: 10rem;} */
.contact-us-border > div {
	padding: 0.8rem 0rem;
}

.contact-us-border p {
	color: #000;
}

/* a i 										{padding-right: 10px;} */
.office {
	padding: 15px;
	border-radius: 5px;
}

	.office a, button {
		color: #000;
		text-decoration: none;
	}

	.office:hover {
		background-color: #0d6efd;
	}

		.office:hover a {
			color: #fff;
			font-weight: 700;
		}

		.office:hover span {
			color: #fff;
		}

	.office span {
		display: block;
		margin-top: 5px;
	}

.footer-contact a {
	color: #5e6576;
}

	.footer-contact a:hover {
		color: #024d83;
	}

/*========== End Contact us ==========*/


/*-------------------
============= Integration
-------------------*/

.integrations {
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 2rem;
}

	.integrations .integrations-wrap {
		display: block;
		width: 100%;
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
	}

#erp .integrations-wrap ul {
	display: block;
	list-style: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.integrations .integrations-wrap ul li {
	display: block;
	float: left;
	position: relative;
	width: 180px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	opacity: 0.3;
}

	.integrations .integrations-wrap ul li:hover {
		opacity: 1;
	}

	.integrations .integrations-wrap ul li img {
		vertical-align: middle;
		max-width: 100%;
		width: 100px;
		max-height: 100%;
		-webkit-transition: 0 linear left;
		-moz-transition: 0 linear left;
		transition: 0 linear left;
	}

.integrations h3 {
	border-bottom: 2px solid #3399ff;
	width: 150px;
	padding: 10px;
}

.integrations-wrap ul li i {
	font-size: 30px;
	color: #2b6997;
}
/*-------------------
============= Gallery
-------------------*/
.close {
	background: #2b6997;
	border: 1px solid #2b6997;
	color: #fff;
	border-radius: 3px;
	padding: 0px 10px;
}

.container .title {
	color: #1a1a1a;
	/*text-align: center;*/
	margin-bottom: 10px;
}

.content-gallery {
	position: relative;
	max-width: 245px;
	display: inline-block;
	background-color: #0f91cd;
	border-radius: 3px;
	margin-bottom: 15px;
	margin-right: 10px;
}

	.content-gallery .content-overlay {
		background: #545c7bb3;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		opacity: 0;
		transition: all 0.4s ease-in-out 0s;
		margin: 5px;
	}

	.content-gallery:hover .content-overlay {
		opacity: 1;
	}

.content-image {
	max-width: 100%;
	padding: 5px;
}

.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out 0s;
	display: none;
}

.content-gallery:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
	display: block;
}

.content-details h3 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.fadeIn-top {
	top: 20%;
}

.fadeIn-right {
	left: 80%;
}

.gallery-alinment, .gallery {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

/*--------- End Gallery ---------*/


/*-------------------
============= Gallery imgs
-------------------*/

::selection {
	color: #fff;
	background: #007bff;
}

.wrapper {
	max-width: 1100px;
}

.gallery {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

	.gallery .image {
		padding: 7px;
		width: 20%;
		margin-bottom: 0px;
	}

		.gallery .image span {
			display: flex;
			justify-content: center;
			width: 100%;
			overflow: hidden;
			border: 1px solid #cacaca;
			border-radius: 5px;
		}

		.gallery .image img {
			width: 100%;
			vertical-align: middle;
			transition: all 0.3s ease;
		}

		.gallery .image:hover img {
			transform: scale(1.1);
		}

.preview-box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.9);
	background: #fff;
	max-width: 97%;
	max-height: 97%;
	z-index: 5;
	opacity: 0;
	pointer-events: none;
	border-radius: 3px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

	.preview-box.show {
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, -50%) scale(1);
		transition: all 0.3s ease;
		z-index: 9999999;
		width: 100%;
		height: 100%;
	}

	.preview-box .details {
		padding: 10px 15px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999999;
	}

		.preview-box .details p {
			font-weight: 600;
		}

		.preview-box .details span {
			padding: 5px;
		}

		.preview-box .details .title {
			display: flex;
			font-size: 18px;
			font-weight: 400;
		}

.details .title p {
	margin: 0 5px;
}

	.details .title p.current-img {
		font-weight: 500;
	}

p.current-img, p.total-img {
	display: inline;
}

.preview-footer {
	padding: 5px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	border-radius: 0 0 3px 3px;
}

.details .icon {
	color: #007bff;
	font-size: 20px;
	cursor: pointer;
}

.preview-box .image-box {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 100%;
	position: relative;
	min-height: 100%;
}

.image-box .slide {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30px;
	cursor: pointer;
	height: 50px;
	width: 60px;
	line-height: 50px;
	text-align: center;
	border-radius: 3px;
}

.slide.prev {
	left: 0px;
}

.slide.next {
	right: 0px;
}

.image-box img {
	border-radius: 0 0 3px 3px;
}

.shadow {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	display: none;
	background: rgba(0,0,0,0.45);
}

@media(max-width: 1000px) {
	.gallery .image {
		width: calc(100% / 3);
	}
}

@media(max-width: 600px) {
	.gallery .image {
		width: 100%;
		padding: 4px;
	}
}
/*--------- End Gallery imgs---------*/
/*--------- End Clients ---------*/

.multiselect-dropdown {
	width: 100% !important;
	height: 38px;
}


	.multiselect-dropdown span.optext,
	.multiselect-dropdown span.placeholder {
		margin-left: 8px;
		font-size: 18px;
		color: #212529 !important;
	}



.box-1 {
	padding: 10px;
}

.policy > p {
	margin: 10px 0px 20px 0px;
}

.content-head > h6, .content-head > h5 {
	margin-top: 20px;
}

.heading-policy h2 {
	border-bottom: 1px solid #2b6997;
}

.view-more {
	display: none;
}

.content a {
	cursor: pointer;
}

.subscribe-section {
	display: none;
}

.privacy-content {
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.path ul {
	display: flex;
	list-style: none;
	padding-left: 0px;
}


.modules-align {
	margin: 4px 0px;
}

	.modules-align h4 {
		font-size: 18px;
	}

.blocks > div:nth-child(odd) .img-blocks {
	text-align: left;
}

.blocks > div:nth-child(even) .img-blocks {
	text-align: right;
}


.cke_chrome {
	width: 99.7% !important;
}


.blocks > div:nth-child(odd) .img-job-blk {
	text-align: right;
}

.row_count .right_border:nth-child(3)::before {
	content: '';
	height: 0px;
}

.row_count .right_border:nth-child(2)::after {
	content: '';
	width: 0px;
}

.row_count .right_border:nth-child(4)::before {
	content: '';
	height: 0px;
}

.row_count .right_border:nth-child(4)::after {
	content: '';
	width: 0px;
}

.thankyou-wrapper {
	width: 100%;
	height: auto;
	margin: auto;
	background: #ffffff;
	padding: 10px 0px 50px;
}

	.thankyou-wrapper img {
		width: 28%;
	}

	.thankyou-wrapper h1 {
		font: 100px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #333333;
		padding: 0px 10px 10px;
	}

	.thankyou-wrapper p {
		font: 18px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #333333;
		padding: 5px 10px 10px;
	}

	.thankyou-wrapper a {
		font: 26px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #ffffff;
		display: block;
		text-decoration: none;
		width: 154px;
		background: #2b6997;
		margin: 10px auto 0px;
		padding: 8px 20px 8px;
		border-bottom: 5px solid #1c5681;
		border-radius: 5px;
	}

		.thankyou-wrapper a:hover {
			font: 26px Arial, Helvetica, sans-serif;
			text-align: center;
			color: #ffffff;
			display: block;
			text-decoration: none;
			width: 154px;
			background: #275678;
			margin: 10px auto 0px;
			padding: 8px 20px 8px;
			border-bottom: 5px solid #15476c;
		}

.login-main-wrapper {
	width: 50%;
	box-shadow: 3px 2px 10px 1px #d6d6d6;
	margin: 10px auto;
}

.videoglry {
	text-align: center;
}

	.videoglry video {
		border: 10px solid #cacaca;
		border-radius: 15px;
	}

.navglry {
	float: right;
	font-size: 25px;
	text-decoration: none;
	background: #2b6997;
	border-radius: 3px;
	color: #fff;
	padding: 12px 20px;
}

	.navglry:hover {
		background: #1b4a6d;
		color: #fff;
	}

@media (max-width:567px) {
	.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
		flex-wrap: nowrap;
	}

	.img-align-width {
		width: 210px;
	}



	.box {
		width: 45px;
		height: 45px;
	}

	#box-front {
		transform: translateX(-31px) translateY(-25px) translateZ(22px);
	}
}


.img-align-width label {
    font-size: 11px;
    color: #6c6c6c;
    font-weight: 600;
    margin-left: 2px;
    letter-spacing: 0.3px;
    line-height: 20px;
    display: block;
}