html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
}

/*----------------------------------------------------------------------------------------------------------------
	Global
----------------------------------------------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
	color: #0b67a7;
	font-weight: 500;
}
p {
	color: #181818;
	font-weight: 400;
	line-height: 1.6;
}
a:hover{
	text-decoration: none;
}
li{
	list-style-type: none;
	color: #181818;
}
.c-btn {
	background-color: #388cca;
	color: #fff;
	padding: 0.4rem 1.4rem;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: 14px;
	transition: 0.3s ease;
}
.c-btn:hover {
	color: #fff;
	transition: 0.3s ease;
	background-color: #1f70a8;
}

.c-btn2 {
	background-image: linear-gradient(45deg, #007bff, #01497b);
	color: #fff;	
	padding: 1rem;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: 14px;
	transition: 0.3s ease;
}
.c-btn2:hover {
	color: #fff;
	transition: 0.3s ease;
	background-image: linear-gradient(45deg, #01497b, #007bff);
}

.mr0 {
	margin: 0;
}
.pd0 {
	padding: 0;
}
.mrt10 {
	margin-top: 10px;
}
.mrt20 {
	margin-top: 20px;
}
.mrt30 {
	margin-top: 30px;
}
.mrt40 {
	margin-top: 40px;
}
.mrb10 {
	margin-bottom: 10px;
}
.mrb20 {
	margin-bottom: 20px;
}
.mrb30 {
	margin-bottom: 30px;
}
.mrb40 {
	margin-bottom: 40px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt20 {
	padding-top: 20px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb20 {
	padding-bottom: 20px;
}
.section-entry {
	padding: 5rem 0;
}
.relative {
	position: relative;
}
.width100 {
	width: 100%;
}
.txtct {
	text-align: center;
}
.txtrt {
	text-align: right;
}
.txtupr {
	text-transform: uppercase;
}
.txtcp {
	text-transform: capitalize;
} 
.dflex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.animated.slideInLeft, .animated.slideInRight, .animated.slideInUp {
	animation-duration: 1.25s;
}
.link-text {
	color: #313131;
}
.link-text:hover {
	color: #388cca;
}
.align-c {
	align-items: center;
}
.lead-text {
	color: #495057;
	font-weight: 600;
}

.vbox-close {
	top: 8px;
	right: 48px;
	font-size: 40px;
}

.owl-prev, .owl-next:focus {
	outline: none;
}

.link-disable {
	pointer-events: none;
	cursor: default;
}

/*---------------------------------------------------------------------------------------------------------------------
	Navbar
---------------------------------------------------------------------------------------------------------------------*/
.navbar {
	background-color: #fff!important;
	-webkit-box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.2);
	padding: 0 1rem;
}
.navbar-dp-lg {
	display: flex;
}
.navbar-dp-sm {
	display: none;
}
.myNav-brand {
	padding: 0;
}
.logo-img {
	width: 200px;
}
.myNav-item {
	margin-left: 1rem;
	position: relative;
}
.myNav-link {
	color: #313131!important;
  line-height: 60px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 14px;
  font-weight: 500;
}
.myNav-item.active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
  height: 2px;
  background-color: #388cca;
}
.customNav {
	animation: navSlide 1s ease forwards;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
@keyframes navSlide {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}
.customNav .logo-img {
	width: 175px;
}
.customNav .myNav-link {
    line-height: 45px;
    font-size: 13px;
}
.customNav .myNav-item.active::after {
	bottom: 10px;
}
.myNav-toggler .myNav-toggler-icon {
	background-image: url('../img/close.png');
}
.myNav-toggler.nav-collapsed .myNav-toggler-icon {
	background-image: url('../img/toggler.png');
}
.myNav-toggler {
	border: none;
}
.myNav-toggler:focus, .myNav-toggler:hover {
	outline: none;
}


/* menu hover */

.menu-item:hover .menu-cover {
	opacity: 1;
	display: block;
}
.menu-cover, .menu-data1:hover .sub-menu-ul1 {
	opacity: 0;
	display: none;
}
.menu-cover {
	position: absolute;
	left: 0;
	right: 0;
	top: 75px;
	background-color: #388cca;
	height: auto ;
	z-index: 2;
}
.customNav .menu-cover {
	top: 60px;
}
.menu-cover,.menu-container,.menu-row,.menu-col {
	width: 100%!important;
}

/* Style the tab */
.tab {
  float: left;
  /*border: 1px solid #ccc;*/
  /*background-color: #f1f1f1;*/
  width: 30%;
  height: 300px;
}

/* Style the buttons inside the tab */
.tab a {
  display: block;
  background-color: inherit;
  color: #fff;
  padding: 12px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  /* border: 1px solid #f9f9f9; */
}

/* Change background color of buttons on hover */
.tab a:hover {
  /*background-color: #ddd;*/
  /*border: 1px solid #fff;*/
  color: #000;
}

/* Create an active/current "tab button" class */
.tab a.active {
  background-color: #fff;
  border: 1px solid #388cca;
  color: #313131;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 5px 16px;
  /*border: 1px solid #ccc;*/
  width: 70%;
  border-left: none;
  height: 300px;
  display: none;
  max-height: 283px;
  overflow-y: scroll;
  background-color: #fff;
}

.tabcontent a {
 	display: block;
 	padding: 12px 5px;
 	color: #313131;
 	transition: 0.3s ease;
 	font-weight: 500;
 	border-bottom: 1px solid #e9ecef;
 }
 .tabcontent a:hover {
 	color: #757779;
 	border-bottom: 1px solid #388cca;
 	transition: 0.3s ease;
 }
.tablinks:not(active) {
	border-bottom: 1px solid #6fa5cc;
}
.tabcontent .lead-text {
	font-weight: 600;
	color: #8c8c8c;
	padding-top: 6px;
}

.sub-sub-menu {
	padding-left: 15px;
}


/*---------------------------------------------------------------------------------------------------------------------
	Carousel
---------------------------------------------------------------------------------------------------------------------*/

/* .maac-carousel-item {
	min-height: 580px;
	position: relative;
}
.maac-carousel-item1 {
	background-image: url('../img/banner1.jpg');
	background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.maac-carousel-item2 {
	background-image: url('../img/banner2.jpg');
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} */

.maac-carousel-caption {
	position: absolute;
  right: auto;
  bottom: 35%;
  left: 7%;
   /*transform: translateY(50%); */
  text-align: left;
	/*background-color: rgba(0, 0, 0, 0.3);*/
	padding: 1rem;
	border-radius: 20px;
	/*text-align: center;*/
	/*background-color: #000;*/
}
.maac-carousel-caption h5 {
	font-size: 30px;
	font-weight: 800;
	color: #fff;
	text-transform: capitalize;
	/*text-align: center;*/
	line-height: 30px;
	margin-top: 2rem;
	padding: 1rem;
	border-radius: 10px;
	/* text-shadow: 1px 3px 10px rgb(0 0 0 / 20%); */;
}
.maac-carousel-caption .lt-txt {
	text-transform: capitalize;
	color: #000;
	margin-top: 1rem;
	background: #fff;
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: right;
}
.maac-carousel-caption .drk-txt {
	text-transform: capitalize;
	color: #fff;
	margin-top: 1rem;
	background: #000;
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: right;
	/*border-radius: 10px;*/
	/*font-size: 25px;*/
}
.maac-carousel-caption p {
	color: #fff;
	font-weight: 800;
	font-size: 20px;
	text-align: center;
	text-transform: capitalize;
	/*background: #000;*/
	/*padding: 0.5rem;*/
	border-radius: 10px;
	margin-bottom: 0;
}
.maac-carousel-caption a.btn {
	color: #fff;
	background-color: #388cca;
	font-weight: 600;
	margin-top: 15px;
}
.maac-carousel-item2 .maac-carousel-caption h5, .maac-carousel-item2 .maac-carousel-caption p {
	color: #fff;
}
.maac-prev, .maac-next {
	opacity: 0.8;
	width: 10%;
}
.maac-prev-icon, .maac-next-icon {
	background-image: none;
	height: 30px;
	width: 30px;
}
.maac-prev-icon i.fas, .maac-next-icon i.fas {
	height: 30px;
	width: 30px;
	line-height: 28px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%;
}

/*---------------------------------------------------------------------------------------------------------------------
	Home
---------------------------------------------------------------------------------------------------------------------*/

/* .main-wrapper {
	margin-top: 76px;
} */
.section-cover {
	position: relative;
	overflow: hidden;
}
.section-parallax {
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}
.projects-inner-cover, .mines-inner-cover {
	min-height: 500px;
}
.automation-parallax {
	background-image: url("../img/car-parking.jpg");
}
.electrical-parallax {
	background-image: url("../img/electrical-banner.jpg");
}
.projects-inner-cover {
	background-image: url("../img/basement-ventilation.jpg");
}
.facility-parallax {
	background-image: url("../img/facility-management.jpg");
}
.mines-inner-cover {
	background-image: url("../img/mines-banner-inner.jpg");
}
.section-content-wrap, .section-caption-cover {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	text-align: center;
}
.section-caption {
	color: #fff;
	font-weight: 800;
	font-size: 45px;
	text-shadow: 1px 3px 10px rgb(0 0 0 / 20%);
}
.section-content-wrap p, .section-caption-cover p {
	color: #fff;
}
.section-content-wrap h1 {
	font-size: 45px;
}


/*------------------------------------------------------------
	About
------------------------------------------------------------*/

.about-cover {
	background-image: url("../img/about-banner.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 400px;
	background-attachment: fixed;
	position: relative;
}

.abt-cap {
	font-size: 20px;
	color: #fff;
}

.abt-intro-wrap {
	padding: 4rem 0 2.5rem;
}
.abt-v-mission-wrap {
	padding: 3rem 0;
}
.abt-entry {
	padding-bottom: 1rem;
}
.abt-group-wrap {
	padding-top: 4rem;
}

.abt-intro-wrap {
	background-repeat: no-repeat;
	background-size: cover;
	min-height:740px;
	background-attachment: fixed;
	background-position: left;
}

.abt-intro-wrap {
	background-image: url("../img/car-parking-bg.jpg");
}
.abt-commercial-cleaning-wrap {
	background-image: url("../img/commercial-bg2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height:940px;
	background-attachment: fixed;
	background-position: bottom;
	padding: 3rem 0;
}

.founder-wrap {
	margin-top: 5rem;
}

.founder-img {
	position: relative;
}

.founder-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgb(255 255 255 / 82%);
}

.founder-title h6 {
	color: #000;
	text-align: center;
}

.founder-title h6 {
	padding: 1rem;
}

.abt-book-wrap {
	padding: 5rem 0;
}

/*------------------------------------------------------------
	mines and minerals
------------------------------------------------------------*/

.mines-cover {
	background-image: url("../img/mines-banner-inner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
	background-attachment: fixed;
	background-position: bottom;
}

.mc-mines-wel-cover {
	padding: 6rem 0 5rem;
}


.mc-abt-mines {
	padding: 3rem 0;
}
.mc-abt-intr-sec {
	padding: 3rem 0 1rem;
}
/*.mc-abt-mines-p {
	margin: 3rem 0;
}*/
.mc-mines-wel-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 3rem;
	padding: 2rem;
	border: 1px solid #ddd;
	height: 100%;
	transition: 0.3s ease;
}
.mc-mines-wel-wrap:hover {
	background-color: #f1f1f1;
	border: 1px solid #f1f1f1;
	transition: 0.3s ease;
}
.mc-mines-wel-wrap:hover .mc-mines-wel-icon-pra h4 {
	color: #000;
}
.mc-mines-img {
	margin-right: 4rem;
}
.mc-mines-wel-col {
	margin-bottom: 4rem;
}

.mc-mines-intr-c {
	color: orange;
	position: relative;
	text-indent: 50px;
}
.mc-mines-intr-tilte h6::before {
	content: "";
	position: absolute;
	width: 45px;
	background-color: orange;
	height: 1px;
	left: 0;
	top: 50%;
}
.mc-mines-intr-cover {
	background-color: #f1f1f1;
}

.mines-project {
	background-color: #f1f1f1;
}

.mc-stone-row, .mc-stone-row2 {
	align-items: center;
	margin-bottom: 2rem;
}



/*------------------------------------------------------------
	Products - Side Nav
------------------------------------------------------------*/

.mc-side-nav-wrap {
	padding-left: 0;
}
.maac-sn-wrapper {
	/* background-color: #1f70a8; */
	margin-top: 4rem;
}
.maac-sn-list {
	padding: 0;
    margin: 0;
}
.maac-sn-list-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.maac-sn-link {
	display: block;
    padding: 10px 15px 10px 25px;
    color: #fff;
}
.maac-sn-link:hover {
    color: #fff;
}

.mc-mt-sp {
	margin-top: 2rem;
}

.maac-subcategory-dropdown {
	position: relative;
}
.maac-subcategory-dropdown i {
	position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}
.maac-subcategory-sublist {
	padding: 0;
	margin: 0;
	opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
}
.maac-subcategory-sublist-vis {
	opacity: 1;
    visibility: visible;
    position: static;
}
.maac-subcategory-sublist li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	/* background-color: #247bb7; */
}
.maac-subcategory-sublist li a {
	display: block;
    padding: 10px 15px 10px 35px;
    color: #fff;
}
.maac-subcategory-sublist li a:hover {
	background-color: rgba(0, 0, 0, 0.07);
}
.maac-sn-link-automation, .mss-automation {
	background-color: #1f70a8;
}
.maac-sn-link-automation.active {
	background-color: #1065a0;
}
.maac-sn-link-electrical, .mss-electrical {
	background-color: orange;
}
.maac-sn-link-electrical.active {
	background-color: #ef9b02;
}
.maac-sn-link-projects, .mss-projects {
	background-color: #585858;
}
.maac-sn-link-projects.active {
	background-color: #4e4e4e;
}
.maac-sn-link-facility, .mss-facility {
	background-color: #009800;
}
.maac-sn-link-facility.active {
	background-color: #007700;
}

/* automation */
.projects-inner-cover-car {
	background-image: url("../img/product-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}


.mc-products-body-cover {
	padding: 4rem 0;
}
.product-page {
	background-image: url("../img/product-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}
.mc-what-we-do-wrap ul {
	padding-left: 25px;
	margin: 0;
}
.mc-what-we-do-wrap ul li {
	position: relative;
}
.mc-what-we-do-wrap ul li::before {
	position: absolute;
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	top: 2px;
    left: -25px;
    font-size: 12px;
    color: #1f70a8;
}

.mc-car-parking-features {
	background-color: #f8f9fa;
}

.mc-car-parking-features {
	margin-top: 5rem;
}

.mc-car-parking-features-inner {
	padding-bottom: 3rem;
}
.mc-car-parking-features-inner h4 {
	margin-bottom: 1rem;
}
.mc-car-park-features-cover {
	margin-bottom: 2rem;
}
.mc-car-park-features-list {
	height: 100%;
	border: 1px solid #ddd;
	padding: 2rem;
	box-shadow: 0px 0px 4px 2px #dddd;
	transition: 0.3s ease;
}

.mc-car-park-features-list:hover {
	background-color: #f1f1f1;
	transition: 0.3s ease;
}
.service-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-transform: capitalize;
	align-items: center;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}

.service-icon {
	width: 50px;
}

.mc-car-parking-products-inner h4 {
	margin-bottom: 2rem;
}
.mc-car-pp-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-bottom: 2rem;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 2rem;
	box-shadow: 0 0 4px 2px #ddd;
}
.mc-car-pp-img-wrap {
	flex: 0 0 20%;
    max-width: 20%;
}
.mc-car-pp-text-wrap {
	flex: 0 0 75%;
    max-width: 75%;
	margin-left: 4%;
	padding-top: 3rem;
}
.mc-type-parking-wrap ul li, .mc-parking-guidance-list li {
	position: relative;
	line-height: 1.8;
}
.mc-type-parking-wrap ul li::before, .mc-parking-guidance-list li::before {
	position: absolute;
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	top: 2px;
  left: -25px;
  font-size: 12px;
}
.mc-type-parking-sublist li::before {
	content: "-"!important;
}
.mc-products-body-cover-guidance {
	margin-top: 4rem;
}
.mc-parking-guidance-wrap {
	margin-top: 2rem;
}
.mc-parking-guidance-list {
	margin-bottom: 2rem;
}
.mc-guidance-img-wrap {
	text-align: center;
}

/*-------- electrical distribution system----------------*/

.elec-dist-inner-cover {
	background-image: url("../img/power-distribution.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}

.img-c {
	display: table;
	margin: 0 auto;
}

.power-dist-pdf {
	margin: 5rem 0;
	padding: 2rem;
	text-align: center;
	align-items: center;
	border: 1px solid #ddd;
}

/*------------------------------------------------------------
	Products - Facility Management
------------------------------------------------------------*/

.projects-inner-cover-facility {
	background-image: url("../img/banner6.1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}
.certification-cover {
	padding: 2rem 15px;
}
.certification-cover ul {
	margin-bottom: 0;
}
.certification-cover ul li ul {
	margin-bottom: 1rem;
}
.certification-cover ul li::before {
	color: #388cca;
}
.certification-cover ul li span {
	color: #06538c;
    font-weight: 500;
}
.certification-title {
	margin-bottom: 1rem;
}
.cert-inner {
	margin: 1rem 2rem;
	box-shadow: 0px 2px 6px 3px rgb(0 0 0 / 10%);
}
.owl-carousel .owl-item .client-logo-wrap img {
	width: 70%;
	display: table;
	margin: 0 auto;
}


/*------------------------------------------------------------
	chat-box
------------------------------------------------------------*/

.main-chat-wrap {
	position: relative;
	z-index: 1032;
}

.chat-icon {
	position: fixed;
	bottom: 70px;
	right: 15px;
}

.chat-icon img {
	width: 50px;
	display: inline;
	z-index: 5;
	cursor: pointer;
	filter: drop-shadow(2px 4px 6px black);

}

.chat-form-inner {
  position: fixed;
  right: 15px;
  bottom: 140px;
  width: 250px;
  height: 250px;
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #fff , #0063a7);
  padding: 1rem;
  border: 1px solid #0063a7;
  /*display: none;*/
}

.chat-social {
	text-align: center;
	padding: 1rem;
	margin-top: 1rem;
	background-color: #fff;
}

.chat-form-inner::after {
	position: absolute;
	content: "";
	right: -1px;
	bottom: -31px;
	clip-path: polygon(31% 100%, 0 0, 100% 0);
	/*border: 1px solid #4dcb00;*/
	background: #0063a7;	
	width: 50px;
	height: 30px;
}

.chat-head {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.chat-form-inner h5 {
	color: #000;
}

.d-none {
	display: none;
}

.d-block {
	display: block;
}

/*----- social---------*/
.social-fx, .call-to {
	position: fixed;
	left: 10px;
	bottom: 70px;
	z-index:5 ;
}

.call-to img {
	width: 50px;
	filter: drop-shadow(2px 4px 6px black);

}
.social-fx-inner {
	display: flex;
	flex-direction: column;
}

.icon-wrap-fx {
	margin-bottom: 5px;
}

.icon-wrap-fx i {
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

/*------------------------------------------------------------
	activities
------------------------------------------------------------*/
.activity-wrap {
	margin-top: 5rem;
}

.acctivity-cover {
	background-image: url("../img/activity-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}

.activity-col {
	margin-bottom: 4rem;
}

.activity-inner {
	height: 100%;
	overflow: hidden;
	border: 1px solid #e9ecef;
	transition: 0.5s ease;
}

.activity-inner:hover {
	transition: 0.5s ease;
	box-shadow: 0px 4px 6px 0px #ddd;
}

.act-title {
	padding: 1rem 0 0.5rem 1rem;
	text-transform: capitalize;
}

.act-para {
	padding: 0 0.7rem 0.5rem 0.7rem;
}

/*------------------------------------------------------------
	project
------------------------------------------------------------*/

.project-wrap {
	padding: 2rem 0.5rem 0;
}

.project-main-cover {
	background-image: url("../img/project-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}
.service-wel-wrap {
	padding: 2rem;
	position: absolute;
	top: -50px;
	background-color: #fff;
	box-shadow: 0px 4px 6px 3px #ddedff;
	margin: 1rem;
}
.project-row {
	margin-bottom: 2rem;
	border: 1px dashed #ccc;
	padding: 2rem;
	align-items: center;
}
.project-title	{
	clip-path: polygon(75% 0%, 87% 49%, 75% 100%, 0% 100%, 0 54%, 0% 0%);
	background-color: #49b0fd;
	padding: 1.5rem 2rem 1.5rem;
}
.project-title h5, .project-title h6 {
	color: #fff;
}
.project-para {
	margin-top: 1rem;
}


/*------------------------------------------------------------
	drawing
------------------------------------------------------------*/
.drawing-inner-wrap {
	background-image: url("../img/drawing-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}

.drawing-wrap {
	padding: 5rem 0 1rem;
}
.drawing-inner {
	margin-bottom: 5rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	border: 1px solid #ddd;
}



/*------------------------------------------------------------
	Services
------------------------------------------------------------*/

.service-inner {
	background-image: url("../img/service-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}
.service-wel-wrap {
	padding: 2rem;
	position: absolute;
	top: -50px;
	background-color: #fff;
	box-shadow: 0px 4px 6px 3px #ddedff;
	margin: 1rem;
}
.service-wel-wrap h5 {
	color: #388cca;
}
.service-wel-col {
	padding: 0;
	margin: 0;
}
.service-wel-sp {
	color: orange;
}
.service-wel-cover {
	margin-bottom: 16rem;
}
.maac-park-wrap {
	padding: 2rem;
	background-image: linear-gradient(45deg, #ffffff, rgb(0 123 255 / 50%));
	height: 100%;
}
.my-park-col {
	  padding: 0;
}
.maac-ser-cd-wrap h5 {
	margin-top: 1rem;
}
.maac-pro-col {
	margin-top: 4rem;
}
.maac-ser-cd-wrap {
	/* padding: 2rem; */
	height: 100%;
}
.maac-ser-cd-h {
	background-image: linear-gradient(45deg, #ffffff, rgb(0 123 255 / 50%));	
}
.maac-ser-cd-wrap:hover {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25)!important;
}
.maac-ser-cd-sp {
	margin-top: 4rem;
}

/*Pankaj*/
.maac-ab-cd-inner-wrap {
	padding: 0.5rem 1.5rem 2rem;
}

/*---------------------------------------------------------------------------------------------------------------------
	Contact
---------------------------------------------------------------------------------------------------------------------*/

.contact-cover {
	background-image: url("../img/contact-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: center;
}
.contact-side-wrap {
	padding: 2rem;
  background-color: #0c82dc;
  height: 100%;
}
#mail-msg-alert {
	margin-bottom: 3rem;
}
#mail-msg-alert button.btn {
	display: table;
	margin: 0 auto;
}
#mail-msg {
	color: #fff;
}
#mail-msg:hover {
	text-decoration: none;
}


/*---------------------------------------------------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------------------------------------------------*/

/* .top-footer-wrapper {
	
} */
.footer-wrap {
	padding-top: 2rem;
	/* border-bottom: 1px solid #ddd; */
	background-color: #e2e2e2;
}
.f-logo {
	width: 150px;
}
.social-icons {
	margin-top: 1.5rem;
}
.icon-wrap {
	margin-right: 10px;
	display: inline;
	flex-direction: row;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	/* padding: 0.5rem; */
	line-height: 50px;
	text-align: center;
	/*border:1px solid #ddd;*/
}
.brand-icons {
	font-size: 14px;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
	border-radius: 3px;
    box-shadow: 0 1px 6px -1px #000;
}
.brand-icons.fa-facebook-f {
	background-color: #4267B2;
	color: #fff;
}
.brand-icons.fa-twitter {
	background-color: #1DA1F2;
	color: #fff;
}
.brand-icons.fa-instagram {
	background: linear-gradient(45deg, #8a3ab9, #bc2a8d, #fccc63, #fbad50);
	color: #fff;
}
.brand-icons.fa-youtube {
	background-color: #ff0000;
	color: #fff;
}
.brand-icons.fa-linkedin-in {
	background-color: #0c82dc;
	color: #fff;
}
.brand-icons.fa-envelope {
	background-color: #EA4335;
	color: #fff;
}
.f-title {
	text-transform: capitalize;
}
.f-in-col ul {
	padding-left: 0;
}
.f-in-col li {
	line-height: 22px;
}
.bottom-footer-wrapper {
	background-color: #388cca;
	padding: 1rem 0;
}
.footer-copyright-text {
	margin-bottom: 0;
	text-align: center;
	font-size: 0.85rem;
	color: #fff;
}
.creator-link {
	color: #fff;
}
.creator-link:hover {
	color: #fff;
}