body{

	margin: 0;

	padding: 0;

	font-family: 'Century Gothic';

	background-color: #fff;

}

header{

	position: absolute;

	z-index: 999;

	left: 0;

	right: 0;

	padding: 10px 0px;

	transition: all 0.3s ease;

	.nav-item{

		padding: 0 10px;

	}

	a.nav-link{

		color: #fff;

		font-weight: 500;

		font-size: 18px;

	}

	a.nav-link.active,a.nav-link.show,a.nav-link:hover{

		color: #62bb46 !important;

	}

}

header.fixed{

	position: fixed;

	top: 0;

	background: #000;

	z-index: 99;

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}

.inner-page-header{

	position: sticky !important;

	background: #000;

}

ul.dropdown-menu {

    background: #010101;

     li {

     	a{

     		color: #62bb46;

     	}

     }

}

.navbar-brand{

	img{

		width: 200px;

	}

}



.banner-section{

	background: url(../images/herobg.png);

	height: 100vh;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

}

/*.banner-section:after{

	content: '';

	background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.3));

	height: 100%;

	width: 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

}*/

.img-overlay{

	position: absolute;

	top: 100px;

	right: 0;

	z-index: 0;

	max-height: calc(100% - 100px);

	text-align: right;

	img{

		max-width: 68%;

	}

}

.p-relative{

	position: relative;

}

.z-index1{

	z-index: 1;

}

.banner-details{

	max-width:55%;

	text-align: left;

	h1{

		color: #00ff00;

		text-align: left;

		font-size: 55px;

		font-weight: 500;

	}

	p{

		color: #fff;

		font-size: 20px;

		text-align: left;

	}

	.btn-primary{

		background-color: #00ff00;

		color: #fff;

		border: 1px solid #00ff00;

		border-radius: 50px;

	}

}

.mission-visionbox {

    background-image: url(../images/ourmissionvison.png);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

}

.mission-visionbox{

	padding: 25px 0px;

}

.mission-visionbox .mission-box{

	padding: 10px 0;

	text-align: left;

	border-right: 2px solid #fff;



	h2{

		color: #fff;

		text-transform: uppercase;

		font-size: 60px;



		span{

			color: #000;

		}

	}

	p{

		color: #fff;

		font-size: 17px;

		margin-bottom: 0;

	}

}



.whoweare{

	padding: 5px 0px 100px;

	background: #050505;

	position: relative;

}



.whoweare:after {

    content: "";

    border-radius: 100vw;

    background-color: #62bb46;

    opacity: .4;

    filter: blur(80px);

    width: 500px;

    height: 500px;

    position: absolute;

    inset: auto auto -10% -5%;

    top: 30%;

}

.whoweare:before {

    content: "";

    border-radius: 100vw;

    background-color: #62bb46;

    opacity: .4;

    filter: blur(80px);

    width: 500px;

    height: 500px;

    position: absolute;

    inset: auto auto -10% -5%;

    margin-left: auto;

    top: 0;

    right: 0;

}

.ourmission-box{

	position:relative;

	z-index:1;

	.ourmission-img {

    	border-radius: 50%;

    	overflow: hidden;

    	width: 440px;

    	height: 440px;

    	margin:auto;

    	border:20px solid #fff;

    	box-shadow:13px 12px 0px 15px #62bb46;

    	img{

    		width: 100%;

    		height: 100%;

    		object-fit: cover;

    		object-position: left;

    		border-radius: 50%;

    	}

	}

	.ourmission-img:hover img{

    	transform: scale(1.2);

    	transition: transform 0.9s;

 	}

	.ourmission-details{

		h2{

			color: #62bb46;

			font-weight: 700;

			font-size: 50px;



			span{

				color: #fff;

			}

		}

		p{

			font-size: 21px;

			font-weight: 500;

			color: #fff;

		}

	}

}



.ourvison-box.ourmission-box{

	.ourmission-img {

		box-shadow:-13px -12px 0px 15px #62bb46 !important;

    	img{

    		width: 100%;

    		height: 100%;

    		object-fit: cover;

    		object-position: center;

    	}

	}



}

.cta-grid {

	grid-column-gap: 100px;

	grid-row-gap: 100px;

	width: 100%;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

	display: flex;

	position: absolute;

	inset: 0% auto;

}

.cta-grid .line-grid {

    opacity: .07;

    background-image: linear-gradient(#fff, #fff 70%, #fff0);

    flex: none;

    width: 1px;

    height: 100%;

 }

 .people-pro{

 	background: #101010;

 	padding: 100px 0px 100px;

 	position: relative;

 }

 .people-pro:after{

 	content: "";

    border-radius: 100vw;

    background-color: #62bb46;

    opacity: .2;

    filter: blur(80px);

    width: 300px;

    height: 300px;

    position: absolute;

    inset: auto auto -10% -5%;

    top: 30%;

 }

 .people-pro:before{

 	content: "";

    border-radius: 100vw;

    background-color: #62bb46;

    opacity: .2;

    filter: blur(80px);

    width: 300px;

    height: 300px;

    position: absolute;

    inset: auto auto -10% -5%;

    top: 30%;

    right: 0;

    margin-left: auto;

 }

 

.people-box {

    position: relative;

    

}

.people-box .people-img:after{

	content: '';

	background: linear-gradient(45deg, #000, rgba(0, 0, 0, 0.1));

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}

.people-box:hover img{

    	transform: scale(1.2);

    	transition: transform 0.9s;

 }

 .people-box .people-img{

 	overflow: hidden;

    border-radius: 500px;

    max-width: 300px;

    margin: auto;

    border: 15px solid #fff;

    position: relative;

 }

.people-title{

	text-align: center;

	padding: 15px;

	h2{

		font-size: 4vw;

		font-weight: 700;

		color: #000;

		text-transform: uppercase;

		background-color: #101010;

		text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;



		span{

			color: #62bb46;

		}

	}

}



.sector-section{

	padding: 100px 0px 50px;

	background:linear-gradient( #000 60%, #fff 60%);

	position: relative;

}

/*.sector-section:after{

	content: "";

	background-image: url(../images/logobag.png);

	position: absolute;

	width: 500px;

	top: 0;

	left: -120px;

	bottom: 0;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	filter: opacity(20%);

}*/



.section-title{

	margin:0 0 50px;

	h2{

		color: #62bb46;

        font-weight: 700;

        font-size: 60px;



	}

	span{

		color: #fff;

	}

}

.facility-box{

	padding: 20px 0px;

	position: relative;

	height: 100%;

}

.facility-title {

    padding: 0 15px;

    border-right: 1px solid #62bb46;

    height: 100%;

    overflow: hidden;

}

.fsbg{

	text-align: center;

	position: relative;

	bottom: -40px;

	img{

		margin: auto;

		height: 220px;

	}

}

.fsbg1{

	left: 75px;

}



.fsbg3{

	left: 25px;

}

.fsbg4{

	right: 25px;

}

.fsbg4 .facility-title {

    border-right: 0 !important;

}

section.sector-section:after {

    content: "";    

    background: url(../images/radial1.png);

    opacity: 1;

    width: 400px;

    height: 400px;

    position: absolute;

    top: 21.7%;

    left: 0%;

    border-radius: 0 400px 100px 0;

    background-size: cover;

    background-position: right;

    background-repeat: no-repeat;

}

/*section.sector-section:before {

    content: "";    

    background: url(../images/radial2.png);

    opacity: 1;

    width: 400px;

    height: 400px;

    position: absolute;

    top: 6.7%;

    right: 0%;

    left: auto;

    border-radius: 50%;

    background-size: bottom;

    transform: rotate(135deg);

    background-position: center;

    background-repeat: no-repeat;

}*/

.facility-box .facility-img{

	text-align: center;

	width: 200px;

	height: 200px;

	background: #62bb46;

	border-radius: 50%;

	margin: auto;

	display: flex;

	align-items: center;

	justify-content: center;

	position: relative;

}

/*.facility-box .facility-img:after{

	content: "";

	background: #62bb46;

	border-radius: 50%;

	position: absolute;

	top: -10px;

	left: -20px;

	right: 0;

	bottom: 0;

	filter: blur(50px);

	width: 150px;

	height: 150px;

	z-index: -1;

}*/



.facility-box .facility-img img {

    width: 120px;

    height: 120px;

    position: relative;

    z-index: 1;

}

.facility-box h3{

	color: #62bb46;

	text-align: center;

	margin-top: 20px;

}



.ourservice-section{

	padding: 100px 0px 20px;

	background-color:#101010;

	position: relative;

	background-image: url(../images/service-border.png);

	background-repeat: no-repeat;

	background-position: top;

	background-size: 100% 80px;

}

.service-box{

	padding: 25px 30px;

	border: 1px solid #62bb46;

	background: linear-gradient(239.49deg,rgba(255,255,255,0) 1.11%,rgba(255,255,255,0.14) 111.91%);

	border-radius: 20px;

	height: 100%;

	display: flex;

	align-items: flex-start;

	gap: 15px;

}

.service-box .service-img{

	text-align: center;

	width: 120px;

	height: 120px;

	background: #62bb46;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	position: relative;

	flex-shrink: 0;

}

.service-box .service-img:after{

	content: "";

	background: #62bb46;

	border-radius: 50%;

	position: absolute;

	top: -10px;

	left: -20px;

	right: 0;

	bottom: 0;

	filter: blur(50px);

	width: 90px;

	height: 90px;

	z-index: -1;

}



.service-box .service-img img {

    width: 70px;

    height: 70px;

    position: relative;

    z-index: 1;

}

.service-box h3{

	color: #62bb46;

	text-align: left;

}

.service-box p{

	color: #fff;

	font-size: 18px;

	text-align: left;

}



.pepsection{

	background: url(../images/saftybg.png);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 100% 100%;

	padding: 80px 0px 200px;

}

.pep-box {

    display: flex;

    align-items: center;

    position: relative;

}

.pep-box .peo-img{

	position: relative;

}



.pep-box .peo-img img{

	position: relative;

	z-index: 1;

}

.pep-box .peoples-title {

    position: absolute;

    z-index: 2;

    line-height: 0;

    left: 0;

    width: 95px;

    height: 70%;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    top: 0;

}

.pep-box .peoples-title h2 {

    transform: rotate(-90deg);

    color: #ffffff;

    padding: 5px 0;

    margin-bottom: 0;

    font-size: 70px;

    line-height: 0;

    text-transform: uppercase;

}

.pep-box .peoples-title h2 span{

	color: #62bb46;

}

.pep2{

	margin-top: 100px;

}

.pep3{

	margin-top: 200px;

}





.our-product-partner{

	background-color: #fff;

	padding: 50px 0px 0;

	position: relative;



}

.our-product-partner:after{

	content: "";

	background-image: url(../images/produpart.png);

	background-repeat: no-repeat;

	background-position: bottom;

	background-size: 100% 80%;

	padding: 100px 0px;

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

}

.our-product-partner .section-title{

	padding-top: 50px;

}

.our-product-partner .section-title h2{

	font-weight: 400;

	text-transform: uppercase;

}

.lethelp{

	max-width: 700px;

	margin: auto;

	padding: 50px 0px 0;

	h3{

		font-weight: 500;

	}

	p{

		font-weight: 500;

	}

}



.foot-box{

	display: flex;

	gap: 10px;

}

.foot-box .f-details h4 {

    font-size: 18px;

    font-weight: 600;

}

.foot-box .f-details h4 span{

	font-size: 15px;

}

.foot-box .f-details label{

	font-weight: 600;

}

.foot-box .f-details p{

	font-size: 15px;

}

.plyrix-serv{

	padding-bottom: 100px;

	padding-left: 25px;

	padding-right: 25px;

	text-align: center;

}

.footprint-section{

	padding: 100px 0px 30px;

}

.client-partner{

	padding: 100px 0px;

	background: #101010;

}

.logo-list{

	display: flex;

	flex-wrap:wrap;

	gap:2px;

	.logo-box{

		flex-shrink: 0;

		width: 16.5%;

		height: 100px;

		background: #465442;

		background: linear-gradient(45deg, #30331b, #465442);

		display: flex;

		align-items: center;

		justify-content: center;

		padding:10px;



		img{

			max-width: 100%;

			height: 60px;

			object-fit: contain;

		}

	}

}

footer{

	background: #000;

	border-top: 1px solid #62bb46;

	padding: 50px 0px 20px;

}

section.footprint{

	padding: 100px 0px;

	background: #000;

}

.footer-left-box{

	display: flex;

}

.footer-left-box .footer-logo img {
    width: 200px;
}

.footer-left-box .footer-logo {

    flex: 1;

}

.footer-left-box .footer-link {

    flex: 1;

    padding: 0 30px 0 50px;

    border-right: 1px solid #8dc63f;

}

.footer-call{

	border-right: 1px solid #8dc63f;

	height: 100%;

	text-align: center;

}

.footer-left-box .footer-link h3{

	color: #fff;

	text-transform: uppercase;	

}

.footer-left-box .footer-link ul{

	padding-left: 0;

	list-style-type: none;

}

.footer-left-box .footer-link ul li{

	margin-bottom: 15px;

}

.footer-left-box .footer-link ul li a{

	text-decoration: none;

	color: #fff;

	font-size: 15px;

}



.footer-right{

	padding-left: 30px;

}

.follow-link{

	display: flex;

	gap: 12px;

}

.footer-copyright{

	text-align: center;

	padding: 30px 0px 0px;

}



.footer-right h3{

	color: #fff;

	text-transform: uppercase;	

}

.footer-right ul{

	padding-left: 0;

	list-style-type: none;

}

.footer-right ul li{

	margin-bottom: 15px;

}

.footer-right ul li a{

	text-decoration: none;

	color: #fff;

	font-size: 15px;

}



.aus-box{

	padding: 10px;



	img{

		max-width: 100px;

	}



	h3{

		color: #fff;

		font-weight:600;

		span{

			font-size: 16px;

			color: #62bb46;

		}

	}

	p{

		color: #fff;



		a{

			color: #fff;

			text-decoration: none;

		}

	}

	h5{

		font-weight: 700;

		color: #62bb46;

	}

}

.contact-banner:after {

    content: "";

    border-radius: 100vw;

    background-color: #62bb46;

    opacity: .2;

    filter: blur(80px);

    width: 500px;

    height: 500px;

    position: absolute;

    inset: auto auto -10% -5%;

    top: 20%;

    left: 10%;

}

.contact-banner{

	padding: 150px 0px 100px;

	background: #000;

	position:relative;



	.contact-title{

		h1{

			color: #62bb46;

			font-size: 40px;

			font-weight: 700;



			span{

				color: #fff;

			}

		}

	}

}

.contact-form{

	margin-top: 50px;

	background: #101010;

	padding: 30px;

	border-radius: 20px;

	border: 0px solid #62bb46;



	.form-group{

		.form-control{

			min-height: 60px;

			background-color: #1d1d1d;

            border: 0;

            color: #62bb46;

            border-radius: 10px;

            padding-left: 15px;

		}

		.form-control:focus{

			box-shadow: none;

		}

	}

	::placeholder{

		color: #fff;

	}



	.btn-primary{

		background-color: #62bb46;

		border: 1px solid #62bb46;

		color: #000;

		font-weight: 600;

		padding: 15px;

		font-size: 21px;

	}

}



li.breadcrumb-item{

	a{

		color: #fff;

		text-decoration: none;

	}

	a.active{

		color: #62bb46;

	}

}

.breadcrumb-item+.breadcrumb-item::before{

	color: #fff;

}

.about-banner{

	padding: 0px 0px;

	

	position: relative;

}

/*section.about-banner:after {

    content: "";

    position: absolute;

    background: linear-gradient(45deg, #00000069, #000000);

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}*/

.inner-page-title{

	background: #000;

	padding: 160px 0px 70px;

	position: relative;



}

.terms-link{

	display:flex;

	gap:10px;

	justify-content: center;

	a{

		color: #fff;

		text-decoration: none;

		font-size: 14px;

	}

}

.inner-page-title h1 {

    color: rgba(255, 255, 255, 0.08);

    font-size: 228px;

    font-weight: 600;

    line-height: 118.86%;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 1;

}



.inner-page-title:after {

    content: "";

    border-radius: 100vw;

    background-color: #62bb46;

    opacity: .2;

    filter: blur(80px);

    width: 500px;

    height: 500px;

    position: absolute;

    inset: auto auto -10% -5%;

    top: 20%;

    left: 10%;

}

.our-team{

	padding: 100px 0px 50px;

	background-color: #101010;

	background-image: url(../images/ourteamline.png);

	background-position: bottom;

	background-repeat: no-repeat;

	position: relative;

	overflow: hidden;

}

.our-team:before{

	content: "";

    border-radius: 100vw;

    background-color: #62bb46;

    opacity: .3;

    filter: blur(70px);

    width: 350px;

    height: 350px;

    position: absolute;

    inset: auto auto -10% -5%;

    top: -10%;

    left: -10%;

}



.our-value{

	padding: 70px 0px;

	background-color: #101010;

	background-image: url(../images/ourvalue.png);

	background-position: bottom;

	background-repeat: no-repeat;

}

.our-team-box{

	padding: 0px;

}

.our-img{

	

	overflow: hidden;

	position:relative;

	margin:10px;



	img.img-fluid {

    	width: 100%;

    	border-radius:0px;

	}	

} 





.our-img.our-value-img{

	transform:rotate(-20deg) !important;

}

.o-hidden{

	overflow: hidden;

}

.our-services{

	padding: 0px 0px;

	background: #101010;

	background: url(https://www.mersongroup.com/wp-content/uploads/2022/01/pos-list-bg-min.jpg);

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	background-size: cover;

	min-height: 350px;

	display: flex;

	align-items: center;

}

.our-services:after{

	content: "";

	position: absolute;

	background: linear-gradient(-45deg, #62bb4659 20%, rgba(0, 0, 0, 0.9) 65%);

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}

.our-services1{

	padding: 0px 0px;

	background: #101010;

	background: url(https://www.mersongroup.com/wp-content/uploads/2022/01/pos-list-bg-min.jpg);

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	background-size: cover;

	min-height: 350px;

	display: flex;

	align-items: center;

}

.our-service-box{

	h2{

		font-size: 42px;

	}

}



.defaultser-img{

	min-height: 350px;

	background-position: bottom;

	background-size: 100%;

	 img{

	 	height: 350px;

	 	width: 100%;

	 	object-fit: cover;

	 	object-position: left;

	 }

}



/*.our-services1:after{

	content: "";

	position: absolute;

	background: linear-gradient(45deg, #62bb4659 20%, rgba(0, 0, 0, 0.9) 55%);

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}*/



.partngrp{

	font-weight: 600;

	color: #62bb46;

}

.industries-banner{

	background: url('https://www.mersongroup.com/wp-content/uploads/2021/12/header-image.jpg');

	height: 700px;

	position: relative;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: bottom;

}

.industries-banner .overlay{

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 0;

}

.inustrie-section{

	padding: 50px 0px 100px;

	background: #101010;



	.industrie-content{

		padding: 20px 0px;



		p{

			color: #fff;

			font-size: 20px;

			padding: 20px;

		}

		.industries-img{

			img{

				height: 400px;

				width: 100%;

				border-radius: 15px;

				border: 5px solid #fff;

				object-fit: cover;

				object-position: top;

			}

		}

	}

}

.contact-title{

	h3{

		color: #62bb46;

		font-weight: 600;



		span{

			color: #fff;

		}

	}

}

.contact-box{

	h3{

		color: #62bb46;

		font-weight: 600;

	}

	p{

		color: #fff;

		display:flex;

		gap:12px;

		align-items:flex-start;

		font-size:17px;

		font-weight:600;



		img{

			width: 26px;

			margin: 3px 0 0;

		}

		a{

			color: #fff;

			text-decoration: none;

		}

	}

}

video {

    width: 100%;

    height: 600px;

    object-fit: cover;

    aspect-ratio: 2 / 3;

    border-radius: 10px;

}



.privacy-policy-section{

	padding: 30px;

	background: #101010;

	border-radius: 20px;



	.privacy-box{

		ul{

			padding-left: 20px;

			list-style-type: numeric;

			font-weight: 600;

		}

	}

	.fw-400{

		font-weight: normal;

	}

}

.ourservice-bg{

	top: -200px;

	height: 400px;

}

img.our-se-logo{

	position: absolute;

	right: 0;

	max-width: 500px;

	bottom: -200px;

}

.title-section{

	position: absolute;

	bottom: -180px;

	left: 10%;



	h2{

		font-size: 70px;

		text-transform: uppercase;



		span{

			color: #fff;

		}

	}

}

.service-bg{

	background-image: url(../images/service-bg.png) !important;

	position: relative !important;

	height: 500px;

	background-size: 100% !important;

	background-position: bottom;

}

.aboutus-bg{

	background-image: url(../images/aboutbg.png) !important;

	position: relative !important;

	height: 500px;

	background-size: 100% !important;

	background-position: bottom;

}

section.oursectionlist.aboutlist {

    margin-top: -200px;

    padding-bottom: 0;

    background-image: none;

    position: relative;

}

section.oursectionlist.aboutlist:before{

	content: "";

	background-color: #000;

	position: absolute;

	top: 200px;

	bottom: 0;

	left: 0;

	right: 0;

}



.inner-head{

	position: relative;

	background: #000;

}

.oursectionlist{

	position: relative;

	margin-top: -300px;

	background-image: url(../images/service-sha.png);

	background-position: bottom right;

	background-repeat: no-repeat;

	padding-bottom: 300px;

	background-size: 800px;

}

.service-pagetitle{

	background-image: url(../images/service-titlebg.png);

	padding: 20px;

	background-size: cover;



	h1{

		margin-bottom: 0;

		text-transform: uppercase;

		font-size: 60px;

		color: #fff;

	}	

}

.service-pagetitle.aboutpagetitle{

	background-image: url(../images/abouttitlebg.png);

	position: relative;

}



.asdiven{

	background-color: #f2f2f2;

	padding: 100px 0px 50px;

	border-radius: 50px 50px 0 0;

	position: relative;

	margin-top: -250px;	

}

section.upgrade-sign {

    position: relative;

    margin-top: 0px;

    background: url(../images/serbg.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom;

    

}





.upgradetitle{

	background: url(../images/imgbg.png);

    padding: 50px 20px;

    background-repeat: no-repeat;

    background-size: cover;



	h2{

		font-size: 36px;

		color: #fff;

		text-transform: uppercase;



		span{

			color: #000;

		}

	}

}

.update-desc{

	background: #000;

	padding: 30px;

	height: 100%;

	display: flex;

	align-items: center;



	p{

		color: #fff;

	}

}

footer .row .col-lg-11 .row {

    justify-content: center;

}







@media (min-width: 1600px) {

	.img-overlay {

	    img {

	        max-width: 100%;

	    }

	}

	.upgradetitle{

		h2{

			font-size: 48px;

		}

		

	}

	.update-desc{

		p{

			font-size: 20px;

		}

	}

}

@media (max-width: 992px) {

	.banner-section{

		height: 80vh;

	}

	.img-overlay {
    img {
        max-width: 56%;
    }
}
.mission-visionbox .mission-box {
    h2 {
    	font-size:42px;
    }
}
.banner-details {
    h1 {
    	font-size:48px;
    }
}

.mission-visionbox {
    padding: 15px 0px;
}

	.cta-grid{

		display: none;

	}

	.ourmission-box {

    .ourmission-img {

    	margin: 40px auto;

    	width: 300px;

    	height: 300px;

    	border: 10px solid #fff;

    	box-shadow: 13px 12px 0px 5px #62bb46;

    }

	}

	.ourvison-box.ourmission-box {

  	  	.ourmission-img {

        	box-shadow: -13px -12px 0px 5px #62bb46 !important;

    	}

	}

	.service-box{

		flex-direction: column;

		height: calc(100% - 20px);

		margin-bottom: 20px;

	}

	.service-box h3{

		font-size: 21px;

	}

	.service-box p{

		font-size: 16px;

	}

	.service-box .service-img{

		width: 100px;

		height: 100px;

	}

	.service-box .service-img img{

		width: 60px;

		height: 60px;

	}

	.banner-details {

    	max-width: 65%;

	}

	.whoweare:before{

		width: 300px;

		height: 300px;

	}

	.navbar-toggler .navbar-toggler-icon{

		background-image: url(../images/menu.svg);

		width: 2.5em;

	}

	.navbar-toggler:focus{

		box-shadow: none;

	}

	.inner-page-title h1{

		font-size: 130px;

	}

	.inner-page-title{

		padding: 150px 0 00px;

	}

	.our-services{

		background-size: cover;

		background-position: right;

	}

	.our-services1{

		background-size: cover;

	}

	.navbar-collapse{

		background: #000;

	}

	.our-img{

		max-width: 100%;

		margin: 0px auto;

	}

	.our-value-img{

		text-align: center;

	}

	.about-banner{

		padding: 125px 0px;

	}

	.our-team{

		padding: 50px 0px;

	}

	.industries-banner{

		height: 500px;

	}

	video{

		height: auto;

		aspect-ratio: 3/2;

	}

}



@media (max-width: 767px) {

	.ourmission-box {

		padding:30px 0px;

    	.ourmission-img {

    		width: 280px;

    		height: 280px;

    		box-shadow:10px 10px 0px 5px #62bb46;

			border:10px solid #fff;

    	}

	}

	.navbar-toggler .navbar-toggler-icon{

		width: 1.5em;

	}

	.ourvison-box.ourmission-box {

    	.ourmission-img {

        	box-shadow: -10px -10px 0px 5px #62bb46 !important;

    	}

	}

	.ourmission-box {

	    & .ourmission-details {

	        p {

	            font-size: 16px;

	            font-weight: 500;

	            color: #fff;

	        }

	    }

	}

	.people-title {

    	h2 {

    		font-size: 15vw;

    	}

	}

	.people-box .people-img{

		max-width: 60%;

		border: 10px solid #fff;

	}

	.people-box{

		display: flex;

		flex-direction: column;

	}

	.people-box2{

		flex-direction: column-reverse;

	}

	.people-pro:after {

	    content: "";

	    border-radius: 100vw;

	    background-color: #62bb46;

	    opacity: .2;

	    filter: blur(80px);

	    width: 200px;

	    height: 200px;

	    position: absolute;

	    inset: auto auto -10% -5%;

    	top: 10%;

	}

	.people-pro:before{

		top: 45%;

	}

	.whoweare:after{

		width: 200px;

		height: 200px;

	}

	.whoweare:before{

		width: 200px;

		height: 200px;

	}

	.service-box{

		flex-direction: column;

		height: auto;

		margin: 0 0 20px;

		padding: 20px;

	}

	.service-box .service-img{

		width: 80px;

		height: 80px;

	}

	.service-box .service-img img{

		width: 40px;

		height: 40px;

	}

	.section-title {

    	h2 {

    		font-size: 34px;

    	}

	}

	.inner-page-title{

		padding:100px 0 25px;

		background-position: center !important;

		height:auto;

		.section-title{

			margin-bottom: 0;

			h2 {

    			font-size: 30px;

    		}

		}

	}

	.breadcrumb{

		margin-bottom: 0px;

	}

	.our-services{

		min-height: auto;

		padding: 50px 0;

		background-size: cover;

		.section-title {

			margin-bottom:0;

    		h2 {

    			font-size: 30px;

    		}

    		p{

    			font-size: 16px !important;

    			margin-bottom:0;

    		}

		}

	}

	.our-services1{

		min-height: auto;

		padding: 50px 0;

		background-size: cover;

		.section-title {

			margin-bottom:0;

    		h2 {

    			font-size: 30px !important;

    		}

    		p{

    			font-size: 16px !important;

    			margin-bottom: 0;

    		}

		}

	}

	section.our-services1.defaultser-img{

		padding: 0;

	}

	.defaultser-img img{

		height: auto;

    }

    .about-banner{

    	padding: 0px 0px;

    }



	img.part-logo {

    	max-width: 90px;

	}

	section.footprint,.ourservice-section{

		padding: 50px 0px;

	}

	footer{

		flex-wrap: wrap;



		p{

			width: 100%;

			text-align: center;

		}

	}

	.terms-link {

    	display: flex;

    	gap: 10px;

    	justify-content: center;

    	width: 100%;

	}

	.cta-grid{

		display: none;

	}

	.navbar-brand {

    	img {

        	width: 140px;

    	}

	}

	

	.facility-box .facility-img{

		width: 100px;

		height: 100px;

	}

	.facility-box .facility-img img{

		width: 50px;

		height: 50px;

	}

	.facility-box .facility-img:after{

		width: 80px;

		height: 80px;

	}

	.facility-box h3{

		font-size: 18px;

	}

	.inner-page-title h1{

		font-size: 80px;

		line-height: 1;

	}

	.inner-page-title:after {

	    content: "";

	    border-radius: 100vw;

	    background-color: #62bb46;

	    opacity: .2;

	    filter: blur(80px);

	    width: 200px;

	    height: 200px;

	    position: absolute;

	    inset: auto auto -10% -5%;

	    top: 160%;

	    left: 0%;

	}

	.our-team{

		padding: 50px 0px;

	}

	.our-team-box{

		padding: 0;



		p{

			font-size: 16px !important;

		}

	}

	

	header{

		background: #000;

		padding: 0;

	}

	.contact-banner {

		padding:100px 0px 50px;

    	.contact-title {

    		h1{

    			font-size: 34px;

    		}

    	}

	}

	/*.banner-section{

		height: 400px;

		max-width: 100%;

		padding: 40px 50px 0 0;

	}*/

	.banner-section {

        height: auto;

        max-width: 100%;

        padding: 95px 0px 0 0;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    .mission-visionbox{

    	position: initial;



    }

    .mission-visionbox .mission-box {

    	border-right: 0;

		    h2{

		    		font-size: 30px;

    		}

	}

	.banner-details {

		padding-bottom: 20px;

    h1 {

    	font-size: 33px;

    }

		}

	.ourmission-box {

		& .ourmission-details {

		    h2 {		        

		        font-weight: 700;

		        font-size: 34px;

		    }

		}

	}

	.sector-section{

		background: linear-gradient( #000 100%, #fff 100%);

	}

	.facility-title{

		border-right: 0;

		p{

			color: #fff;

		}

	}

	.facility-box {

    	padding: 15px;

	}

	section.sector-section:after{

		display: none;

	}

	.fsbg1{

		left: 30px;

	}

	.ourservice-bg {

    	top: 0px;

    	margin-top: -100px;

    	height: auto;

	}

	.pepsection{

		padding: 80px 0px 140px;

	}

	.title-section {

		bottom: 0;

	    		h2{

	    				font-size: 40px;

	    		}		

		}

	.our-se-logo{

		display: none;

	}

	.pep-box .peoples-title{

		height: 60%;

	}

	.pep-box .peoples-title h2{

		font-size: 50px;

	}

	.pep3{

		margin-top: 100px;

	}

	.service-box h3{

		font-size: 18px;

	}

	.service-box p{

		font-size: 16px;

	}

	.our-services1:after{

		content: "";

		position: absolute;

		background: linear-gradient(-45deg, #62bb4659 20%, rgba(0, 0, 0, 0.9) 65%);

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

	}

	.our-service-box{

		text-align: left !important;

	}

	.industries-banner .section-title p{

		font-size: 16px !important;

	}

	video{

		height: auto;

		aspect-ratio:3/2;

	}	

	.inustrie-section{

		padding-bottom: 50px;



	}

	.inustrie-section {

    & .industrie-content {

        & .industries-img {

	            img {

	            	height: auto;

	            }

       	 	}

    	}

	}

	.footer-left-box{

		flex-direction: column;

	}

	.footer-left-box .footer-logo img {

    	max-width: 200px;

    	margin-bottom: 20px;

	}

	.footer-left-box .footer-link{

		padding-left: 0;

		border-right: 0;

	}

	.footer-call{

		border-right: 0;

	}

	.upgradetitle {

		padding: 30px 15px;

		h2{

			font-size: 33px;

		}

    }

    .oursectionlist{

    	margin-top: -50px;

    	padding-bottom: 200px;

    }

    .service-pagetitle {

    	padding: 10px;

    	h1 {

    		font-size: 40px;

    	}

	}

	section.upgrade-sign{

		margin-top: -100px;

		background-size: 100% 75%;

	}

	section.oursectionlist.aboutlist{

		margin-top: -30px;

	}

	section.oursectionlist.aboutlist:before{

		top: 30px;

	}

	

}