/* 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%;
	overflow-x:hidden;
}



body {
	
	overflow-x: hidden;
	box-sizing: border-box;
}



.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;
}


.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;
}






.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 ---------*/


/*-------------------  	
============= 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 {
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.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;
}



.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: 50%;
}

.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%;
	}




.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
-------------------*/



.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-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;
}


/*--------- 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 ---------*/

/*-------------------
============= 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:0 !important;
	}

		.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 {
		
		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;		
	}
	.d-none button{
		margin-right:3rem;
	}

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

	
	.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;
		
	}

		.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: 16px !important;
		margin: 0px;
	}

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

	.header {
		padding-top: 0;
	}

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



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


	.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 ---------*/


	/*========== 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;
		}

		

		.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;
		}

		

		.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: 20px !important;
			margin-bottom: 1rem !important;
			margin-top: 1rem !important;
		}

		body h1 {
			font-size: 30px;
		}

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

		.header {
			padding-top:0 !important;
			min-height: 22rem;
		}

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

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

	

	}

	/* @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: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;
		
	}

	@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;
	}


	.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;
		}
	}

.rounded-box h4{
	font-size:22px;
}