@import url("https://fonts.googleapis.com/css?family=Exo:500,600,700|Roboto&display=swap");

html {
	overflow-x: hidden;
}

body {
	line-height: 1.6;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: 400;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "Exo", sans-serif;
	font-weight: 700;
	color: #222;
}

h1, .h1 {
	font-size: 2.5rem;
}

h2, .h2 {
	font-size: 44px;
}

h3, .h3 {
	font-size: 1.5rem;
}

h4, .h4 {
	font-size: 1.3rem;
	line-height: 30px;
}

h5, .h5 {
	font-size: 1.25rem;
}

h6, .h6 {
	font-size: 1rem;
}

p {
	line-height: 30px;
}

.navbar-toggle .icon-bar {
	background: #2768b5;
}

input[type="email"], input[type="password"], input[type="text"], input[type="tel"] {
	box-shadow: none;
	height: 45px;
	outline: none;
	font-size: 14px;
}

	input[type="email"]:focus, input[type="password"]:focus, input[type="text"]:focus, input[type="tel"]:focus {
		box-shadow: none;
		border: 1px solid #2768b5;
	}

.form-control {
	box-shadow: none;
	border-radius: 0;
}

	.form-control:focus {
		box-shadow: none;
		border: 1px solid #2768b5;
	}

.py-7 {
	padding: 7rem 0px;
}

.btn {
	display: inline-block;
	font-size: 14px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: .5px;
	padding: .75rem 2rem;
	font-family: "Exo", sans-serif;
	text-transform: uppercase;
	border-radius: 5px;
	border: 2px solid transparent;
	transition: all .35s ease;
}

	.btn.btn-icon i {
		border-left: 1px solid rgba(255, 255, 255, 0.09);
		padding-left: 15px;
	}

	.btn:focus {
		outline: 0px;
		box-shadow: none;
	}

.btn-main {
	background: #2768b5;
	color: #fff;
	border-color: #2768b5;
}

	.btn-main:hover {
		background: #e12454;
		border-color: #e12454;
		color: #fff;
	}



.btn-main-2 {
	background: #2768b5;
	color: #fff;
	border-color: #2768b5;
}

	.btn-main-2:hover {
		background: #e12454;
		color: #fff;
		border-color: #e12454;
	}

.btn-solid-border {
	border: 2px solid #2768b5;
	background: transparent;
	color: #2768b5;
}

	.btn-solid-border:hover {
		border: 2px solid #2768b5;
		color: #fff;
		background: #2768b5;
	}

		.btn-solid-border:hover.btn-icon i {
			border-left: 1px solid rgba(255, 255, 255, 0.09);
		}

	.btn-solid-border.btn-icon i {
		border-left: 1px solid rgba(0, 0, 0, 0.09);
	}

.btn-transparent {
	background: transparent;
	color: #222;
	border-color: #6F8BA4;
}

	.btn-transparent:hover {
		background: #6F8BA4;
		color: #fff;
	}

.btn-white {
	background: #fff;
	border-color: #fff;
	color: #222;
}

	.btn-white:hover {
		background: #2768b5;
		color: #fff;
		border-color: #2768b5;
	}

.btn-solid-white {
	border-color: #fff;
	color: #fff;
}

	.btn-solid-white:hover {
		background: #fff;
		color: #222;
	}

.btn-round {
	border-radius: 4px;
}

.btn-round-full {
	border-radius: 50px;
}

.btn.active:focus, .btn:active:focus, .btn:focus {
	outline: 0;
}

.bg-gray {
	background: #eff0f3;
}

.bg-primary {
	background: #2768b5;
}

.bg-primary-dark {
	background: #152440;
}

.bg-primary-darker {
	background: #090f1a;
}

.bg-dark {
	background: #222;
}

.bg-gradient {
	background-image: linear-gradient(145deg, rgba(19, 177, 205, 0.95) 0%, rgba(152, 119, 234, 0.95) 100%);
	background-repeat: repeat-x;
}

.section {
	padding: 70px 0;
}

.section-sm {
	padding: 70px 0;
}

.section-bottom {
	padding-bottom: 100px;
}

.subtitle {
	color: #2768b5;
	font-size: 14px;
	letter-spacing: 1px;
}

/* .overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background: #2768b5;
} */


.reads {
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	transition: background-color 0.3s;
	border: 1px solid #ebefe3;
	padding: 5px;
	border-radius: 30px;
	background: transparent;
}

	.reads:hover {
		font-size: 10px;
		color: #1c1c1c;
		font-weight: bold;
		background-color: #ebefe3;
	}


.overly-2 {
	position: relative;
}

	.overly-2:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
	}

.text-sm {
	font-size: 14px;
}

.text-md {
	font-size: 2.25rem;
}

.text-lg {
	font-size: 3.75rem;
}

.no-spacing {
	letter-spacing: 0px;
}

/* Links */
a {
	color: #222;
	text-decoration: none;
	transition: all .35s ease;
}

	a:focus, a:hover {
		color: #e12454;
		text-decoration: none;
	}

	a:focus {
		outline: none;
	}

.content-title {
	font-size: 40px;
	line-height: 50px;
}

.page-title {
	padding: 120px 0px 70px 0px;
	position: relative;
}

	.page-title .block h1 {
		color: #fff;
	}

	.page-title .block p {
		color: #fff;
	}

	.page-title .breadcumb-nav {
		margin-top: 60px;
		padding-top: 30px;
		border-top: 1px solid rgba(255, 255, 255, 0.06);
	}

.slick-slide:focus, .slick-slide a {
	outline: none;
}

@media (max-width: 480px) {
	h2, .h2 {
		font-size: 1.3rem;
		line-height: 36px;
	}
}

.title-color {
	color: #2768b5;
}

.secondary-bg {
	background: #2768b5;
}

.section-title {
	margin-bottom: 70px;
}

	.section-title h2 {
		color: #2768b5;
		text-align: center;
	}

.section-title-about h2 {
	color: #2768b5;
}

.text-lg {
	font-size: 50px;
}

.gray-bg {
	background: #f4f4f4;
}

@media (max-width: 480px) {
	.text-lg {
		font-size: 28px;
	}
}

@media (max-width: 400px) {
	.text-lg {
		font-size: 28px;
	}
}

#navbarmain {
	padding: 20px 0px;
}

	#navbarmain .nav-link {
		font-weight: 600;
		padding: 10px 15px;
		color: #222;
		font-family: "Exo", sans-serif;
		text-transform: capitalize;
		font-size: 16px;
		transition: all .25s ease;
		border-radius: 28px;
		cursor: pointer;
	}

.dropdown-toggle::after {
	display: none;
}

.navbar-brand {
	/*margin-top: 10px;*/
}

.dropdown .dropdown-menu {
	position: absolute;
	display: block;
	background: #fff;
	min-width: 360px;
	top: 130%;
	left: 0;
	right: 0px;
	opacity: 0;
	padding: 0px;
	visibility: hidden;
	transition: all 0.3s ease-out 0s;
	border: 0px;
	border-top: 5px solid #e12454;
	border-radius: 0px;
}

.dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible;
	top: 115%;
}

.dropdown .dropdown-item {
	padding: 13px 20px;
	border-bottom: 1px solid #eee;
	background: transparent;
	font-weight: 400;
	color: #555;
}

	.dropdown .dropdown-item:hover {
		color: #e12454;
	}

.header-top-bar {
	background: #2768b5;
	font-size: 14px;
	padding: 10px 0px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #fff;
}

.top-bar-info li a {
	color: #fff;
	margin-right: 20px;
}

.top-right-bar a span {
	color: #fff;
	font-size: 14px;
	font-weight: lighter;
}

.top-right-bar a i {
	color: #fff;
	margin-right: 10px;
}

.bg-1 {
	background: url("../images/HomeNewIndexImages/bg/22.jpg") no-repeat 50% 50%;
	background-size: cover;
	position: relative;
}

.banner {
	position: relative;
	overflow: hidden;
	background: #fff;
	background: url("../images/HomeNewIndexImages/bg/20457734_27_5_Ecer_Background_8.jpg") no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

	.banner .block {
		/*padding: 225px 0px 160px;*/
		/*padding: 107px 0px 68px;*/
		padding: 79px 0px 68px;
	}

		.banner .block h1 {
			font-size: 60px;
			line-height: 1.2;
			letter-spacing: -1.2px;
			text-transform: capitalize;
			color: #2768b5;
		}

.letter-spacing {
	letter-spacing: 2px;
}

.text-color {
	color: #2768b5;
}

.text-color-2 {
	color: #e12454;
}

.divider {
	width: 40px;
	height: 5px;
	background: #e12454;
}

@media (max-width: 480px) {
	.banner .block h1 {
		font-size: 38px;
		line-height: 50px;
	}
}

@media (max-width: 400px) {
	.banner .block h1 {
		font-size: 28px;
		line-height: 40px;
	}
}

@media (max-width: 768px) {
	.banner .block h1 {
		font-size: 56px;
		line-height: 70px;
	}
}






.about-img img {
	border-radius: 5px;
	box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}

.award-img {
	height: 120px;
	margin-bottom: 10px;
	align-items: center;
	display: flex;
	justify-content: center;
	background: #eff0f3;
}

.appoinment-content {
	position: relative;
}

	.appoinment-content img {
		width: 85%;
	}

	.appoinment-content .emergency {
		position: absolute;
		content: "";
		right: 10px;
		bottom: 20px;
		background: #2768b5;
		padding: 48px;
	}

		.appoinment-content .emergency h2 {
			color: #fff;
		}

		.appoinment-content .emergency i {
			margin-right: 10px;
			color: rgba(255, 255, 255, 0.7);
		}

.appoinment-form {
	margin-top: 40px;
}

	.appoinment-form .form-control {
		background: #f4f9fc;
		height: 55px;
		border-color: rgba(0, 0, 0, 0.05);
	}

	.appoinment-form textarea.form-control {
		height: auto;
	}

.client-thumb {
	text-align: center;
}

.features {
	margin-top: -70px;
	display: none;
}

.feature-item {
	flex-basis: 33.33%;
	margin: 0px 10px;
	padding: 40px 30px;
	background-color: #fff;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}

	.feature-item .feature-icon i {
		font-size: 50px;
		color: #2768b5;
	}

	.feature-item h4 {
		color: #2768b5;
	}

	.feature-item p {
		font-size: 14px;
	}

.feature-section.border-top {
	border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.w-hours li {
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.counter-stat {
	text-align: center;
	padding: 55px 0px 40px 0px;
	position: relative;
}

	.counter-stat i {
		display: block;
		color: rgba(255, 255, 255, 0.06);
		font-size: 70px;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		-webkit-transform: translateY(25px);
		transform: translateY(25px);
	}

	.counter-stat span {
		font-size: 70px;
		color: #fff;
	}

	.counter-stat p {
		margin-bottom: 0px;
		color: rgba(255, 255, 255, 0.7);
	}

.mb--80 {
	margin-bottom: -80px;
}

.service {
	padding-top: 40px;
}

	.service .service-item {
		background: #fff;
		padding: 30px;
		border-radius: 5px;
	}

	.service .icon {
		float: left;
		margin-bottom: 10px;
	}

	.service i {
		color: #ffeaef;
	}



	.service .content {
		clear: both;
	}

.service-block {
	padding: 20px;
	margin-top: 40px;
	border: 1px solid rgba(0, 0, 0, 0.03);
	box-shadow: 0 0 38px rgba(21, 40, 82, 0.07);
}

	.service-block img {
		width: 100%;
		margin-top: -60px;
		border: 5px solid #fff;
	}

.department-service {
	margin-bottom: 40px;
}

	.department-service li {
		margin-bottom: 10px;
	}

		.department-service li i {
			color: #e12454;
		}

.doctors .btn-group .btn {
	border-radius: 0px;
	margin: 0px 2px;
	text-transform: capitalize;
	font-size: 16px;
	padding: .6rem 1.5rem;
	cursor: pointer;
}

	.doctors .btn-group .btn.active {
		box-shadow: none !important;
		border-color: transparent;
		background: #e12454;
		color: #fff;
	}

	.doctors .btn-group .btn.focus {
		box-shadow: none !important;
		border-color: transparent;
	}

	.doctors .btn-group .btn:focus {
		box-shadow: none !important;
		border-color: transparent;
		background: #e12454;
		color: #fff;
	}

	.doctors .btn-group .btn:hover {
		box-shadow: none !important;
		border-color: transparent;
		background: #e12454;
		color: #fff;
	}

.doctors .btn-group > .btn-group:not(:last-child) > .btn, .doctors .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .doctors .btn-group > .btn:not(:first-child) {
	border-radius: 3px;
}

.doctor-inner-box {
	overflow: hidden;
}

	.doctor-inner-box .doctor-profile {
		overflow: hidden;
		position: relative;
		box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
	}

		.doctor-inner-box .doctor-profile .doctor-img {
			transition: all .35s ease;
		}

			.doctor-inner-box .doctor-profile .doctor-img:hover {
				-webkit-transform: scale(1.1);
				transform: scale(1.1);
			}

.lh-35 {
	line-height: 35px;
}

.doctor-info li {
	margin-bottom: 10px;
	color: #222;
}

	.doctor-info li i {
		margin-right: 20px;
		color: #e12454;
	}

.read-more {
	color: #2768b5;
}

@media (max-width: 480px) {
	.doctors .btn-group {
		display: block;
	}

		.doctors .btn-group .btn {
			margin: 8px 3px;
		}
}

@media (max-width: 400px) {
	.doctors .btn-group {
		display: block;
	}

		.doctors .btn-group .btn {
			margin: 8px 3px;
		}
}

@media (max-width: 768px) {
	.doctors .btn-group {
		display: block;
	}

		.doctors .btn-group .btn {
			margin: 8px 3px;
		}
}

.cta {
	background: url("../images/HomeNewIndexImages/bg/bg-4.jpg") no-repeat 50% 50%;
	background-size: cover;
	position: relative;
}

	.cta:before {
		position: absolute;
		content: "";
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: rgba(34, 58, 102, 0.95);
	}

.mb-30 {
	margin-bottom: 30px;
}

.text-color-primary {
	color: #2768b5;
}

.cta-section {
	margin-bottom: -80px;
}

.cta-2 {
	background: url("../images/HomeNewIndexImages/bg/cta-bg.png") no-repeat;
	background-position: center center;
}

.cta-page {
	background: url("../images/HomeNewIndexImages/bg/banner.jpg") no-repeat;
	background-size: cover;
	position: relative;
}

.testimonial {
	position: relative;
}

	.testimonial:before {
		width: 48%;
		height: 100%;
		top: 0;
		left: 0px;
		position: absolute;
		content: "";
		background: url("../images/HomeNewIndexImages/bg/bg-2.jpg") no-repeat 50% 50%;
	}

	.testimonial .slick-dots {
		text-align: left;
	}

.testimonial-block {
	position: relative;
	margin-bottom: 20px;
}

	.testimonial-block p {
		background: #fff;
	}

	.testimonial-block .client-info {
		margin-bottom: 20px;
	}

		.testimonial-block .client-info h4 {
			margin-bottom: 0px;
			color: #2768b5;
		}

	.testimonial-block i {
		font-size: 60px;
		position: absolute;
		right: 46px;
		bottom: 89px;
		opacity: .08;
	}

	.testimonial-block .slick-dots {
		text-align: left;
	}

.testimonial-wrap-2 .slick-dots {
	margin-left: -10px;
}

.testimonial-block.style-2 {
	background: #fff0;
	padding: 30px;
	margin: 0px 4px;
	margin-bottom: 30px;
}

	.testimonial-block.style-2 .testimonial-thumb {
		float: left;
	}

		.testimonial-block.style-2 .testimonial-thumb img {
			width: 130px;
			height: 130px;
			border-radius: 100%;
			margin-right: 20px;
			/* margin-bottom: 30px; */
			border: 4px solid #fff;
			margin-top: 7px;
			object-fit: contain;
			z-index: 99999;
			position: relative;
			/* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
			box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
			background: #fff;
		}

	.testimonial-block.style-2 .client-info p {
		clear: both;
		background: transparent;
		line-height: 28px;
		font-weight: unset;
	}

	.testimonial-block.style-2 i {
		bottom: -20px;
		color: #2768b5;
		opacity: 0.8;
	}

@media (max-width: 480px) {
	.testimonial-wrap {
		margin-left: 0px;
	}

	.testimonial::before {
		display: none;
	}
}

@media (max-width: 400px) {
	.testimonial-wrap {
		margin-left: 0px;
	}

	.testimonial::before {
		display: none;
	}
}

@media (max-width: 768px) {
	.testimonial-wrap {
		margin-left: 0px;
	}

	.testimonial::before {
		display: none;
	}
}

@media (max-width: 992px) {
	.testimonial-wrap {
		margin-left: 0px;
	}

	.testimonial::before {
		display: none;
	}
}

.contact-form-wrap .form-group {
	margin-bottom: 20px;
}

	.contact-form-wrap .form-group .form-control {
		height: 60px;
		border: 1px solid #EEF2F6;
		box-shadow: none;
		width: 100%;
		background: #f4f9fc;
	}

.contact-form-wrap .form-group-2 {
	margin-bottom: 13px;
}

	.contact-form-wrap .form-group-2 textarea {
		height: auto;
		border: 1px solid #EEF2F6;
		box-shadow: none;
		background: #f4f9fc;
		width: 100%;
	}

.social-icons li {
	margin: 0 6px;
}

.social-icons a {
	margin-right: 10px;
	font-size: 18px;
}

.google-map {
	position: relative;
}

	.google-map #map {
		width: 100%;
		height: 500px;
	}

.mt-90 {
	margin-top: 90px;
}

.contact-block {
	text-align: center;
	border: 5px solid #EEF2F6;
	padding: 50px 25px;
}

	.contact-block i {
		font-size: 50px;
		margin-bottom: 15px;
		display: inline-block;
		color: #e12454;
	}

.blog-item-content h2 {
	font-weight: 600;
	font-size: 38px;
}

/*=================================================================
  Single Blog Page
==================================================================*/
.nav-links .page-numbers {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #eee;
	text-align: center;
	padding-top: 13px;
	font-weight: 600;
	margin-right: 10px;
}

	.nav-links .page-numbers:hover {
		background: #2768b5;
		color: #fff;
	}

	.nav-links .page-numbers.current {
		background: #2768b5;
		color: #fff;
	}

.comment-area .comment-thumb {
	margin-right: 20px;
	margin-bottom: 30px;
}

.comment-area h5 {
	font-size: 18px;
	font-weight: 500;
}

.comment-area span {
	font-size: 14px;
}

.posts-nav h6 {
	font-weight: 500;
}

.quote {
	font-size: 22px;
	color: #2768b5;
	padding: 40px;
	font-style: italic;
	border-left: 5px solid #e12454;
	margin: 25px 0px;
}

.tag-option a {
	border: 1px solid #eff0f3;
	padding: 6px 12px;
	color: #6F8BA4;
	font-size: 14px;
}

.comment-form .form-control {
	background: #f7f8fb;
	border-radius: 5px;
	border-color: #f7f8fb;
	height: 50px;
}

.comment-form textarea.form-control {
	height: auto;
}

.post.post-single {
	border: none;
}

	.post.post-single .post-thumb {
		margin-top: 30px;
	}

.post-sub-heading {
	border-bottom: 1px solid #dedede;
	padding-bottom: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 20px;
}

.post-social-share {
	margin-bottom: 50px;
}

.post-comments {
	margin: 30px 0;
}

	.post-comments .media {
		margin-top: 20px;
	}

		.post-comments .media > .pull-left {
			padding-right: 20px;
		}

	.post-comments .comment-author {
		margin-top: 0;
		margin-bottom: 0px;
		font-weight: 500;
	}

		.post-comments .comment-author a {
			color: #2768b5;
			font-size: 14px;
			text-transform: uppercase;
		}

	.post-comments time {
		margin: 0 0 5px;
		display: inline-block;
		color: #808080;
		font-size: 12px;
	}

	.post-comments .comment-button {
		color: #2768b5;
		display: inline-block;
		margin-left: 5px;
		font-size: 12px;
	}

		.post-comments .comment-button i {
			margin-right: 5px;
			display: inline-block;
		}

		.post-comments .comment-button:hover {
			color: #2768b5;
		}

.post-excerpt {
	margin-bottom: 60px;
}

	.post-excerpt h3 a {
		color: #000;
	}

	.post-excerpt p {
		margin: 0 0 30px;
	}

	.post-excerpt blockquote.quote-post {
		margin: 20px 0;
	}

		.post-excerpt blockquote.quote-post p {
			line-height: 30px;
			font-size: 20px;
			color: #2768b5;
		}

.comments-section {
	margin-top: 35px;
}

.author-about {
	margin-top: 40px;
}

.post-author {
	margin-right: 20px;
}

	.post-author > img {
		border: 1px solid #dedede;
		max-width: 120px;
		padding: 5px;
		width: 100%;
	}

.comment-list ul {
	margin-top: 20px;
}

	.comment-list ul li {
		margin-bottom: 20px;
	}

.comment-wrap {
	border: 1px solid #dedede;
	border-radius: 1px;
	margin-left: 20px;
	padding: 10px;
	position: relative;
}

	.comment-wrap .author-avatar {
		margin-right: 10px;
	}

	.comment-wrap .media .media-heading {
		font-size: 14px;
		margin-bottom: 8px;
	}

		.comment-wrap .media .media-heading a {
			color: #2768b5;
			font-size: 13px;
		}

	.comment-wrap .media .comment-meta {
		font-size: 12px;
		color: #888;
	}

	.comment-wrap .media p {
		margin-top: 15px;
	}

.comment-reply-form {
	margin-top: 80px;
}

	.comment-reply-form input, .comment-reply-form textarea {
		height: 35px;
		border-radius: 0;
		box-shadow: none;
	}

		.comment-reply-form input:focus, .comment-reply-form textarea:focus {
			box-shadow: none;
			border: 1px solid #2768b5;
		}

	.comment-reply-form textarea, .comment-reply-form .btn-main {
		height: auto;
	}

.sidebar-widget {
	margin-bottom: 30px;
	padding-bottom: 35px;
}

	.sidebar-widget h5 {
		margin-bottom: 30px;
		position: relative;
		padding-bottom: 15px;
	}

		.sidebar-widget h5:before {
			position: absolute;
			content: "";
			left: 0px;
			bottom: 0px;
			width: 35px;
			height: 3px;
			background: #e12454;
		}

	.sidebar-widget.latest-post .media img {
		border-radius: 7px;
	}

	.sidebar-widget.latest-post .media h6 {
		font-weight: 500;
		line-height: 1.4;
	}

	.sidebar-widget.latest-post .media p {
		font-size: 12px;
	}

	.sidebar-widget.category ul li {
		margin-bottom: 10px;
	}

		.sidebar-widget.category ul li a {
			color: #222;
			transition: all 0.3s ease;
		}

			.sidebar-widget.category ul li a:hover {
				color: #2768b5;
				padding-left: 5px;
			}

		.sidebar-widget.category ul li span {
			margin-left: 10px;
		}

	.sidebar-widget.tags a {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: .075em;
		line-height: 41px;
		height: 41px;
		font-weight: 500;
		border-radius: 20px;
		color: #666;
		display: inline-block;
		background-color: #eff0f3;
		margin: 0 7px 10px 0;
		padding: 0 25px;
		transition: all .2s ease;
	}

		.sidebar-widget.tags a:hover {
			color: #fff;
			background: #2768b5;
		}

	.sidebar-widget.schedule-widget {
		background: #f4f9fc;
		padding: 25px;
	}

		.sidebar-widget.schedule-widget ul li {
			padding: 10px 0px;
			border-bottom: 1px solid #eee;
		}

.search-form {
	position: relative;
}

	.search-form i {
		position: absolute;
		right: 15px;
		top: 35%;
	}

.footer {
	padding-bottom: 10px;
}

	.footer .copyright a {
		font-weight: 600;
	}

.lh-35 {
	line-height: 35px;
}

.logo {
	font-weight: 600;
	letter-spacing: 1px;
}

	.logo h3 {
		color: #2768b5;
	}

	.logo span {
		color: #2768b5;
	}

.widget .divider {
	height: 3px;
}

.cta-text h4,
.widget h4 {
	color: #2768b5;
}

.widget .footer-menu a {
	color: #000;
}

	.widget .footer-menu a:hover {
		color: #e12454;
	}

.footer-contact-block span {
	font-weight: 400;
	color: #6F8BA4;
}

.footer-contact-block i {
	font-size: 20px;
}

.footer-btm {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-socials li a {
	width: 45px;
	height: 45px;
	background: #0087FF;
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	/* padding-top: 12px; */
	font-size: 24px;
	line-height: 45px;
}

.icon.d-flex.align-items-center {
	float: left;
}

.widget-contact h6 {
	font-weight: 500;
	margin-bottom: 18px;
}

	.widget-contact h6 i {
		color: #e12454;
	}

.subscribe {
	position: relative;
}

	.subscribe .form-control {
		border-radius: 50px;
		height: 60px;
		padding-left: 25px;
		border-color: #eee;
	}

	.subscribe .btn {
		position: absolute;
		right: 6px;
		top: 6px;
	}

.backtop {
	position: fixed;
	background: #2768b5;
	z-index: 9999;
	display: inline-block;
	right: 5px;
	width: 48px;
	height: 48px;
	bottom: 5px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	border-radius: 50px;
}

	.backtop i {
		color: #fff;
		font-size: 38px;
	}

.reveal {
	transition: all .3s;
	cursor: pointer;
	opacity: 1;
}



.service_boxul {
	display: inline-block;
}

/* no circle */
.flickity-button {
	background: transparent;
}

	.flickity-button:hover {
		background: transparent;
		color: black;
	}

.flickity-prev-next-button {
	width: 48px;
	height: 48px;
}

.flickity-button-icon {
	fill: white;
}

.flickity-button:disabled {
	display: none;
}

.carousel {
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
	max-width: 680px;
	height: 400px;
	border-radius: 20%;
}

.carousel-cell {
	margin-top: 35px;
	margin-right: 35px;
	margin-bottom: 35px;
	float: right;
	max-width: 280px;
	width: 100%;
	height: 335px;
	border-radius: 15px;
	counter-increment: carousel-cell;
	transition: all .3s ease;
	opacity: 0.3;
	background: #b9b9b9;
	filter: blur(6px);
}

	.carousel-cell.is-selected {
		filter: blur(0);
		opacity: 1;
		background: white;
		transform: scale(1.1);
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

	.carousel-cell .n {
		font-size: 14px;
		margin-top: 15px;
		text-align: center;
		color: #144279;
		counter-increment: carousel-cell;
		font-weight: bold;
		/* text-shadow: 3px 12px 15px #2768b561; */
	}
	/* button */
	.carousel-cell .b {
		cursor: pointer;
		margin: auto;
		width: 280px;
		padding: 1px;
		background: green;
		border: 1px solid green;
		border-radius: 15px;
		font-size: 15px;
		color: white;
		text-align: center;
		counter-increment: carousel-cell;
		transition: all .3s ease;
	}

	/* picture */
	.carousel-cell .p {
		border-radius: 15px;
		width: 100%;
		height: 250px;
		counter-increment: carousel-cell;
		object-fit: contain;
	}


	.carousel-cell .b:hover {
		background: #00e509;
		transform: scale(1.03);
		font-size: 16px;
	}

	.carousel-cell .b:active {
		background: white;
		color: green;
		transform: scale(0.9);
		font-size: 16px;
	}

	.carousel-cell .b-selected {
		cursor: pointer;
		margin: auto;
		width: 280px;
		padding: 1px;
		background: white;
		border: 1px solid green;
		border-radius: 15px;
		font-size: 15px;
		color: green;
		text-align: center;
		counter-increment: carousel-cell;
		transition: all .3s ease;
	}

.tagline-hero {
	background: white;
	padding: 5px;
	color: #2768b5;
	border-radius: 10px;
}

/*.about_shape {
	width: 100%;
	background: url(../images/bg/hero-bg.png) top center no-repeat;
	background-size: cover;
  background-attachment: fixed;
}*/
.js-cont {
	position: relative;
	width: 100%;
	height: 100%;
}

.js-scroll {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	will-change: transform;
}

.section.about.about-shape {
	position: relative;
}

.img-shapefix {
	position: absolute;
	top: 0;
	max-width: 55%;
	right: 0%;
	z-index: -1;
	bottom: 0;
}

.nav-tabs {
	border-bottom: 1px solid #fff0;
}

.tab-content {
	padding-top: 25px;
}

.about-content h2 {
	font-size: 18px;
}

.vissionmission {
	width: 30px;
	position: absolute;
}


.tabs--container {
	margin: 0 auto;
}

.tabs {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabs--scrollable {
	display: flex;
	position: relative;
	top: 1px;
	flex-grow: 1;
	flex-shrink: 1;
	flex-direction: row;
}

.tabs__scroller {
	background: #e12454;
	border: 0 none;
	color: #fff;
	font-size: 1em;
	padding: 0 0.75em;
}

	.tabs__scroller .fa {
		position: relative;
	}

.tabs__scroller--left .fa {
	left: -1px;
}

.tabs__scroller--right .fa {
	right: -2px;
}

.tabs__scroller[disabled] {
	opacity: 0.5;
}

.tabs__scroller:focus {
	outline: none;
}

.tabs__toggle-group {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
	z-index: 1;
	overflow-x: hidden;
}

.tabs__toggle {
	margin: 10px 4px;
	padding: 6px 24px;
	color: #575757;
	text-align: center;
	background: #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #e4e4e4;
	border-radius: 28px;
}

.tabs__toggle {
	margin: 10px 4px;
	padding: 6px 24px;
	color: #575757;
	text-align: center;
	background: #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #e4e4e4;
	border-radius: 28px;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 600;
}

	.tabs__toggle:first-child {
		margin-left: 0;
	}

	.tabs__toggle:hover {
		color: #2768b5;
	}

.tabs__toggle--active {
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	background: #2768b5;
	color: #fff !important;
}

.tabs__tabs-group {
	border: 1px solid #e4e4e4;
}

.tabs__tab {
	width: 100%;
	padding: 24px;
}

.tabs__left {
	position: absolute;
	left: 0;
	opacity: 0.5;
}

	.tabs__left::before {
		content: "<";
		background: #0195e7;
		color: #fff;
		width: 30px;
		display: inline-block;
	}

.tabs__left--active {
	opacity: 1;
}

.tabs__right {
	position: absolute;
	right: 0;
	opacity: 0.5;
}

	.tabs__right::after {
		content: ">";
		background: #0195e7;
		color: #fff;
		width: 30px;
		display: inline-block;
	}

.tabs__right--active {
	opacity: 1;
}

.js-action--add-tab {
	display: none;
}

/*---popup text css---*/

.poptext {
	font-size: 14px;
	color: #636363;
}

.card .popcardbg {
	background: #f5f5f5;
	border-radius: 25px;
}

/* Gallery Section start*/

.gallery-section {
	position: relative;
	z-index: 1;
}

.title {
	font-size: 46px;
	font-weight: 700;
	font-family: "Playfair Display", serif;
	color: #f44336;
}

.filter {
	text-align: center;
	max-width: 1050px;
	margin: auto;
}


.btn:hover, .btn-active {
	background: #f44336;
	color: #fff;
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	transform: translateY(3px);
}

.gallery {
	display: flex;
	justify-content: center;
	width: fit-content;
	max-width: 1320px;
	flex-wrap: wrap;
	margin: 25px auto;
	/* gap: 14px; */
}

	.gallery a {
		display: flex;
	}

	.gallery img {
		width: 200px;
		height: 220px;
		object-fit: cover;
		transition: 0.3s ease-in-out;
		border-radius: 12px;
		overflow: hidden;
		margin: 10px 10px;
	}

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

.sets .hide,
.sets .pophide {
	width: 0%;
	opacity: 0;
}

.closeBtn {
	position: absolute;
	font-size: 22px;
	font-weight: 500;
	right: 25px;
	top: 25px;
	color: white;
	transition: 0.5s linear;
	padding: 8px 40px;
	border-radius: 25px;
	background: red;
	outline-offset: -6px;
	outline: 2px solid #fff;
}

	.closeBtn:hover {
		cursor: pointer;
		background: white;
		color: black;
		outline: 2px solid #000;
	}

.openDiv {
	width: 100%;
	height: 100vh;
	background: #000000e7;
	position: fixed;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	left: 0;
	z-index: 9999;
}

.imgPreview {
	width: 70%;
	object-fit: scale-down;
	max-height: 40vw;
	height: auto;
}

.prevButton,
.nextButton {
	transition: 1s linear;
	padding: 10px 35px;
	font-size: 18px;
	border: none;
	color: white;
	background: #0005;
	border-radius: 10px;
	border: 1px solid white;
	margin: 10px;
}

	.prevButton:hover,
	.nextButton:hover {
		background: #fff;
		color: black;
	}

















/* resposive CSS Code */

@media (max-width: 1199px) {
	.section-padding {
		padding-top: 70px;
	}
}

@media (max-width: 991px) {
	.section-padding {
		padding-top: 50px;
	}
}

@media (max-width: 767px) {
	.title {
		font-size: 36px;
	}

	.gallery img {
		margin: 8px 8px;
		width: 175px;
	}

	.closeBtn {
		padding: 6px 25px;
	}

	.prevButton,
	.nextButton {
		font-size: 18px;
		padding: 8px 25px;
	}
}

@media (max-width: 540px) {
	.section-padding {
		padding-top: 30px;
	}

	.gallery img {
		margin: 8px 6px;
		width: 155px;
	}

	.closeBtn {
		font-size: 18px;
		border-radius: 15px;
	}

	.prevButton,
	.nextButton {
		font-size: 18px;
		padding: 6px 20px;
		border-radius: 10px;
		margin: 5px;
	}

	.imgPreview {
		width: 90%;
		max-height: 50vh;
		height: auto;
	}

	.cards1 {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
	}
}
/* Gallery Section End */
@media (min-width: 1200px) {
	.container {
		max-width: 1380px;
	}
}

.service_section {
	text-align: center;
	max-width: 60%;
	margin: auto;
}

.ullist_services {
	list-style: none;
}

	.ullist_services .list_icon img {
		width: 82px;
		/* max-width: 100%; */
	}

	.ullist_services li {
		display: inline-block;
		border: 1px solid #ddd;
		padding: 10px;
		width: 16%;
		vertical-align: middle;
	}

.list_caption {
	background: antiquewhite;
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 5px;
}

.list_icon {
	text-align: center;
}

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

.service_title {
	color: #e12454;
}

.service_large {
	max-width: 100%;
	height: 160px;
}

.flip-container {
	-webkit-perspective: 1000;
	margin: 0 auto 60px auto;
	width: 320px;
	height: 200px;
	border-radius: 15px;
	cursor: pointer;
}


.front {
	width: 320px;
	height: 200px;
	border-radius: 15px;
	-webkit-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

	.front h3 {
		text-align: center;
		font-size: 22px;
		font-family: "Poppins", sans-serif;
		color: #2768b5;
		margin-top: 8px;
	}

.flip-container:hover .front h3 {
	display: none;
}

.front img {
	width: 280px;
	height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border-radius: 15px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.back {
	background-color: #fff;
	width: 280px;
	height: 200px;
	border-radius: 15px;
	-webkit-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotateY(180deg);
	text-align: center;
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	border-radius: 15px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
	z-index: 3;
}

	.back h5 {
		padding: 10px 0;
		color: #2768b5;
		font-size: 22px;
	}

	.back p {
		font-size: 14px;
		font-family: "Poppins", sans-serif;
		margin-right: 15px;
	}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	position: relative;
}

.ullist_services_cashless {
	font-size: 16px;
	margin: 6px;
}

.testimonial-2 {
	background-image: url(../images/HomeNewIndexImages/pattern-bg-svg.svg);
	background-repeat: no-repeat;
	background-position: 0% 0px;
	background-size: 50%;
}

.slick-dots li.slick-active button::before {
	color: #0028ff;
}


#container {
	margin: auto;
}

.header h1 {
	text-align: center;
	background: -webkit-linear-gradient(#e3ca66, #b48e47);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 4.5em;
	font-family: 'Parisienne', cursive;
	margin-bottom: 15px;
}

.header p {
	text-align: center;
	background: -webkit-linear-gradient(#e3ca66, #b48e47);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	font-size: 20px;
}

.grid-item {
	display: inline-block;
	height: 259px;
	overflow: hidden;
	text-align: center;
	width: 400px;
}

	.grid-item img {
		width: 100%;
		height: 350px;
		filter: url(filters.svg#grayscale);
		filter: gray;
		-webkit-filter: grayscale(1);
		transition: 0.9s;
		object-fit: cover;
		padding: 1px;
		border-radius: 8px;
	}

		.grid-item img:hover {
			filter: none;
		}

.isotope-pager .pager {
	display: inline-block;
}

.filters {
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
	padding-top: 20px;
}

	.filters ul {
		list-style: none;
		padding: 20px 10px;
		/* box-shadow: -1px 1px 11px rgba(0,0,0,.4); */
		margin: 0 40px;
		border-radius: 30px;
		background-color: #fff;
	}

	.filters li {
		display: inline-block;
		padding: 10px 25px;
		font-size: 15px;
		font-weight: 600;
		cursor: pointer;
	}

		.filters li a {
			color: #060606e0;
			text-decoration: none;
		}

			.filters li a:hover {
				color: #060606e0;
			}


		.filters li.active a {
			color: #2768b5;
			border: 1px solid #fff;
			border-radius: 15px;
			box-shadow: 4px 3px 15px rgba(247, 242, 242, 0.9);
			padding: 10px 25px;
		}

.isotope-pager a {
	margin: 6px 1px;
	display: inline-block;
	width: 50px;
	/* height: 60px; */
	line-height: 31px;
	color: #1d1c1c;
	font-weight: 600;
	transition: 0.3s;
	/* position: relative; */
	/* padding-right: 26px; */
	box-shadow: -1px 1px 11px rgba(0,0,0,.1);
	border-radius: 25px;
	background-color: #fff;
	/* border: .5px solid #e3ca66; */
	text-decoration: none;
}

.isotope-pager .active {
	color: #e3ca66 !important;
	box-shadow: -1px 1px 10px 5px rgba(0,0,0,.1);
	border-radius: 25px;
	background-color: #161616;
	border: 1px dotted #e3ca66;
}

.isotope-pager .prev {
	border-radius: 30px 0 0 30px;
}

.isotope-pager .next {
	border-radius: 0 30px 30px 0;
}

.isotope-pager a::before, .isotope-pager a:after {
	content: "";
	position: absolute;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
}

.isotope-pager .num::before, .next::before {
	border-right: 20px solid #2c3e50;
	right: 100%;
}

.isotope-pager .num:after, .prev:after {
	border-right: 20px solid #f1f1f1;
	right: 0;
}





.overlay {
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5); /* Black see-through */
	color: #f1f1f1;
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	color: white;
	font-size: 20px;
	padding: 20px;
	text-align: center;
}

.grid-item:hover .overlay {
	opacity: 1;
}

.tabs {
	background: #fff;
}


.client-info span {
	color: #e12454;
	font-weight: 600;
}

.bubble {
	box-sizing: border-box;
	position: relative;
	height: auto;
	width: auto;
	background: white;
	border-radius: 15px;
	padding: 0px;
}

.feedback-content {
	position: relative;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	border-radius: 25px;
	padding: 30px;
	background: #fff;
	margin-top: 35px;
}

.client-info {
	/* background: url(https://img.freepik.com/free-vector/white-monochrome-background_23-2148993331.jpg);
   */
	background: url(../images/HomeNewIndexImages/background-lines1.PNG);
	padding-top: 25px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background-size: cover;
}

.feedback-content::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 20px;
	left: -47px;
	border-top: 20px solid #b0aaaa00;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
	border-right: 30px solid #fbfbfb;
}

.slick-prev::before, .slick-next::before {
	font-family: 'slick';
	font-size: 48px;
	line-height: 1;
	opacity: .75;
	color: #5286c3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.service_section {
	text-align: center;
	max-width: 60%;
	margin: auto;
}

.ullist_services {
	list-style: none;
}

	.ullist_services .list_icon img {
		width: 82px;
		height: 90px;
		object-fit: contain;
	}

	.ullist_services li {
		display: inline-block;
		border: 1px solid #ddd;
		padding: 3px;
		width: 13%;
		vertical-align: middle;
		min-height: 150px;
		margin-bottom: 5px;
	}

.ahc-ullist li {
	width: 16%;
}

.ullist_services-cmp li {
	width: 24%;
}

.ullist_services-maternity li {
	width: 16%;
}

.ullist-hqapp li {
	width: 19%;
}

.list_caption {
	background: antiquewhite;
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 5px;
	font-size: small;
	font-weight: 500;
	color: #1d1a1a;
}

.list_icon {
	text-align: center;
	min-height: 90px;
}

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

.service_title {
	color: #e12454;
}

.service_large {
	max-width: 100%;
	height: 160px;
}

.flip-container {
	-webkit-perspective: 1000;
	margin: 0 auto 60px auto;
	width: 320px;
	height: 200px;
	border-radius: 15px;
	cursor: pointer;
}

	.flip-container:hover .flipper {
		-webkit-transform: rotateY(180deg);
		cursor: pointer;
	}

	.flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		cursor: pointer;
	}

.front {
	width: 320px;
	height: 200px;
	border-radius: 15px;
	-webkit-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

	.front h3 {
		text-align: center;
		font-size: 22px;
		color: #1e1e1e;
		margin-top: 8px;
		font-size: 18px;
	}

	.front img {
		width: 280px;
		height: 200px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		border-radius: 15px;
		box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	}

.back {
	background-color: #fff;
	width: 280px;
	height: 200px;
	border-radius: 15px;
	-webkit-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotateY(180deg);
	text-align: center;
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	border-radius: 15px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

	.back h5 {
		padding: 10px 0;
		color: #2768b5;
		font-size: 22px;
	}

	.back p {
		font-size: 14px;
		font-family: "Poppins", sans-serif;
		margin-right: 15px;
	}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	position: relative;
}

.ullist_services_cashless {
	font-size: 15px;
	margin: 6px;
	text-align: left;
	line-height: 27px;
}

.pehc-sec img {
	height: 180px;
	object-fit: contain;
}

.ohc-sec img {
	height: 280px;
	object-fit: contain;
}

.tele-sec img {
	height: 280px;
	object-fit: contain;
}

.pharmacy-delivery-sec img {
	height: 250px;
	object-fit: contain;
}

.hospital-location img,
.city-location img {
	object-fit: contain;
	height: 250px;
}

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: auto;
	z-index: 111;
	background: #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #1a91cf;
	border-color: #dee2e6 #dee2e6 #fff;
}

.post_des {
	color: #fff;
}

.swiper-wrapper {
	flex: none;
	align-items: flex-start;
	display: flex;
}

.swiper-slide {
	flex: none;
}

	.swiper-slide .people__card {
		position: relative;
		overflow: hidden;
		height: 370px;
		background-color: #111b1a;
		border-radius: 11px;
	}




@media (max-width: 1699px) {
	.swiper-slide .people__card {
		height: 370px;
	}
}

@media (max-width: 1199px) {
	.swiper-slide .people__card {
		height: 350px;
	}
}

@media (max-width: 991px) {
	.swiper-slide .people__card {
		height: 350px;
	}
}

@media (max-width: 767px) {
	.swiper-slide .people__card {
		height: auto;
	}
}


.about-us {
	background-image: url('../images/HomeNewIndexImages/about/about-us-background.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0px 0px 0px;
}

.swiper-slide .people__card .people__card__image {
	display: inline-block;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	z-index: 2;
	margin-left: -100px;
	width: 130%;
	height: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 13px;
	transition: transform 0.7s;
}

.swiper-slide .people__card .people__card__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 40px 30px;
	border-radius: 11px;
	transition: 0.3s;
	background: #0000005c;
}

	.swiper-slide .people__card .people__card__content .slide__number {
		margin-bottom: 30px;
		opacity: 1;
		font-size: 36px;
		font-weight: 300;
		color: #ebefe3;
		border: 2px solid #fff;
		width: 62px;
		height: 62px;
		text-align: center;
		border-radius: 50%;
	}

@media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__number {
		margin-bottom: 20px;
		font-size: 24px;
	}
}

@media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__number {
		font-size: 20px;
	}
}

.swiper-slide .people__card .people__card__content .slide__title {
	margin-bottom: 20px;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: #ebefe3;
	border-bottom: 2px solid #fff;
	max-width: 75%;
}

@media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__title {
		font-size: 2.4em;
	}
}

@media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__title {
		font-size: 1.92em;
	}
}

.swiper-slide .people__card .people__card__content .slide__subtitle {
	margin-bottom: 30px;
	max-width: 70%;
	color: #ebefe3;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}

@media (max-width: 1199px) {
	.swiper-slide .people__card .people__card__content .slide__subtitle {
		font-size: 15px;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__subtitle {
		font-size: 14px;
		max-width: 85%;
	}
}

.swiper-slide .people__card .people__card__content .slide__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 70px;
	border: 1px solid #ebefe3;
	border-radius: 30px;
	text-decoration: none;
	transition: background-color 0.3s;
	/* display: none; */
	z-index: 11;
}

@media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__btn {
		padding: 10px 20px;
	}
}

.swiper-slide .people__card .people__card__content .slide__btn:hover {
	background-color: #ebefe3;
}

	.swiper-slide .people__card .people__card__content .slide__btn:hover .slide__btn__text {
		color: #111b1a;
	}

	.swiper-slide .people__card .people__card__content .slide__btn:hover .slide__btn__icon path {
		color: #111b1a;
	}

.swiper-slide .people__card .people__card__content .slide__btn .slide__btn__text {
	margin-right: 5px;
	font-size: 20px;
	font-weight: 500;
	color: #ebefe3;
	transition: color 0.3s;
}

@media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__btn .slide__btn__text {
		font-size: 18px;
	}
}

.swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon {
	width: 15px;
	font-size: 24px;
}

@media (max-width: 767px) {
	.swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon {
		font-size: 18px;
	}
}

.swiper-slide .people__card .people__card__content .slide__btn .slide__btn__icon path {
	color: #ebefe3;
	transition: 0.3s;
}

.swiper-slide .people__card .slide__gradient {
	position: absolute;
	z-index: 2;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	background-image: linear-gradient(111deg, #000, rgba(0, 0, 0, 0.15) 60%);
}

.swiper-slide.is-active .people__card__image {
	transform: translateX(100px);
}

.logo_op {
	position: absolute;
	width: 220px;
	right: 0;
	top: 0;
	z-index: 99;
	/* filter: brightness(100); */
	filter: brightness(0) invert(1);
}

.logo_slide {
	filter: grayscale(50%);
	position: absolute;
	left: 85%;
	width: 15%;
	transform-origin: center;
	animation: roatelogo 15s infinite;
	top: 0;
}

.container.testimonial-2shape {
	position: relative;
	z-index: -1;
}

@keyframes roatelogo {
	0% {
		transform: rotate(0deg);
		transform-origin: center;
		filter: grayscale(100);
	}

	20% {
		transform: rotate(180deg);
		transform-origin: center;
		filter: grayscale(50);
	}

	50% {
		transform: rotate(0deg);
		transform-origin: center;
		filter: brightness(50);
	}

	100% {
		transform: rotate(360deg);
		transform-origin: center;
		filter: brightness(100%);
	}
}


.wrapperslide {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}


	.wrapperslide .card {
		width: 80px;
		border-radius: .75rem;
		background-size: cover;
		cursor: pointer;
		overflow: hidden;
		border-radius: 2rem;
		margin: 0 10px;
		display: flex;
		align-items: flex-end;
		transition: .6s cubic-bezier(.28, -0.03, 0, .99);
		box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.8);
	}

		.wrapperslide .card > .row {
			color: white;
			display: flex;
			flex-wrap: nowrap;
		}

			.wrapperslide .card > .row > .icon {
				background: #223;
				color: white;
				border-radius: 50%;
				width: 50px;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 15px;
			}

			.wrapperslide .card > .row > .description {
				display: flex;
				justify-content: center;
				flex-direction: column;
				overflow: hidden;
				height: 80px;
				width: 520px;
				opacity: 0;
				transform: translateY(30px);
				transition-delay: .3s;
				transition: all .3s ease;
			}

	.wrapperslide .description p {
		color: #b0b0ba;
		padding-top: 5px;
	}

	.wrapperslide .description h4 {
		text-transform: uppercase;
	}

	.wrapperslide input {
		display: none;
	}

.wrapperslideinput:checked + label {
	width: 600px;
}

.wrapperslide input:checked + label .description {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

/*-- Intégration des images --*/
.wrapperslide .card[for="c1"] {
	background-image: url('https://images.unsplash.com/photo-1516223725307-6f76b9ec8742?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDI1NTkwNDJ8&ixlib=rb-4.0.3&q=85');
}

.wrapperslide .card[for="c2"] {
	background-image: url('https://images.unsplash.com/photo-1627773167916-f52e5113f0d3?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDI1NTkzODJ8&ixlib=rb-4.0.3&q=85');
}

.wrapperslide .card[for="c3"] {
	background-image: url('https://images.unsplash.com/photo-1477233534935-f5e6fe7c1159?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDI1NTk1ODZ8&ixlib=rb-4.0.3&q=85');
}

.wrapperslide .card[for="c4"] {
	background-image: url('https://images.unsplash.com/photo-1514525253161-7a46d19cd819?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDI1NTk4OTd8&ixlib=rb-4.0.3&q=85');
}

.what_we_do_img {
	height: 550px;
}

.header-design {
	background-color: #a4508b;
	background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);
	height: 120px;
	text-align: center;
}

.listar-map-button {
	width: 100%;
	position: absolute;
	display: table;
	right: 0;
	top: 0;
	height: 200px;
	line-height: 164px;
	white-space: nowrap;
	font-size: 0;
}

.listar-map-button {
	right: auto;
	/***
    box-shadow: 0 0 65px rgba(0,0,0,.07) inset, 0 0 35px rgba(0,0,0,.05) inset;**/
}

.listar-map-button-text span {
	background-color: #fff;
	color: #252525;
	text-shadow: none;
}

.listar-page-header-content .listar-map-button-text span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	height: 44px;
	line-height: 1.6;
	padding: 10px 25px;
	box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
	border-radius: 50px;
	background-color: rgba(35, 40, 45, 0.9);
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}


@keyframes wave {
	0% {
		background-position: 0;
	}

	100% {
		background-position: 1440px;
	}
}

.listar-feature-item-wrapper {
	/* margin-bottom: 120px; */
	padding-left: 27px;
	padding-right: 27px;
}

.listar-feature-item {
	height: calc(100% - 20px);
	min-height: 490px;
}

	.listar-feature-item.listar-feature-has-link ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
		position: relative;
		display: block;
		width: 100%;
		height: 30px;
	}

	.listar-feature-item a {
		position: absolute;
		top: -12px;
		left: 15px;
		width: calc(100% - 30px);
		height: calc(100% + 4px);
		border-radius: 1000px;
		z-index: 10;
	}

.listar-feature-with-image .listar-feature-item a:before {
	content: "";
	position: absolute;
	top: -74px;
	left: 50%;
	margin-left: -74px;
	width: 148px;
	height: 148px;
	border-radius: 1000px;
	z-index: 10;
}

.listar-feature-item a:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	border-radius: 1000px;
	z-index: 10;
	animation: ripple 0.7s linear infinite;
	box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6), -5px -5px 10px rgba(255, 255, 255, 0.5);
}


@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
	}

	100% {
		box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
	}
}



.listar-feature-item .listar-feature-item-inner {
	padding: 50px 30px;
	border-radius: 6px;
	z-index: 5;
	position: relative;
	height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
	padding-top: 60px;
	padding-bottom: 60px;
}

	.listar-feature-item .listar-feature-item-inner:before {
		border: 0;
		box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15), 10px 0px 10px rgba(80, 80, 80, 0.02);
		border-radius: 1000px;
		background: rgba(255, 255, 255, 0);
		background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
		background: -webkit-gradient( left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)) );
		background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
		background: -o-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
		background: -ms-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
		background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
	}

	.listar-feature-item .listar-feature-item-inner:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.listar-feature-right-border {
	position: absolute;
	width: calc(100% + 24px);
	height: calc(100% + 24px);
	top: -12px;
	left: 50%;
	overflow: hidden;
}

.listar-feature-items {
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features
.listar-feature-item
a:hover ~ .listar-feature-item-inner
.listar-feature-right-border:before {
	border: 11px solid #2f53bf;
}

.listar-feature-right-border:before,
.listar-hovering-features
.listar-feature-item
a:hover ~ .listar-feature-item-inner
.listar-feature-right-border:before,
.listar-hovering-features-grey
.listar-feature-item
a:hover ~ .listar-feature-item-inner
.listar-feature-right-border:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 11px solid #258bd5;
	border-radius: 800px;
	left: -50%;
}

.listar-feature-item .listar-feature-block-content-wrapper {
	position: relative;
	display: block;
	text-decoration: none;
	margin: -30px;
	padding: 30px;
	/* height: calc(100% + 100px); */
	height: 490px;
}

.listar-features-design-2 .listar-feature-item-wrapper {
	margin-bottom: 120px;
	padding-left: 27px;
	padding-right: 27px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
	content: "";
	background-color: #fff;
	z-index: 6;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
}

.listar-feature-icon-wrapper {
	width: 148px;
	height: 148px;
	line-height: 148px;
	border-radius: 500px;
	position: relative;
	background-color: #fff;
	box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	left: 50%;
	vertical-align: middle;
	margin-left: -74px;
	top: -66px;
	margin-top: -74px;
}

.listar-feature-icon-inner {
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 500px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
	background: #fff;
}

	.listar-feature-icon-inner div {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		display: inline-block;
		position: relative;
		width: 120px;
		height: 120px;
		line-height: 120px;
		text-align: left;
	}

	.listar-feature-icon-inner img {
		position: relative;
		margin: 0 auto;
		vertical-align: middle;
		display: inline-block;
		width: auto;
		left: 50%;
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-ms-transform: translate(-50%);
		-o-transform: translate(-50%);
		transform: translate(-50%);
		height: 55px;
	}

.listar-feature-item img,
.listar-feature-item i {
	position: relative;
	display: inline-block;
	border-bottom: 0;
	font-size: 40px;
	top: 0;
	padding: 0;
	color: #258bd5;
}

.listar-feature-with-image .listar-feature-content-wrapper {
	top: 0;
}

.listar-feature-content-wrapper {
	position: relative;
	margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
	padding-top: 0;
	margin: 0 0 30px;
	text-align: center;
	line-height: 1.5;
}

	.listar-feature-item
	.listar-feature-item-title.listar-feature-counter-added > span {
		margin-left: 25px;
		border-radius: 0 50px 50px 0;
	}

	.listar-feature-item .listar-feature-item-title > span {
		box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12), 5px 0px 40px rgba(80, 80, 80, 0.1);
		padding: 10px 20px;
		display: inline-block;
		position: relative;
		background-color: #fff;
	}

		.listar-feature-item .listar-feature-item-title > span span {
			box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2), 5px 0px 80px rgba(80, 80, 80, 0.15);
			padding: 10px 0;
			display: inline-block;
			width: 50px;
			height: 50px;
			line-height: 30px;
			white-space: nowrap;
			position: absolute;
			top: -3px;
			left: -40px;
			border-radius: 50px;
			background-color: #2768b5;
			color: #fff;
			font-weight: 600;
		}

	.listar-feature-item .listar-feature-item-title span {
		display: inline-block;
		font-size: 14px;
		line-height: normal;
		font-weight: 400;
		text-shadow: none;
		border-radius: 50px;
		color: #252525;
		font-size: 18px;
	}

.listar-feature-item-excerpt {
	padding: 0 20px;
}

.listar-feature-item-excerpt {
	color: #252525;
	position: relative;
	top: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.pset {
	padding-top: 180px;
	padding-bottom: 80px;
}

.listar-map-button-text span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	height: 44px;
	line-height: 1.6;
	padding: 10px 25px;
	box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
	border-radius: 50px;
	background-color: rgba(35, 40, 45, 0.9);
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.listar-map-button-text span {
	background-color: #fff;
	color: #252525;
	text-shadow: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

	.listar-map-button-text span:after {
		border: 12px solid #fff;
	}

	.listar-map-button-text span:after {
		content: "";
		position: absolute;
		top: -14px;
		left: -14px;
		width: calc(100% + 28px);
		height: calc(100% + 28px);
		border-radius: 36px;
	}

.listar-map-button:hover .listar-map-button-text span {
	padding: 10px 43px 10px 51px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.listar-feature-with-image .listar-feature-item a:before {
	content: "";
	position: absolute;
	top: -74px;
	left: 50%;
	margin-left: -74px;
	width: 148px;
	height: 148px;
	border-radius: 1000px;
	z-index: 10;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner::after {
	margin-left: -25px;
	/* width: 50px; */
	height: 50px;
	border-radius: 50px;
	box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15), 15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
	bottom: -30px;
	background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
	background-size: 40%;
	color: #555;
	line-height: 52px;
	min-height: 490px;
}


.slide-container {
	width: 100%;
	padding: 40px 0;
}

.slide-content {
	margin: 0 40px;
	overflow-x: hidden;
	border-radius: 25px;
	padding-top: 85px;
}

.card {
	border-radius: 25px;
	background-color: #FFF;
}

.image-content,
.card-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 14px;
}

.image-content {
	position: relative;
	row-gap: 5px;
	padding: 25px 0;
}

.overlay::before,
.overlay::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -40px;
	height: 40px;
	width: 40px;
	background-color: #4070F4;
}

.overlay::after {
	border-radius: 0 25px 0 0;
	background-color: #FFF;
}

.card-image {
	position: relative;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	background: #FFF;
	padding: 3px;
}

	.card-image .card-img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 50%;
		border: 4px solid #4070F4;
	}

.name {
	font-size: 18px;
	font-weight: 500;
	color: #333;
}

.description {
	font-size: 14px;
	color: #707070;
	text-align: center;
}

.button {
	border: none;
	font-size: 16px;
	color: #FFF;
	padding: 8px 16px;
	background-color: #4070F4;
	border-radius: 6px;
	margin: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.swiper-navBtn::before,
.swiper-navBtn::after {
	font-size: 38px;
}

.swiper-button-next {
	right: 0;
}

.swiper-button-prev {
	left: 0;
}

@media screen and (max-width: 768px) {
	.slide-content {
		margin: 0 10px;
	}

	.swiper-navBtn {
		display: none;
	}
}

.nav-link.login-btn {
	border-radius: 11px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
	color: #fff !important;
	padding: 7px 18px !important;
}

.nav-link.active {
	background: #2768b5;
	border-radius: 28px;
	color: #fff !important;
}

#our-client {
	padding-bottom: 0px;
}

.row.clients-logo.slick-initialized.slick-slider {
	padding-bottom: 95px;
}

.service .section-title {
	max-width: 60%;
	text-align: center;
	margin: auto;
}

.nav-link.login-btn {
	border-radius: 11px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	color: #fff !important;
	padding: 7px 17px !important;
	background: #2768b5;
}

.menu_images {
	width: 32px;
	margin-right: 15px;
}

.footer-cta {
}

.single-cta i {
	color: #6b605b;
	font-size: 31px;
	/* float: left; */
	/* margin-top: 8px; */
	vertical-align: middle;
}

.cta-text {
	padding-left: 15px;
	display: inline-block;
	text-align: center;
	z-index: 9;
	position: relative;
}

.cta-text1 {
	padding-left: 15px;
	display: inline-block;
	text-align: left;
	z-index: 9;
	position: relative;
}

	.cta-text1 h4 {
		color: #2768b5;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 2px;
	}


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

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

.cta_images {
	border-radius: 100%;
	width: 130px;
	height: 130px;
	margin: auto;
	text-align: center;
	margin-bottom: 15px;
	object-fit: cover;
}

.single-cta {
	box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.24);
	min-height: 320px;
	text-align: center;
	margin: auto;
	padding-top: 30px;
	background: #fff;
	border-radius: 20px;
}

.footer_tiles::after {
	position: absolute;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../Images/HomeNewIndexImages/pro-table-bottom.png");
	z-index: 0;
	content: '';
	width: 100%;
	height: 201px;
}

.footer_tiles::before {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../Images/HomeNewIndexImages/pro-table-top.png");
	z-index: 0;
	content: '';
	width: 281px;
	height: 251px;
}

.footer_tiles {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.07);
	border-radius: 50px;
	padding: 30px 30px;
	text-align: center;
	position: relative;
	z-index: 99;
	overflow: hidden;
}



.input-group-addon {
	background-color: #fefefe;
	border-left: 5px solid #333;
	border-right: 0px;
	padding-top: 10px;
	padding-left: 10px;
}

#user-name, #email, #phone, #user-cep {
	border-left: 0px #fff;
}

.bt-mdl {
	left: 10px;
	color: #fff;
	background-color: #008cff;
}

	.bt-mdl:hover {
		color: #000;
		background-color: #169e04;
	}


.f-right {
	background-color: #9f9fad;
}

.btn#fox-popup-triger {
	padding: 20px;
	margin: 10px;
	border: 1px solid #333;
	width: 200px;
	text-align: center;
	background-color: #053;
	color: #fff;
}

	.btn#fox-popup-triger p {
		margin: 0;
		padding: 0;
	}

.fox-popup-wrap {
	display: none;
	background-color: #ffc107;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

/*btn - fechar popup*/
.fox-close-btn {
	font-size: 40px;
	width: 40px;
	height: 40px;
	position: fixed;
	top: 10px;
	right: 30px;
	cursor: pointer;
}



.fox-form-wrap {
	position: absolute;
	top: 50px;
	right: 70px;
	left: 80px;
}

	.fox-form-wrap form {
	}

		.fox-form-wrap form p {
			color: #000;
		}

		.fox-form-wrap form label {
			color: #000;
		}

		.fox-form-wrap form .btn {
			padding: 10px;
		}

			.fox-form-wrap form .btn:hover {
				-webkit-transform: scale(1.1);
				transform: scale(1.1);
			}

	.fox-form-wrap p.info {
		font-size: 1.1rem;
		position: absolute;
		bottom: -110px;
		left: 0px;
		color: #fff;
	}

.info {
	font-size: 10px;
}

.modal-body {
	background-color: #fff;
	height: auto;
}

.modal-dialog {
	max-width: 90%;
}

.modal-header {
	background: #2768b5;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}

.form-horizontal {
	padding: 50px;
	background: #fffffff5;
	margin-top: 15px;
	border-radius: 18px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.register_now_container {
	position: absolute;
	color: #fff;
	height: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	height: 637px;
	width: 100%;
}

.register_now {
	margin: auto;
	color: #2768b5;
	font-weight: 800;
	font-size: 32px;
	background: #fff;
	padding: 15px;
	border-radius: 15px;
}

.btn.btn-secondary,
.btn.btn-primary.bt-mdl:hover {
	border: none !important;
	color: #fff;
}

.close {
	color: #fff !important;
	opacity: 0.8;
}

.service_list_container {
	display: inline-block;
	border: 2px solid #006e8b;
	margin: auto;
	padding: 10px;
	/*height: 140px;*/
	width: 100%;
	/*background: url(../images/background-lines.jpg);*/
	color: #fff;
	margin-bottom: 3px;
	border-radius: 10px;
	background-position: 100% 100%;
	background-size: contain;
	/*background: linear-gradient(90deg, rgba(39, 104, 181, 0.55) 0%, rgba(39, 164, 181, 0.44) 100%, rgba(2, 0, 36, 0.37) 100%, rgba(0, 212, 255, 0.49) 100%)*/
	background: linear-gradient(90deg, rgba(0, 70, 154, 0.55) 0%, rgba(0, 224, 255, 0.44) 100%, rgba(105, 96, 255, 0.37) 100%, rgba(48, 220, 255, 0.49) 100%)
}

	.service_list_container:hover {
		background: linear-gradient(270deg, rgba(39,104,181,1) 0%, rgba(39,164,181,0.9697012594100141) 100%, rgba(2,0,36,1) 100%, rgba(0,212,255,1) 100%);
		cursor: pointer;
	}


	.service_list_container img {
		filter: brightness(0) invert(1);
		margin-bottom: 10px;
	}

.service_label {
	font-weight: 600;
	background: #406bcb;
}

.user_profile {
	width: 42px;
	margin-left: 15px;
	position: relative;
	bottom: 10px;
}

.first-img-os {
	/*box-shadow: rgba(0, 0, 0, 0.81) 0px 5px 15px;*/
	width: 50%;
	position: relative;
	left: 25px;
	top: 123px;
	border: 1px solid rgb(39,104,181);
	border-radius: 5px;
}

.second-img-os {
	width: 50%;
	position: relative;
	top: 131px;
	left: 280px;
	/*box-shadow: rgba(0, 0, 0, 0.81) 0px 5px 15px;*/
	border: 1px solid rgb(39,104,181);
	border-radius: 5px;
}

.third-img-os {
	/*box-shadow: rgba(0, 0, 0, 0.81) 0px 5px 15px;*/
	width: 42%;
	position: relative;
	top: 138px;
	right: 240px;
	border: 1px solid rgb(39,104,181);
	border-radius: 5px;
}

.forth-img-os {
	/*box-shadow: rgba(0, 0, 0, 0.81) 0px 5px 15px;*/
	width: 34%;
	position: relative;
	bottom: 367px;
	left: 312px;
	border: 1px solid rgb(39,104,181);
	border-radius: 5px;
}

.our-story {
	padding: 70px 0 0 0;
}

.dropdown-menu.profile_dropdown {
	min-width: 120px;
}

.user_list {
	text-align: center;
}

.service_list_overflow {
	height: 450px;
	border: 1px solid;
	overflow-y: auto;
}

.about-us-section {
	height: 570px;
}


.counter {
	animation-duration: 1s;
	animation-delay: 0s;
}



@media (max-width: 991px) {
	.col-md-4 {
		border-right: 0px dashed black;
		border-bottom: 1px dashed black;
		width: 50%;
		margin: auto auto;
	}

		.col-md-4:last-child {
			border-bottom: 0px dashed black;
		}
}

.tsp-box-counter {
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	padding: 16px;
	margin-bottom: 10px;
	min-height: 300px;
	position: relative;
	text-align: center;
	background: url("../images/HomeNewIndexImages/vector-background.png");
	transition: 2.7s all;
	background-position: 40% 135%;
	/* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(38, 0, 174, 0.33) 0px -2px 6px 0px inset; */
	background-size: 90%;
	background-repeat: no-repeat;
}


	.tsp-box-counter::before {
		position: absolute;
		top: 0;
		left: 0;
		background-image: url("../images/HomeNewIndexImages/pro-table-top.png");
		z-index: 0;
		content: '';
		width: 100%;
		height: 100px;
		background-size: 30%;
		background-repeat: no-repeat;
	}

@keyframes animName {
	0% {
		width: 100%;
	}

	100% {
		width: 75%;
	}
}

.tsp-box-counter:hover::before {
	animation: animName 2s forwards;
}

.tsp-box-counter::after {
	position: absolute;
	bottom: -2px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/HomeNewIndexImages/pro-table-bottom.png");
	z-index: 0;
	content: '';
	width: 100%;
	height: 90px;
}

.tsp-section {
	font-weight: 700;
	/* color: #2768b5; */
	color: #000;
	font-size: 18px;
	line-height: 24px;
}

.count {
	font-size: 18px;
	margin-top: 15px;
	border-radius: 15px;
	padding: 5px;
	margin-bottom: 8px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(38, 0, 174, 0.08) 0px -2px 6px 0px inset;
	font-weight: 600;
}

.tsp-box-counter:hover {
	background: url("../images/HomeNewIndexImages/vector-background.png");
	transition: 1.7s all;
	background-position: 40% 100%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(38, 0, 174, 0.33) 0px -2px 6px 0px inset;
	background-size: 90%;
	background-repeat: no-repeat;
}

.tsp-box-counter .performance_img {
	width: 52%;
	padding: 10px;
	background: #2768b5;
	border-radius: 15px;
	border: 10px double #fff;
}

.circle_percent {
	font-size: 200px;
	width: 1em;
	height: 1em;
	position: relative;
	background: #eee;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	margin: 20px;
}

.circle_inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	clip: rect(0 1em 1em .5em);
}

.round_per {
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	background: #2664b0;
	clip: rect(0 1em 1em .5em);
	transform: rotate(180deg);
	transition: 1.05s;
}

.percent_more .circle_inner {
	clip: rect(0 .5em 1em 0em);
}

.percent_more:after {
	position: absolute;
	left: .5em;
	top: 0em;
	right: 0;
	bottom: 0;
	background: #2664b0;
	content: '';
}

.circle_inbox {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	background: #fff;
	z-index: 3;
	border-radius: 50%;
}

.percent_text {
	position: absolute;
	font-size: 36px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
	font-weight: 700;
}

.counter_box {
	max-width: 100%;
	border: 1px solid #ddd;
}

	.counter_box .counter_img {
		max-width: 100%;
	}

#hqrating svg {
	transform: rotate(-90deg);
	color: #eff0f3;
	background: #eff0f3;
	border-radius: 50%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#enpsrating svg {
	transform: rotate(-90deg);
	color: #eff0f3;
	background: #eff0f3;
	border-radius: 50%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.percentage-label {
	display: block;
	font-size: 2rem;
	font-weight: 900;
}

#hqpie {
	fill: currentcolor;
	stroke: hsl(0,0%,50%);
	stroke-width: 50;
	stroke-dasharray: 0 158;
	transition: stroke-dasharray 2s;
}

#enpspie {
	fill: currentcolor;
	stroke: hsl(0,0%,50%);
	stroke-width: 50;
	stroke-dasharray: 0 158;
	transition: stroke-dasharray 2s;
}

#hqrating {
	width: 36%;
	margin: 2rem auto;
	position: relative;
	height: 0;
	padding-top: 35%;
}

#enpsrating {
	width: 36%;
	margin: 2rem auto;
	position: relative;
	height: 0;
	padding-top: 35%;
}

#utilsliderfirst {
	width: 20%;
}

#utilslidersecond {
	width: 20%;
}

output {
	position: absolute;
	color: #000;
	font-size: 3rem;
	text-align: center;
	z-index: 10;
	width: 100%;
	left: 0;
	top: calc(50% - 2rem);
}

.performance-card {
	border: 1px solid #e7e7e7;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 20px;
}

	.performance-card h4 {
		text-align: center;
		padding-top: 23px;
	}

.counter_box {
	text-align: center;
	font-weight: 600;
}

.counter_box {
	text-align: center;
	font-weight: 600;
	margin-bottom: 20px;
}

.counter_label {
	background: #f1f1f1;
	border-top: 6px double #fdfeff;
	background: #24b34c;
	color: #000;
	padding: 5px;
}

.counter_box .counter_img {
	max-width: 100%;
	object-fit: cover;
	min-height: 250px;
}

.counter_count {
	background: #efeaea;
	font-size: 24px;
	letter-spacing: 2px;
	padding: 3px;
}


/* hover  effect harshada*/


.effectTab-header .caption,
.effectTab-header .title {
	font-weight: 700;
	padding-bottom: 20px;
	position: relative;
	display: inline-block;
	color: #555;
	margin: 0 0 20px;
	text-align: center;
	text-transform: uppercase
}

.effectTab-header .title {
	font-size: 36px;
	font-family: Oswald, sans-serif
}

.effectTab-header .caption {
	font-size: 30px;
	font-family: 'Open Sans', sans-serif
}

.column-1,
.column-10,
.column-11,
.column-12,
.column-2,
.column-3,
.column-4,
.column-5,
.column-7,
.column-8,
.column-9 {
	float: left;
}

.effectTab-header .title::after,
.effectTab-header .title::before {
	position: absolute;
	background: linear-gradient(to right, #ed6ea0 0, #ec8c69 100%);
	content: ""
}

.effectTab-header .title::before {
	left: 0;
	width: 156%;
	height: 3px;
	margin-left: -28%;
	bottom: -1.5px
}

.effectTab-header .title::after {
	left: 50%;
	width: 25px;
	height: 25px;
	bottom: -26px;
	margin: 0 0 0 -10px;
	-webkit-clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0);
	clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0)
}


.effect {
	margin: auto;
	/*box-shadow: 0 0 15px 5px rgba(0, 0, 0, .07);*/
	background-color: #fff;
	border: 1px solid #f5f5f5
}

.tab-container {
	padding: 50px 0
}

.tab-head {
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto
}

.tab .effect {
	position: relative;
	overflow: hidden;
	/* max-height: 240px; */
	max-width: 100%;
	/* background: #3085a3; */
	text-align: center;
	cursor: pointer;
}

.grid-width3,
.grid-width6 {
	max-height: 270px !important;
	max-width: 530px !important
}

.grid-width8 {
	max-width: 700px !important
}

.tab .effect img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: .8
}

.tab .effect .tab-text {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tab-text h2 {
	color: #fff;
	margin: 0;
	font-size: 1.5rem
}

.tab-nos h3 {
	text-align: center;
	background: #b0c9e6;
	padding: 5px 0;
	font-size: 1.5rem;
	margin: 0;
}

.tab-text p {
	color: #fff;
	margin: 0;
	font-size: 1rem
}

.hide {
	display: none
}

@media (max-width:575px) {
	.column-xs-1,
	.column-xs-10,
	.column-xs-11,
	.column-xs-12,
	.column-xs-2,
	.column-xs-3,
	.column-xs-4,
	.column-xs-5,
	.column-xs-7,
	.column-xs-8,
	.column-xs-9 {
		float: left;
		padding: 15px
	}

	.column-xs-1 {
		width: 8.333333333333333%
	}

	.column-xs-2 {
		width: 16.66666666666667%
	}

	.column-xs-3 {
		width: 25%
	}

	.column-xs-4 {
		width: 33.33333333333333%
	}

	.column-xs-5 {
		width: 41.66666666666667%
	}

	.column-xs-6 {
		width: 50%;
		float: left;
		padding: 15px
	}

	.column-xs-7 {
		width: 58.33333333333333%
	}

	.column-xs-8 {
		width: 66.66666666666667%
	}

	.column-xs-9 {
		width: 75%
	}

	.column-xs-10 {
		width: 83.33333333333333%
	}

	.column-xs-11 {
		width: 91.66666666666667%
	}

	.column-xs-12 {
		width: 100%
	}

	.hide-xs {
		display: none
	}

	.effectTab-header .title::before {
		width: 125%;
		left: 15%
	}

	.tab-container {
		padding-top: 25px;
		padding-bottom: 25px
	}
}

@media (min-width:576px) and (max-width:767px) {
	.column-sm-1,
	.column-sm-10,
	.column-sm-11,
	.column-sm-12,
	.column-sm-2,
	.column-sm-3,
	.column-sm-4,
	.column-sm-5,
	.column-sm-7,
	.column-sm-8,
	.column-sm-9 {
		float: left;
		padding: 15px
	}

	.column-sm-1 {
		width: 8.333333333333333%
	}

	.column-sm-2 {
		width: 16.66666666666667%
	}

	.column-sm-3 {
		width: 25%
	}

	.column-sm-4 {
		width: 33.33333333333333%
	}

	.column-sm-5 {
		width: 41.66666666666667%
	}

	.column-sm-6 {
		width: 50%;
		float: left;
		padding: 15px
	}

	.column-sm-7 {
		width: 58.33333333333333%
	}

	.column-sm-8 {
		width: 66.66666666666667%
	}

	.column-sm-9 {
		width: 75%
	}

	.column-sm-10 {
		width: 83.33333333333333%
	}

	.column-sm-11 {
		width: 91.66666666666667%
	}

	.column-sm-12 {
		width: 100%
	}

	.hide-sm {
		display: none
	}

	.visible-sm {
		display: block
	}

	.tab-container {
		padding-top: 25px;
		padding-bottom: 25px
	}
}

@media (max-width:1000px) {
	.header h1 {
		padding-left: 70px
	}

	.rotate {
		left: 30px
	}

	@media (min-width:768px) and (max-width:991px) {
		.column-md-1,
		.column-md-10,
		.column-md-11,
		.column-md-12,
		.column-md-2,
		.column-md-3,
		.column-md-4,
		.column-md-5,
		.column-md-7,
		.column-md-8,
		.column-md-9 {
			float: left;
			padding: 15px
		}

		.column-md-1 {
			width: 8.333333333333333%
		}

		.column-md-2 {
			width: 16.66666666666667%
		}

		.column-md-3 {
			width: 25%
		}

		.column-md-4 {
			width: 33.33333333333333%
		}

		.column-md-5 {
			width: 41.66666666666667%
		}

		.column-md-6 {
			width: 50%;
			float: left;
			padding: 15px
		}

		.column-md-7 {
			width: 58.33333333333333%
		}

		.column-md-8 {
			width: 66.66666666666667%
		}

		.column-md-9 {
			width: 75%
		}

		.column-md-10 {
			width: 83.33333333333333%
		}

		.column-md-11 {
			width: 91.66666666666667%
		}

		.column-md-12 {
			width: 100%
		}

		.hide-md {
			display: none
		}

		.visible-md {
			display: block
		}
	}
}



.effect.effect-three {
	background: linear-gradient(-45deg, #0C71E9 0, #034B96, 100%);
	text-align: left
}

	.effect.effect-three h2 {
		transition: all .35s;
		font-size: 14px;
		color: #fff;
		border: 1px solid #e4e4e4;
		background: #2768b5;
		padding: 8px;
		text-align: center;
		/* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
		width: 100%;
	}

	/* .effect.effect-three:hover h2 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: .5
} */

	/*.effect.effect-three .tab-text::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 75px;
	border: 140px solid red;
	border-radius: 50% 0 0 50%;
	opacity: 0;
	transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 135deg);
	transition: all .35s .15s;
	border-color: transparent transparent transparent #2768b5;
}*/
	.effect.effect-three:hover .tab-text::before {
		transform: translate3d(41%, 37%, 0) rotate3d(0, 0, 1, 45deg);
		opacity: .8;
		transition-delay: 0s;
	}

	.effect.effect-three p {
		position: absolute;
		width: 31px;
		height: 36px;
		bottom: 70px;
		right: -31px;
		font-size: 120%
	}

		.effect.effect-three p a {
			width: 31px;
			height: 36px;
			position: absolute;
			opacity: 0;
			transition: all .35s cubic-bezier(.25, .4, .2, .5) 0s;
			right: 120px;
			top: -38px;
			color: #003f89;
			fcolor: ont-size: 25px;
		}

			.effect.effect-three p a i {
				color: #5d504f;
				transition: transform .35s cubic-bezier(.5, .2, .4, .25) 0s
			}

				.effect.effect-three p a i:hover {
					color: #cc6055;
				}

	.effect.effect-three:hover p a {
		opacity: 1;
	}

		.effect.effect-three:hover p a:nth-child(1) {
			transform: translate3d(0, 60px, 0);
			-webkit-transform: translate3d(0, 60px, 0);
			transition: all .35s cubic-bezier(.5, .2, .4, .25) .15s;
			-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .15s;
		}

			.effect.effect-three:hover p a:nth-child(1) i {
				transform: translate3d(-100px, 0, 0);
				transition: transform .35s cubic-bezier(.25, .4, .2, .5) .15s;
				-webkit-transform: translate3d(-100px, 0, 0);
				-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .15s
			}

		.effect.effect-three:hover p a:nth-child(2) {
			transform: translate3d(0, 30px, 0);
			transition: all .35s cubic-bezier(.5, .2, .4, .25) .25s;
			-webkit-transform: translate3d(0, 30px, 0);
			-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .25s
		}

			.effect.effect-three:hover p a:nth-child(2) i {
				transform: translate3d(-80px, 0, 0);
				transition: transform .35s cubic-bezier(.25, .4, .2, .5) .25s;
				-webkit-transform: translate3d(-80px, 0, 0);
				-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .25s
			}

		.effect.effect-three:hover p a:nth-child(3) {
			transform: translate3d(0, 0, 0);
			transition: all .35s cubic-bezier(.5, .2, .4, .25) .35s;
			-webkit-transform: translate3d(0, 0, 0);
			-webkit-transition: all .35s cubic-bezier(.5, .2, .4, .25) .35s
		}

			.effect.effect-three:hover p a:nth-child(3) i {
				transform: translate3d(-45px, 0, 0);
				transition: transform .35s cubic-bezier(.25, .4, .2, .5) .35s;
				-webkit-transform: translate3d(-45px, 0, 0);
				-webkit-transition: transform .35s cubic-bezier(.25, .4, .2, .5) .35s
			}

	.effect.effect-three img {
		transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
		transition: all .35s;
		transform-origin: 85% 100%;
		-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
		-webkit-transition: all .35s;
		-webkit-transform-origin: 85% 100%;
		max-width: 100%;
		/*height: 160px;*/
	}
/*.effect.effect-three:hover img {
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  opacity: .6
}*/
.column-4 {
	/* border: 2px solid red; */
	width: calc((100% - 0vw)/4);
}

.margin-top-ratings {
	margin-top: 70px;
}


.move-to-left {
	transform: translateX(-400px);
}

.move-to-left-partly {
	transform: translateX(-200px);
}

.sidebar {
	height: 99vh;
	width: 400px;
	position: fixed;
	top: 0rem;
	z-index: 914;
	right: -400px;
	background-image: linear-gradient( to bottom, rgb(51, 112, 185), rgba(39, 104, 181, 0.84) ), url("../images/HomeNewIndexImages/bg-login.PNG");
	/* box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.4); */
	transition: transform .7s ease-in-out;
	background-position: 100%;
	background-size: 100% 100%;
	background-size: cover;
	overflow-x: hidden;
}

.hidden {
	display: none;
}


.sidebar-tab {
	height: 100%;
	width: 2rem;
	position: fixed;
	top: 3rem;
	z-index: 1;
	right: 0;
	background-color: #FFF;
	box-shadow: 0 1rem 5rem rgba(0, 0, 0, 0.5);
	transition: transform .7s ease-in-out;
}

#sidebar-tab-text {
	width: 400px;
}

.vertical-text {
	transform: rotate(90deg);
	transform-origin: left 2rem;
	vertical-align: middle;
}



.sidebar_title {
	text-align: center;
	margin-bottom: 15px;
	color: #3672ba;
}

.close.bg-dark {
	color: #000;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	float: right;
}

.close {
	color: #fff !important;
	opacity: 0.8;
}

.bg-dark1 {
	background-color: #343a40 !important;
}

.close.bg-dark1 {
	color: #000;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	float: right;
}


.container-liner {
	padding: 20px;
}

.login-box {
	background: #fffffffc;
	padding: 15px 20px;
	margin: auto;
	text-align: center;
	margin-top: 50px;
	border-radius: 16px;
}

.btn-login {
	background: #2768b5;
	padding: 10px 35px;
	border-radius: 16px;
	border: none;
	outline: none;
	color: #fff;
	font-weight: 600;
}

.login-key {
	margin-bottom: 30px;
}










@media (min-width: 768px) and (max-width: 1024px) {

	.navbar-brand img {
		max-width: 150px;
	}

	#navbarmain .nav-link {
		font-size: 9px;
	}

	.top-right-bar a span {
		font-size: 12px;
	}

	.header-top-bar {
		font-size: 11px;
	}

	.service_label {
		font-size: 12px;
	}
}




@media (min-width: 1280px) {
	.navbar-brand .hqlogo {
		max-width: 150px;
	}

	.navbar-brand .hqlogo {
		top: 25px;
	}

	#navbarmain .nav-link {
		font-size: 14px;
	}
}


@media (min-width: 1281px) {

	.navbar-brand .hqlogo {
		max-width: 150px;
	}

	#navbarmain .nav-link {
		font-size: 12px;
	}
}

.call_animation img {
	position: fixed;
	bottom: 265px;
	transform: translateY(-10px);
	right: 5px;
	animation: callanimation 1s ease infinite alternate;
	width: 50px;
	background: transparent;
	padding: 0px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #2768b5;
	z-index: 1000;
}

.consultant_animation img {
	position: fixed;
	bottom: 435px;
	transform: translateY(-10px);
	right: 5px;
	animation: callanimation 1s ease infinite alternate;
	width: 50px;
	background: transparent;
	padding: 0px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #2768b5;
	z-index: 1000;
}

@keyframes callanimation {
	0% {
		transform: translateY(0px);
		text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, 1);
	}

	100% {
		transform: translateY(-20px);
		text-shadow: 0 50px 0 #black, 0 0px 20px rgba(0, 0, 0, .8);
	}
}
/* index*/
.hqlogo {
	margin-left: 160px;
}

.ismindexlogo {
	position: absolute;
	top: -10px;
	height: 100px;
}

.service,
#our_story {
	margin-top: 80px;
}

.mt80 {
	margin-top: 80px;
}

.designimg {
	width: 85%;
}

@media (max-width:767px) {
	.navbar-brand .hqlogo {
		max-width: 100px;
		margin-left: 140px;
	}

	.ismindexlogo {
		top: 0px;
		height: 50px;
	}

	.hero_ul {
		padding-left: 0;
	}

	.navbar-brand {
		height: auto;
	}

	.menus {
		list-style: none;
		float: left;
		margin: 0px 5px;
		Width: 47% !important;
	}

	.section-title-about {
		margin-top: 30px;
	}

	.slide__title {
		font-size: 1.3em !important;
	}

	.slide__subtitle {
		font-size: 12px !important;
	}

	.slide__btn__text {
		font-size: 12px !important;
	}



	.footer-socials li a {
		Width: 35px;
		height: 35px;
	}

	.banner .block {
		padding: 20px 0px 20px;
	}

	.about-us {
		background: #fff !important;
		padding: 20px 0px 0px 0px;
	}

	.service,
	#our_story {
		margin-top: 30px;
	}

	.designimg {
		width: 100% !important;
	}

	.about-us-section {
		height: auto;
	}

	.section {
		padding: 30px 0;
	}

	.swiper-slide .people__card .people__card__content .slide__number {
		line-height: 62px;
	}

	.mt80 {
		margin-top: 30px;
	}

	.section-title {
		margin-bottom: 20px;
	}

	.filters ul {
		padding: 6px 0px;
		margin: 0 2px;
	}

	.filters li {
		padding: 10px 10px;
		font-size: 14px;
		border: 1px solid #e7e7e7;
		border-radius: 13px;
		margin-bottom: 8px;
	}

	.grid-item {
		height: 250px;
		width: 100%;
		margin-bottom: 10px !important;
	}

	.testimonial-block.style-2 .testimonial-thumb img {
		width: 60px;
		height: 60px;
		text-align: center;
		margin: auto;
		margin-top: 40px;
	}

	.testimonial-block .client-info h4 {
		font-size: 14px;
	}

	.slick-next.slick-arrow,
	.slick-prev.slick-arrow {
		display: none !important;
	}

	.client-info {
		text-align: center;
	}

	.testimonial-block.style-2 .testimonial-thumb {
		float: left;
		display: block;
		width: 100%;
		text-align: center;
	}

	.cta-text h4 {
		font-size: 16px;
	}

	.col-lg-4.col-md-4.col-sm-12.col-xs-12.resblock.text-center {
		width: 100%;
		border: none !important;
	}

	.footerlogo {
		max-width: 60%;
	}

	.list-inline.footer-socials.mt-4 {
		text-align: center;
	}

	.logo.mb-4 {
		text-align: center;
	}

	html, body {
		overflow-x: hidden !important;
	}

	.testimonial-block.style-2 {
		padding: 10px;
	}

	.feedback-content {
		padding: 10px;
	}

	#sidebar,
	#sidebar-tab,
	main {
		touch-action: none;
	}

	.service_label {
		font-size: 14px;
	}

	.logo_op {
		width: 160px;
	}

	.service_list_container img {
		width: 42px;
	}

	li.list-inline-item,
	.top-right-bar a span {
		font-size: 12px;
	}

	.service_label {
		font-size: 12px;
	}
}

@media (max-width:380px) {
	.menus {
		Width: 46% !important;
	}

	.navbar-brand .hqlogo {
		margin-left: 115px;
	}

	li.list-inline-item,
	.top-right-bar a span {
		font-size: 12px;
	}

	.service_label {
		font-size: 11px;
	}
}