/*--------------------------------------------------------------

# About

--------------------------------------------------------------*/





.about .container .content .col-lg-5 {
	position: relative;
}

/*.about .container .content .col-lg-5::before{

  content: '';

  background: url(../images/about-bg.png) no-repeat center center/cover;

  position: absolute;

  top: -4%;

  left: -12%;

  width: 480px;

  height: 478px;

  z-index: -1;

  background-size: 100%;

}*/

.about .content h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
	text-transform: capitalize;
	color: #1B1B1B;
	position: relative;
	/* left: 9%; */

	margin-top: 78px;
	margin-left: 9%;
}

.about .content h3 {
	font-weight: 300;
	line-height: 50px;
	font-size: 40px;
	font-family: 'Open Sans';
	color: #1B1B1B;
	margin-top: -9px;
	position: relative;
	left: 8.3%;
	width: 91%;
}

.about .content ul {
	list-style: none;
	padding: 0;
	display: none;
}

.about .content ul li {
	padding: 12px 0 0 33px;
	position: relative;
}

.about .content ul i {
	left: 0;
	top: 7px;
	position: absolute;
	font-size: 20px;
	color: #d9232d;
}

.about .content p:last-child {
	margin-bottom: 0;
}

.content {
	/* margin-right: 7%; */

}

.foot-mob {
	display: none;
}

/*--------------------------------------------------------------

# Services

--------------------------------------------------------------*/



.services {
	padding: 0;
}

.services .content-box {
	margin-bottom: 0;
	padding: 58px 43px;
	border-radius: 0;
	text-align: center;
	padding-top: 242px;
}

.services .content-box i {
	color: #ffffffc4;
	font-size: 40px;
}

.services .content-box h3 {
	margin-left: -1px;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 36px;
	color: #fff;
	font-family: 'Montserrat';
}

.services .content-box h3 a {
	color: #fff;
	text-align: center;
}

.services .content-box p {
	margin-left: 0;
	font-size: 16px;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 0;
	min-height: 115px;
}

.services .content-box:hover h4 a {
	color: #d9232d;
}

.services .box-img1 {
	background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 59%)), url(../images/industry-factory-area-solar-cells-electric-green-energy-solar-panels-line-view.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}

.services .box-img2 {
	background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 59%)), url(../images/wind-turbine-wind-mill-blue-sky-renewable-energy-concept-sicily.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}

.services .box-img3 {
	display: block;
	background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 59%)), url(../images/concept-energy-storage-unit-consisting-multiple-conected-containers-with-batteries-3d-rednering.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}

.box-img1::after {
	background-color: #000;
}

.mobile-about-img01 {
	display: none;
}

/*--------------------------------------------------------------

# Footprints Section

--------------------------------------------------------------*/





.footprint {
	/* background: rgb(246,246,246);*/

	background-image: url(../images/Mask-Group1.png);
	padding: 49px 0 200px 0;
	background-repeat: no-repeat;
	/* background-size: 100%; */

	background-position: top center;
	overflow: hidden;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}

.footprint-box {
	width: 414px;
	height: 273px;
	background: #0b8adcbf 0% 0% no-repeat padding-box;
	color: #fff;
	/*padding: 23px;*/

	margin-top: 112px;
	text-align: left;
}

.footprint-box p {
	font-size: 18px;
	font-family: 'Open Sans';
	font-weight: 400;
}

.footprint-box h3 {
	font-size: 36px;
	font-family: 'Montserrat';
	font-weight: 400;
}

.footprint-box h3 b {
	position: relative;
	left: 12%;
	font-family: 'Montserrat';
	text-align: left;
}

.footprint-box h3 .mw1 {
	left: 11%;
}

.footprint-box h3 .mw2 {
	left: 9%;
}

.footprint-box p::after {
	content: "";
	display: block;
	width: 100%;
	background-color: #e1e1e1ab;
	height: 2px;
	margin: 25px 0;
}

.big-dot-pulse {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 rgb(0 0 0 / 65%);
	animation: pulse .8s ease infinite;
	margin-top: 10em;
	position: absolute;
	/* left: -16%; 

    margin-left: 6%;*/
}

.medium-dot-pulse {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 rgb(0 0 0 / 65%);
	animation: pulse .8s ease infinite;
	margin-top: 4em;
	position: relative;
	left: 0;
	margin-left: 21%;
}

.small-dot-pulse {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 rgb(0 0 0 / 65%);
	animation: pulse .8s ease infinite;
	margin-top: 1.8em;
	position: relative;
	/* left: -12%; */

	margin-left: 7%;
}

/* .big-dot-pulse:hover {

  animation: none;

} */



/* @keyframes pulse{

  0%{

    opacity:0;

   box-shadow: 0px 0px 0px 0px #fe1dad, 0px 0px 0px 0px #fe1dad,0px 0px 0px 0px #fe1dad, inset 0px 0px 0px #FE1DAD;

  }

  20%{

    opacity:0.5;

    box-shadow: 0px 0px 5px 0px #fe1dad, 0px 0px 10px 0px #fe1dad,0px 0px 50px 0px #fe1dad, inset 0px 0px 20px #FE1DAD;

  }

  40%{

    opacity:0;

   box-shadow: 0px 0px 2px 0px #fe1dad, 0px 0px 5px 0px #fe1dad,0px 0px 25px 0px #fe1dad, inset 0px 0px 10px #FE1DAD;

  }

  50%{

    opacity:1;

    box-shadow: 0px 0px 10px 0px #fe1dad, 0px 0px 20px 0px #fe1dad,0px 0px 100px 0px #fe1dad, inset 0px 0px 30px #FE1DAD;

  }

  100%{

    opacity:1;

   box-shadow: 0px 0px 10px 0px #fe1dad, 0px 0px 30px 0px #fe1dad,0px 0px 100px 0px #fe1dad, inset 0px 0px 30px #FE1DAD;

  }

} */

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 #2783c1;
	}

	20% {
		-webkit-box-shadow: 0 0 0 6px #2784c1c4;
	}

	50% {
		-webkit-box-shadow: 0 0 0 7px #2784c1c4;
	}

	70% {
		-webkit-box-shadow: 0 0 0 4px #2784c1c4;
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 #2784c1c4;
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 #2783c154;
		box-shadow: 0 0 0 0 #2783c154;
	}

	20% {
		-moz-box-shadow: 0 0 0 6px #2783c154;
		box-shadow: 0 0 0 6px #2783c154;
	}

	50% {
		-moz-box-shadow: 0 0 0 7px #2783c154;
		box-shadow: 0 0 0 7px #2783c154;
	}

	70% {
		-moz-box-shadow: 0 0 0 4px #2783c154;
		box-shadow: 0 0 0 4px #2783c154;
	}

	100% {
		-moz-box-shadow: 0 0 0 0 #2783c154;
		box-shadow: 0 0 0 0 #2783c154;
	}
}

/*--------------------------------------------------------------

# about section

--------------------------------------------------------------*/



.about {
	position: relative;
	/* margin-right: 5%; */
}

.portfolio-box {
	width: 253px;
	height: 212px;
	background: var(--unnamed-color-f15a22) 0% 0% no-repeat padding-box;
	background: #960018 0% 0% no-repeat padding-box;
	opacity: 1;
	padding: 40px 15px 15px 36px;
	position: relative;
	left: 45%;
	top: 22px;
}

.portfolio-box b {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 75px/var(--unnamed-line-spacing-30) var(--unnamed-font-family-montserrat);
	color: var(--unnamed-color-ffffff);
	text-align: left;
	font: normal normal bold 60px/60px Montserrat;
	letter-spacing: -1.73px;
	color: #FFFFFF;
	font-weight: 700;
}

.portfolio-box p {
	font-size: 21px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-21)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-ffffff);
	text-align: left;
	font: normal normal normal 20px/30px Open Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
	font-weight: 400;
}

/* .about-imgs-box .about-img1{

  z-index: -1;

  margin-top: 82px;

  width: 510px;

  height: 444px;

}



.about-imgs-box .about-img2{

  position: absolute;

  z-index: 9;

  margin-left: -3.5%;

  margin-top: 12.3%;

}

.about-imgs-box .about-img3{

  position: absolute;

  z-index: -1;

  margin-top: 15.6%;

  margin-left: 4.2%;

}



.about-imgs-box{

  width: 855px;

} */

.about-imgs-box {
	/* padding: 0 60px; */

}

.about-imgs-box p {
	margin-top: 30px;
	font-size: 18px;
	font-family: 'Open Sans';
	font-weight: 400;
	color: #222222;
	line-height: 24px;
}

.about-button .bx-chevron-right-circle {
	font-size: 40px;
	font-weight: 100;
	color: #a79d9d;
	position: relative;
	top: 3px;
}

.solution-heading {
	margin-bottom: 31px;
	color: #1B1B1B;
	font-size: 48px;
	font-weight: 400;
	font-family: 'Montserrat';
	margin-top: 26px;
}

.content-box::before {
	height: 323px;
	background: #000;
	opacity: 0.5;
}

.soluiton-bg-box {
	display: none;
}

/*--------------------------------------------------------------

 # Sustainability Section

--------------------------------------------------------------*/



.sustainaibility {
	padding: 90px 0;
	background-color: #EEEEEE;
}

.sustain-heading h2 {
	font-size: 48px;
	color: #1B1B1B;
	text-align: right;
	font-weight: 400;
	margin-top: 23px;
	font-family: 'Montserrat';
}

.sustain-heading p {
	font-size: 18px;
	color: #101010;
	text-align: right;
	line-height: 28px;
	margin-top: 21px;
	padding-left: 0;
	font-family: 'Open Sans';
}

.env-tab-img {
	background-image: url(../images/hands-trees-growing-seedlings.png);
	background-size: cover;
	height: 604px;
	width: 933px;
	padding: 373px 0px 0 66px;
}

.env-tab-img p {
	color: #fff;
	width: 36%;
	font-size: 16px;
	line-height: 32px;
	font-family: 'Open Sans';
	font-weight: 400;
	position: relative;
	left: 1%;
}

.nav-pills .nav-link {
	background-color: transparent !important;
	color: #000000 !important;
	font-size: 24px;
	text-align: right !important;
	font-family: Open Sans;
	font-weight: 700;
	padding: 0;
}

.nav-pills .nav-link::after {
	content: "";
	display: block;
	width: 9%;
	background-color: #f15a22;
	height: 1px;
	margin: 12px 0;
	position: relative;
	left: 91%;
}

.tab-links {
	margin-top: 95px;
}

.nav-pills .nav-link.active::after {
	width: 35%;
}



.snt-button {
	position: relative;
	left: 1%;
	top: 0;
}

/* .services .box-img3{

  display: none;

} */



/*--------------------------------------------------------------

 # News and Events Section

--------------------------------------------------------------*/



#newevents {
	padding: 0;
	overflow: hidden;
}

.events-box {
	position: relative;
	overflow: hidden;
}

.events-box figure {
	display: block;
	position: relative;
	margin: 0;
	overflow: hidden;
}

.events-box-img {
	position: relative;
	margin: 0;
	overflow: hidden;
}

.events-overlay-box figure img {
	display: block;
	max-height: 80vh;
	height: 534px;
	max-width: 612px;
	position: relative;
}

.events-box figure img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	width: 100%;
}

.events-box figure:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.events-overlay-box figure img {
	display: block;
	max-height: 80vh;
	height: 534px;
	max-width: 100%;
	position: relative;
	object-fit: cover;
}

.events-box-img img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	width: 100%;
}

.events-box-img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.events-overlay-box figure figcaption {
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 100%;
	/* makeup*/

	/*   background: rgb(0 0 0 / 2%); */

	color: white;
	padding: 46px;
	z-index: 9;
}

.events-overlay-box figure figcaption h6 b {
	font-size: 16px;
	line-height: 22px;
	font-color: #FFFFFF;
	width: 137px;
	height: 27px;
	background: #960018 0% 0% no-repeat padding-box;
	padding: 3px 5px;
	font-weight: 400 !important;
	margin-right: 3%;
	font-family: 'Open Sans';
}

.events-overlay-box figure figcaption h6 span {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 400;
	position: relative;
	left: 7px;
}

.news-events-heading {
	margin-bottom: 40px;
}

.news-events-heading h2 {
	font-size: 48px;
	color: #1B1B1B;
	margin-bottom: 30px;
	font-weight: 400;
	font-family: 'Montserrat';
}

.events-overlay-box figure figcaption h3 {
	font-size: 24px;
	font-family: Open Sans;
	font-weight: 400;
	max-width: 337px;
	line-height: 32px;
	margin: 29px 0 15px 9px;
}

.event-button {
	position: relative;
	left: 2%;
}

.events-box-right figure {
	display: flex;
	align-items: center;
	margin-left: 3.3%;
}

.events-box-right figure figcaption {
	min-width: 384px;
	height: 259px;
	background: #F0F0F0 0% 0% no-repeat padding-box;
	padding: 38px 40px;
	position: relative;
	/* left: -5%; */
}

.events-box-right figure figcaption h6 b {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	width: 137px;
	height: 27px;
	background: #960018 0% 0% no-repeat padding-box;
	padding: 3px 5px;
	font-weight: 400;
	font-family: 'Open Sans';
}

.events-box-right figure figcaption h6 span {
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: 400;
	color: #000000;
	position: relative;
	left: 1em;
}

.events-box-right figure img {
	display: block;
	max-height: 80vh;
	width: 384px;
	height: 259px;
}

.events-box-right figure figcaption h3 {
	font-size: 24px;
	font-family: Open Sans;
	font-weight: 400;
	color: #666666;
	max-width: 337px;
	line-height: 32px;
	margin: 29px 0 15px 9px;
}

.events-box.events-overlay-box figure:after {
	background: linear-gradient(transparent, #000000ad);
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	height: 80%;
	width: 100%;
}

.events-box-left figure {
	display: flex;
	align-items: center;
	margin-left: 3.3%;
}

.events-box-left figure figcaption {
	min-width: 363px;
	height: 100%;
	background: #F0F0F0 0% 0% no-repeat padding-box;
	padding: 27px 33px;
	position: relative;
	right: 0%;
	min-height: 250px;
}

.events-box-left figure figcaption h6 b {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	width: 137px;
	height: 27px;
	background: #960018 0% 0% no-repeat padding-box;
	padding: 3px 5px;
	font-weight: 400;
	font-family: 'Open Sans';
}

.events-box-left:hover figure figcaption h6 b,
.events-box-right:hover figure figcaption h6 b,
.events-overlay-box:hover figure figcaption h6 b {
	background: #df3740;
}

.events-box-left figure figcaption h6 span {
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: 400;
	font-family: 'Open Sans';
	position: relative;
	left: 1em;
}

.events-box-left figure img {
	display: block;
	width: 100%;
	height: 250px;
	position: relative;
	right: 0;
}

.events-box-left figure figcaption h3 {
	font-size: 24px;
	font-family: Open Sans;
	font-weight: 400;
	max-width: 325px;
	line-height: 32px;
	color: #666666;
	margin: 29px 0 15px 4px;
}

.normal-button-leftside,
.normal-button-rightside {
	position: absolute;
}

.normal-button-leftside {
	margin-left: 35%;
	margin-top: 180px;
}

.normal-button-rightside {
	margin-left: 5%;
	margin-top: 178px;
}

.events-box-left.arrow_left i.material-icons.arrow_icon {
	border: 1px solid #8d7777;
	border-radius: 30px;
	color: #8d7777;
}

.events-box-right i.material-icons.arrow_icon {
	border: 1px solid #FFF;
	border-radius: 30px;
	color: #FFF;
}

.view-all-link {
	display: block;
	text-align: center;
	margin-top: 30px;
}

.view-all-link img {
	margin-left: 10px;
}

.view-all-link span {
	font-size: 16px;
	color: #6D6D6D !important;
	font-family: Open Sans;
	text-align: center;
}

.view-button .bx-chevron-right-circle {
	font-size: 43px;
	font-weight: 100;
	color: #a79d9d;
	position: relative;
	top: 14px;
}

.about .content h2 span {
	color: #128505;
	font-size: 16px;
}

/*--------------------------------------------------------------

 # O2 Power Social Diary

--------------------------------------------------------------*/



#socialdiary {
	background-color: #EEEEEE;
	padding: 123px 0 100px 0;
}

.socialdiary-box {
	width: 438px;
	height: 530px;
	background: #FFFFFF;
	border-radius: 11px;
}

.socialdiary-box .social-circle {
	width: 76px;
	height: 76px;
	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 100%;
}

section.home-video {
	background: #0000 !important;
	margin-top: -60px;
	max-height: 690px;
}

.video-test {
	height: 690px;
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
	background: url(../images/banner-vd-thumb.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}

.video-test video {
	height: 690px;
	object-fit: fill;
}

.video-test .overlay {
	position: absolute;
	background: #ffffff05;
	top: 0px;
	width: 100%;
	height: 100%;
}

.vd-cap {
	position: absolute;
	bottom: 20%;
	color: #ffffff;
	left: 10%;
	text-transform: uppercase;
	text-shadow: 1px 1px black;
	/*background: #0000000d;*/
}

.vd-cap h2 {
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -1px;
	/* line-height: 30px; */
}

.vd-cap span {
	color: #73bf44;
	font-size: 32px;
	display: block;
	font-weight: 800;
	display: inline-block;
}

/* @media (max-width: 1550px){

  .footprint {

    height: 100vh !important;

}

} */



@media only screen and (max-width: 1366px) {
	.about .content h2 {
		font-weight: 700;
		font-size: 26px !important;
		line-height: 35px !important;
		margin-bottom: 20px;
		text-transform: capitalize;
		color: #1B1B1B;
		position: relative;

		/* left: 30% !important; */

		margin-top: 67px !important;
		margin-left: 29%;
	}

	.portfolio-box {
		width: 209px !important;
		height: 166px !important;
		left: 66% !important;
		top: 25px !important;
	}

	.portfolio-box p {
		font-size: 16px;
		text-align: left;
		letter-spacing: 0px;
		color: #FFFFFF;
		font-weight: 400;
	}

	.portfolio-box b {
		font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 75px/var(--unnamed-line-spacing-30) var(--unnamed-font-family-montserrat);
		color: var(--unnamed-color-ffffff);
		text-align: left;
		font: normal normal bold 40px/40px Montserrat !important;
		letter-spacing: -1.73px;
		color: #FFFFFF;
	}

	/* 

.about-imgs-box .about-img1 {

    z-index: -1;

    margin-top: 104px;

    width: 335px;

    height: 305px;

}



.about-imgs-box .about-img2 {

    position: absolute;

    z-index: 9;

    margin-left: -3.5%;

    margin-top: 16%;

    width: 150px;

    height: 150px;

}

.about-imgs-box .about-img3 {

    position: absolute;

    z-index: -1;

    margin-top: 19%;

    margin-left: 4%;

    width: 150px;

    height: 150px;

}

.about-imgs-box {

    width: 617px !important;

    margin-left: 9%;

} */

	.about-imgs-box {
		padding: 0 60px;
	}

	.about-imgs-box p {
		color: #1B1B1B;
		font-size: 14px;
	}

	.about-button .bx-chevron-right-circle {
		font-size: 30px;
		font-weight: 100;
		color: #a79d9d;
		position: relative;
		top: 0;
		left: 0;
	}

	.services .content-box {
		margin-bottom: 0px;
		padding: 12px 14px;
		border-radius: 0;
		text-align: center;
		padding-top: 200px;
		background-size: cover !important;
	}

	.services .box-img1,
	.services .box-img2,
	.services .box-img3 {
		background-size: contain;
		height: 429px;
	}

	.sustain-heading h2 {
		font-size: 27px !important;
		color: #1B1B1B;
		text-align: right;
		font-weight: 400;
		margin-top: 26px;
	}

	.env-tab-img {
		background-image: url(../images/hands-trees-growing-seedlings.png);
		background-size: 100%;
		height: 426px;
		width: 662px;
		padding: 237px 0px 0 62px;
	}

	.env-tab-img p {
		color: #dbdada;
		width: 36%;
		font-size: 14px;
		line-height: 22px;
		position: relative;
		margin-top: 21px;
	}

	.nav-pills .nav-link {
		background-color: transparent !important;
		color: #000000 !important;
		font-size: 15px;
		text-align: right !important;
		font-family: Open Sans;
		font-weight: bold;
		margin-top: 3px;
	}

	.tab-links {
		margin-top: 33px;
	}

	.nav-pills .nav-link.active::after {
		width: 20%;
	}

	.nav-pills .nav-link::after {
		content: "";
		display: block;
		width: 9%;
		background-color: #f15a22;
		height: 1px;
		margin: 8px 0;
		position: relative;
		left: 95%;
	}

	.nav-pills {
		margin-right: 2em !important;
	}

	.sustainaibility {
		padding: 79px 0 80px 0;
		background-color: #EEEEEE;
	}

	.news-events-heading h2 {
		font-size: 30px;
		color: #1B1B1B;
		margin-bottom: 10px;
		font-weight: 500;
	}



	/* .footprint {

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

    padding: 43px 0 164px 0;

    background-size: 100%;

    background-repeat: no-repeat;

} */

	.footprint-box {
		width: 279px;
		height: 214px;
		color: #fff;
		margin-top: 47px;
		text-align: left;
		margin-left: -7%;
	}

	/*.footprint-orng {

  width: 279px;

  height: 214px;

  background-color: #fdb124;

  color: #fff;

  padding: 0px;

  margin-top: 0px;

  text-align: left;

  margin-left: -7%;

}*/

	.footprint-box p {
		font-size: 13px;
		color: #fff;
	}

	.footprint-box h3 {
		font-size: 22px;
	}

	.solution-heading {
		font-size: 30px;
		color: #1B1B1B;
		font-weight: 500;
	}

	.events-overlay-box figure figcaption {
		position: absolute;
		bottom: -25px;
		left: 0;
		width: 100%;
		background: rgb(0 0 0 / 2%);
		color: white;
		padding: 50px 47px;
	}

	/* .events-overlay-box figure {

    display: inline-block;

    position: relative;

    margin: 0;

    margin-left: 0;

} */

	.events-overlay-box figure figcaption h6 b {
		font-size: 12px;
		line-height: 22px;
		font-color: #FFFFFF;
		width: 137px;
		height: 27px;
		background: #960018 0% 0% no-repeat padding-box;
		padding: 3px 5px;
		font-weight: 100;
		margin-right: 3%;
	}

	.events-overlay-box figure img {
		display: block;
		max-height: 430px;
		position: relative;
	}

	.events-overlay-box figure figcaption h3 {
		font-size: 16px;
		font-family: Open Sans;
		font-weight: 200;
		max-width: 209px;
		line-height: 27px;
		margin: 29px 0 15px 9px;
	}

	.events-overlay-box figure figcaption h6 span {
		font-size: 13px;
		line-height: 22px;
		color: #fff;
		left: 0;
	}

	.events-box-right figure img {
		display: block;
		width: 100%;
		height: 206px;
		position: relative;
		top: 0;
	}

	.events-box-right figure figcaption {
		min-width: 0;
		width: 50%;
		height: 206px;
		background: #F0F0F0 0% 0% no-repeat padding-box;
		padding: 26px 40px;
		position: relative;
		left: 0%;
	}

	.events-box-right figure figcaption h6 b {
		font-size: 12px;
		line-height: 22px;
		color: #fff;
		width: 137px;
		height: 27px;
		background: #960018 0% 0% no-repeat padding-box;
		padding: 3px 5px;
		font-weight: 100;
		margin-right: 6%;
	}

	.events-box-right figure figcaption h6 span {
		font-size: 13px;
		line-height: 22px;
		color: #000000;
		left: 0;
	}

	.events-box-right figure figcaption h3 {
		font-size: 16px;
		font-family: Open Sans;
		font-weight: 400;
		max-width: 242px;
		padding-right: 10%;
		line-height: 26px;
		margin: 12px 0 15px 9px;
	}

	.events-box-right figure {
		margin-left: 4.3%;
	}

	.events-box-left figure figcaption h3 {
		font-size: 16px;
		font-family: Open Sans;
		font-weight: 400;
		max-width: 219px;
		line-height: 26px;
		padding-right: 10%;
		margin: 18px 0 20px 4px;
	}

	.events-box-left figure {
		display: flex;
		align-items: center;
		margin-left: 4.3%;
	}

	.events-box-left figure figcaption h6 b {
		font-size: 12px;
		line-height: 22px;
		color: #fff;
		width: 137px;
		height: 27px;
		background: #960018 0% 0% no-repeat padding-box;
		padding: 3px 5px;
		font-weight: 100;
		margin-right: 6%;
	}

	.events-box-left figure figcaption h6 span {
		font-size: 13px;
		line-height: 22px;
		color: #000000;
		left: 0px;
	}

	.events-box-left figure figcaption {
		min-width: 305px;
		height: 209px;
		background: #F0F0F0 0% 0% no-repeat padding-box;
		padding: 27px 33px;
		position: relative;
		right: 0%;
	}

	.events-box-left figure img {
		display: block;
		width: 100%;
		height: 209px;
		position: relative;
		right: 0;
	}

	.normal-button-leftside {
		margin-left: 41%;
		margin-top: 148px;
	}

	.normal-button-rightside {
		margin-left: 35%;
		margin-top: 141px;
	}

	.services .content-box h3 {
		margin-left: -1px;
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 28px;
		color: #fff;
		font-family: 'Montserrat';
	}

	.services .content-box p {
		margin-left: 0;
		font-size: 14px;
		color: #fff;
		font-family: 'Open Sans';
		font-weight: 400;
		line-height: 22px;
		margin-bottom: 0;
		min-height: 100px;
	}

	.sustain-heading p {
		font-size: 13px;
		color: #101010;
		text-align: right;
		line-height: 23px;
		margin-top: 21px;
		padding-left: 180px;
		font-family: 'Open Sans';
	}

	.sidenav .menu-list ul li a {
		font-size: 13px;
		font-weight: 400;
		line-height: 10px;
		left: 11px !important;
		top: 3px;
		font-family: 'Open Sans';
	}

	.sidenav a {
		padding: 8px 8px 5px 32px;
		text-decoration: none;
		font-size: 20px;
		color: #ffffff;
		display: block;
		transition: 0.3s;
		left: 0 !important;
		top: 0 !important;
	}

	.view-button .bx-chevron-right-circle {
		font-size: 32px;
		font-weight: 100;
		color: #a79d9d;
		position: relative;
		top: 10px;
	}

	.view-all-link span {
		font-size: 14px;
		color: #6D6D6D !important;
		font-family: Open Sans;
		text-align: center;
	}

	.navbar ul {
		margin: 0;
		padding: 0;
		/* display: flex;

    list-style: none;

    align-items: center;

    position: relative;

    right: 9%; */

	}

	.nav-toggle-bar svg {
		width: 21px;
	}

	/* .footprint {

  height: 60vh;

  

}

 */

	/*.about .container .content .col-lg-5::before {

  content: '';

  background: url(../images/about-bg.png) no-repeat center center/cover;

  position: absolute;

  top: -4%;

  left: 8%;

  width: 410px;

  height: 410px;

  z-index: -1;

  background-size: 100%;

}*/

}

@media(max-width: 1280px) {
	.footprint {
		padding: 49px 0 128px 0;
	}
}





/* For 1024 Resolution */

@media only screen and (max-width : 1024px) {

	.services .box-img1,
	.services .box-img2 {
		background-size: contain;
		height: 329px;
	}

	.about .content h3 {
		font-weight: 300;
		line-height: 33px !important;
		font-size: 26px !important;
		font-family: 'Open Sans';
		max-width: 100% !important;
		color: #1B1B1B;
		margin-top: -12px !important;
		margin-left: 0 !important;
		left: 0;
	}

	/* .about .container .content::before {

    content: '';

    background: url(../images/about-bg.png) no-repeat center center/cover;

    position: absolute;

    top: 102.2% !important;

    left: 7% !important;

    width: 323px !important;

    height: 316px !important;

    z-index: -1;

} */

	.about-imgs-box .about-img1 {
		margin-top: 43px;
	}

	.about .content h2 {
		left: 0 !important;
		margin-left: 0px;
	}

	.portfolio-box {
		width: 170px !important;
		height: 95px !important;
		background: var(--unnamed-color-f15a22) 0% 0% no-repeat padding-box;
		background: #960018 0% 0% no-repeat padding-box;
		opacity: 1;
		padding: 30px 15px 15px 27px !important;
		position: relative;
		left: 0% !important;
		top: 15px !important;
		margin-bottom: 40px;
	}

	.about-imgs-box {
		padding: 0px;
	}

	.portfolio-box p {
		font-size: 21px !important;
		font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-21)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-open-sans);
		letter-spacing: var(--unnamed-character-spacing-0);
		color: var(--unnamed-color-ffffff);
		text-align: left;
		font: normal normal normal 13px/22px Open Sans !important;
		letter-spacing: 0px;
		color: #FFFFFF;
	}

	.portfolio-box b {
		font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 75px /var(--unnamed-line-spacing-30) var(--unnamed-font-family-montserrat);
		color: var(--unnamed-color-ffffff);
		text-align: left;
		font: normal normal bold 46px/14px Montserrat !important;
		letter-spacing: -1.73px;
		color: #FFFFFF;
	}

	/* .about-imgs-box .about-img2 {

    position: absolute;

    z-index: 9;

    margin-left: -3.5%;

    margin-top: 12%;

  

}

.about-imgs-box .about-img3 {

    position: absolute;

    z-index: -1;

    margin-top: 14.5%;

    margin-left: 4%;

    

} */

	.services .content-box {
		margin-bottom: 0px;
		padding: 13px 35px;
		border-radius: 0;
		text-align: center;
		padding-top: 75px;
	}

	.sustain-heading p {
		font-size: 15px;
		color: #1B1B1B;
		text-align: right;
		line-height: 24px;
		margin-top: 15px;
		padding-left: 3%;
	}

	.events-overlay-box figure img {
		max-height: 45vh;
		min-height: 357px;
	}

	.events-box-right figure figcaption h3 {
		font-size: 14px;
		font-family: Open Sans;
		font-weight: 500;
		max-width: 408px;
		line-height: 23px;
		margin: 12px 0 21px 9px;
	}

	.events-box-right figure img {
		display: block;
		width: 100%;
		height: 149px;
		position: relative;
		top: 0;
	}

	.events-box-right figure figcaption {
		min-width: 0;
		width: 403px;
		height: 154px;
		background: #F0F0F0 0% 0% no-repeat padding-box;
		padding: 17px 23px;
		position: relative;
		left: 0%;
	}

	.events-box-left figure figcaption {
		min-width: 50%;
		height: 153px;
		background: #F0F0F0 0% 0% no-repeat padding-box;
		padding: 16px 24px;
		position: relative;
		right: 0%;
	}

	.services .content-box p {
		margin-left: 0;
		font-size: 12px;
		color: #fff;
	}

	.events-box-right figure figcaption h6 span {
		font-size: 11px;
		line-height: 22px;
		color: #000000;
	}

	.events-box-left figure figcaption h3 {
		font-size: 14px;
		font-family: Open Sans;
		font-weight: 500;
		max-width: 219px;
		line-height: 25px;
		margin: 18px 0 20px 4px;
	}

	.events-box-left figure img {
		display: block;
		width: 100%;
		height: 153px;
		position: relative;
		right: 0;
	}

	.events-overlay-box figure figcaption h3 {
		font-size: 14px;
		font-family: Open Sans;
		font-weight: 200;
		max-width: 213px;
		line-height: 27px;
		margin: 20px 0 11px 9px;
	}

	.events-overlay-box figure figcaption {
		position: absolute;
		bottom: -25px;
		left: 0;
		width: 100%;
		background: rgb(0 0 0 / 2%);
		color: white;
		padding: 48px 38px;
	}

	.events-overlay-box figure img {
		max-height: 35vh;
		min-height: 324px;
	}

	.events-box-left figure figcaption h6 span {
		font-size: 12px;
		line-height: 22px;
		color: #000000;
	}

	.news-events .events-box-right,
	.events-box-left {
		margin-right: 5%;
	}

	.events-overlay-box figure {
		display: inline-block;
		position: relative;
		margin: 0;
		margin-left: 11%;
	}

	.footer .footer-top h4 {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		position: relative;
		padding-bottom: 12px;
		font-family: 'Montserrat-SemiBold';
		font-size: 16px;
		margin-bottom: 8px;
	}

	.subscribe-form button {
		position: absolute;
		right: 0;
		background: #ff5e1400;
		padding: 32px 97px;
		border: 1px solid #ff5e1400;
		top: 7px;
	}

	.about .container .content .col-lg-5::before {
		display: none;
	}

	.footprint {
		background-image: url(../images/Mask-Group1.png);
		padding: 20px 0 60px;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top center;
		height: 60vh;
	}
}





/* For 480 Resolution */

@media only screen and (max-width: 767px) {
	.main_page .about.about-sec .content .port_content {
		margin-right: 0px;
	}

	.main_page .banner-carousel h2 {
		font-size: 23px;
		line-height: 26px;
		top: 0px;
	}

	h2 {
		font-size: 30px;
	}

	.about .container .content::before {
		display: none;
	}

	.about .content h2 {
		font-weight: 700;
		font-size: 35px;
		line-height: 35px;
		margin-bottom: 20px;
		text-transform: capitalize;
		color: #808285;
	}

	.about .content h2 {
		font-size: 28px !important;
		margin-left: 0px;
		color: #808285 !important;
		margin-top: 5px;
	}

	.about .content h3 {
		font-weight: 300;
		line-height: 40px !important;
		font-size: 30px !important;
		font-family: 'Open Sans';
		max-width: 100% !important;
		color: #1B1B1B;
		margin-top: -8px;
		margin-left: -4px !important;
	}

	.about-imgs-box .about-img1,
	.about-imgs-box .about-img3 {
		display: none;
	}

	.about-imgs-box .about-img2 {
		position: absolute;
		z-index: 9;
		left: 11% !important;
		margin-left: 0;
		margin-top: -376px;
		width: 146px;
		height: 125px;
	}

	.portfolio-box {
		width: 100% !important;
		height: 110px !important;
		background: var(--unnamed-color-f15a22) 0% 0% no-repeat padding-box;
		background: #960018 0% 0% no-repeat padding-box;
		opacity: 1;
		padding: 30px 15px 15px 20px !important;
		position: relative;
		left: 0 !important;
		top: 20px !important;
		text-align: center;
		justify-content: center;
	}

	.about-imgs-box {
		padding: 0 25px;
	}

	.portfolio-box b {
		font: normal normal bold 42px/30px Montserrat !important;
	}

	.portfolio-box p {
		display: block;
		font-size: 11px !important;
		font-weight: 300 !important;
		margin-top: 4px;
		text-align: center;
	}

	/* .about-imgs-box p{

  display: block;

  margin-top: -168px;

  position: relative;

  top: -384px;

  margin-left: 3.2%;

  font-size: 12px;

  max-width: 308px;

  font-weight: 400;

  margin-bottom: 21px;

} */

	/* .about-imgs-box {

    width: 855px;

    margin-top: 135px;

} */

	.about-button .bx-chevron-right-circle {
		font-size: 40px;
		font-weight: 100;
		color: #a79d9d;
		position: relative;
		top: -392px;
		left: 0.6em;
	}

	.mobile-about-img01 {
		display: block;
		position: relative;
		left: -9px;
		z-index: -1;
		width: 415px;
	}

	.mobile-about-links {
		font-size: 9px;
		display: flex !important;
		position: relative;

		/* left: -3.5%; */

		font-weight: 700;
	}

	.mobile-about-links li::after {
		content: " \2022";
		padding: 0 !important;
		color: #0b8adc;
		left: 8%;
		font-size: 19px;
		position: absolute;
		top: 6px;
	}

	.solution-heading {
		margin-bottom: 25px;
		color: #1B1B1B;
		font-size: 24px;
		font-weight: 500;
		margin-top: 0;
	}

	.services .box-img1 {
		background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 33%)), url(../images/solution-banner-mobile.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 87%;
		height: 214px;
	}

	.services .box-img2 {
		background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 33%)), url(../images/blue-skymobile.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 87%;
		height: 213px;
	}

	.services .box-img3 {
		display: block;
		background-image: linear-gradient(rgb(255 255 255 / 0%), rgb(0 0 0 / 59%)), url(../images/concept-energy-storage-unit-consisting-multiple-conected-containers-with-batteries-3d-rednering.png);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 213px;
		width: 87%;
		margin-top: 26px;
	}

	.soluiton-bg-box.gray {
		background-color: #808285 !important;
	}

	.services .content-box {
		margin-bottom: 0px;
		padding: 13px 27px;
		border-radius: 0;
		text-align: left;
		padding-top: 96px;
		margin-left: 7%;
	}

	.about .content ul {
		list-style: none;
		padding: 0;
		display: block;
	}

	.services .content-box h3 {
		margin-left: 4px;
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 27px;
		color: #fff;
		position: relative;
		top: -71px;
	}

	.content-box .soluiton-bg-box {
		background: var(--unnamed-color-f15a22) 0% 0% no-repeat padding-box;
		background: #960018 0% 0% no-repeat padding-box;
		opacity: 1;
		padding: 9px 9px 5px 18px !important;
		position: absolute;
		width: 142px;
		height: 78px;

		/*  left: 42%; */

		margin-top: -24px;
	}

	.content-box .soluiton-bg-box b {
		color: #fff;
		font-size: 46px;
		position: relative;
		top: -14px;
	}

	.soluiton-bg-box {
		display: block;
		margin-left: 10%;
	}

	.soluiton-bg-box.blue {
		background-color: #0b8adc;
	}

	.soluiton-bg-box p {
		display: block;
		line-height: 24px;
		font-size: 10px !important;
		color: #fff !important;
		width: 133px;
		margin-top: -34px;
	}

	.footprint,
	.for-desktop {
		display: none !important;
	}

	.env-tab-img {
		background-image: url(../images/hands-trees-growing-seedlings.png);
		background-size: cover;
		height: 231px;
		width: 100%;
		padding: 4px 0px 0 24px !important;
	}

	.env-tab-img p {
		display: block;
	}

	.env-tab-img p {
		color: #fff;
		width: 64%;
		font-size: 12px;
		line-height: 20px;
		margin-top: 65px;
	}


	.sustainaibility {
		padding: 20px 0 123px 0 !important;
		background-color: #fff !important;
	}

	.sustain-heading h2 {
		text-align: center !important;
		font-size: 24px !important;
	}

	.sustain-heading p {
		display: block;
		text-align: center !important;
	}

	.sustainaibility {
		padding: 20px 0 20px 0 !important;
		background-color: #fff !important;
	}

	.sustain-heading h2 {
		text-align: center !important;
		font-size: 24px !important;
	}

	.sustain-heading p {
		display: block;
		text-align: center !important;
		padding-left: 0;
	}
	.events-overlay-box figure img {
		display: block;
		height: auto;
		width: 417px;
		position: relative;
	}

	.events-overlay-box figure {
		display: inline-block;
		position: relative;
		margin: 0;
		margin-left: -4%;
	}

	.events-overlay-box figure figcaption h6 b {
		font-size: 16px;
		line-height: 22px;
		color: #FFFFFF;
		width: 137px;
		height: 27px;
		background: #960018 0% 0% no-repeat padding-box;
		padding: 3px 5px;
		font-weight: 100;
		margin-right: 3%;
	}

	.events-overlay-box figure figcaption h6 span {
		font-size: 18px;
		line-height: 22px;
		color: #292929;
	}

	.events-overlay-box figure figcaption h3 {
		font-size: 16px;
		font-family: Open Sans;
		font-weight: 500;
		color: #292929;
		max-width: 337px;
		line-height: 32px;
		margin: 29px 0 15px 9px;
	}

	.events-overlay-box figure figcaption {
		position: relative;
		background-color: #fff;
		padding: 5px 28px;
	}

	.events-box-left figure figcaption {
		min-width: 381px;
		height: 65px;
		background: #ffffff 0% 0% no-repeat padding-box;
		padding: 0px 33px;
		position: relative;
		right: 4%;
		top: 0px;
	}

	.footer .footer-top h4 {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		position: relative;
		padding-bottom: 12px;
		font-family: 'Montserrat-SemiBold';
		font-size: 18px;
		margin-bottom: 15px;
		text-align: left;
	}

	.events-box-right figure figcaption {
		display: none;
	}

	.events-box-right figure img {
		display: block;
		width: 100%;
		height: 204px;
		margin-top: 29px;
	}

	.events-box-left figure figcaption h3 {
		font-size: 15px;
		font-family: Open Sans;
		font-weight: 600;
		max-width: 325px;
		color: #292929;
		line-height: 23px;
		margin: 20px 0 15px 4px;
	}

	.events-box-left figure {
		display: flex;
		align-items: center;
		margin-left: 3.3%;
		margin-bottom: 4px;
	}

	.events-box-left figure img {
		display: none;
	}

	.for-mobile-footer ul {
		display: block !important;
	}

	.main-menu-links {
		margin-top: -94px !important;
	}

	.main-menu-links ul li a {
		text-align: center;
	}

	.footer .footer-top .footer-links ul li {
		text-align: center !important;
		display: block;
	}

	.social-medias {
		margin-top: -24px;
		text-align: center;
	}

	.about .content ul li {
		padding: 12px 0 0 31px;
		position: relative;
		font-size: 9px;
		font-family: 'Open Sans';
		font-weight: 800;
		color: #000000;
	}

	.view-all-link {
		text-align: center;
		margin-top: 22px;
		position: relative;
		top: 25px;
	}

	.services .content-box h3 a {
		color: #fff;
		text-align: center;
		font-size: 22px;
		position: relative;
		top: -13px;
	}
}

.socialdiary-box2.pt-5 {
	position: relative;
}

.social-logo {
	position: absolute;
	top: 18px;
	left: 0;
	right: 0;
	margin: auto;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0px 1px 10px rgb(204 204 204 / 47%);
}

/*03jan2022*/

.item-holder {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 140px;
	left: calc(50% - 50px);
	z-index: 999;
	transition: all 300ms linear 0ms;
}

.blinking-dots a {
	color: #000;
}

.inner-holder {
	width: 263px;
	max-width: 100%;
	height: auto;
	background-color: #fff;
	color: #000;
	padding: 10px 22px;
	position: relative;
	box-shadow: 0px 5px 83px 0px rgb(9 29 62 / 15%);
	border-radius: 10px;
}

.inner-holder:after {
	content: "";
	bottom: -10px;
	left: 38px;
	position: absolute;
	display: block;
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 12px solid #fff;
}

.big-dot-pulse:hover .item-holder,
.medium-dot-pulse:hover .item-holder,
.small-dot-pulse:hover .item-holder,
.krnatka-dot-pulse:hover .item-holder,
.tl-dot-pulse:hover .item-holder,
.assam-dot-pulse:hover .item-holder {
	visibility: visible;
	opacity: 1;
	bottom: 40px;
	clip: inherit;
}

.inner-holder h3 {
	font-size: 13px;
}

.inner-holder h3 b {
	position: relative;
	left: 4%;
	font-family: 'Montserrat';
	text-align: left;
}

.utility-blu {
	background-color: #0b8adcd4;
	padding: 23px;
	height: 273px;
}

.cn-orng {
	background-color: #fdb124;
	padding: 23px;
	height: 273px;
}

.krnatka-dot-pulse {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgb(253, 177, 36);
	box-shadow: 0 0 0 rgb(0 0 0 / 65%);
	animation: pulse 3s infinite;
	margin-top: 94px;
	position: relative;
	left: -48px;
	margin-left: 20%;
}

.specification-text {
	position: absolute;
	right: 192px;
	bottom: 88px;
}

.specification-text li {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	position: relative;
	padding-left: 29px;
	color: #fff;
}

.specification-text li:first-child::before {
	position: absolute;
	left: 0;
	content: "";
	background-color: #fdb124;
	width: 8px;
	height: 8px;
	top: 5px;
}

.specification-text li:last-child::before {
	position: absolute;
	left: 0;
	content: "";
	background-color: #0b8adcd4;
	width: 8px;
	height: 8px;
	top: 5px;
}

@media (min-width: 768px) {
	.banner-carousel .item {
		position: relative;
		/* padding-top: 6rem; */
	}
}

/**  .linkedin_box {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(207, 217, 222);
    border-radius: 13px;
    padding: 15px;
}
.linkedin_box p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  border-bottom: 1px solid rgb(207, 217, 222);
  padding: 20px 0;
  margin-bottom: 0;
}
.linkedin_box p + p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 16px 0;
}
.linkedin_box img {
  width: 100%;
  min-height: 315px;
  object-fit: cover;
}
.linkedin_box img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.linkedin_box:hover p {
  color: #960018;
}
.linkedin_box:hover p + p {
  color: #000000;
}**/

/* NEW HOME PAGE CSS */
.main_page .about.about-sec .content h3 {
	font-weight: 600;
	font-size: 38px;
	line-height: 40px;
	left: -0.7%;
	width: 100%;
	margin: 30px 0px;
	letter-spacing: -1.2px;
}

.main_page .knmore,
.main_page .knmore-1,
.main_page .knmore-2 {
	position: relative;
}

/*.main_page .knmore a::after {
    content: ">";
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #000;
    text-align: center;
    left: 0;
    color: #000;
}*/
.main_page .knmore span {
	color: #294b9d;
	font-size: 44px;
	position: absolute;
	font-weight: 900;
	height: 20px;
	top: -25px;
}

.main_page .knmore-2 span {
	color: #000;
	font-size: 30px;
	position: absolute;
}

.main_page .knmore-1 span {
	color: #fff;
	font-size: 30px;
	position: absolute;
}

.main_page .knmore span:hover,
.main_page .knmore-1 span:hover,
.main_page .knmore-2 span:hover {
	padding-left: 10px;
	transition: all ease-in 0.8s;
	font-weight: 800;
}

/*.main_page .knmore a:hover::after{
	background-color: #94C93D;
	color: #000;
	border: 1px solid #72963a;
}
.main_page .knmore-1 a::after{
	content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    left: 0;
    background-color: #fff;
	color: #000;
	border: 1px solid #fff;
}
.main_page .knmore-1 a:hover::after{
	background-color: #000;
	color: #fff;
	border: 1px solid #000;}
.main_page .knmore-2 a::after{
	content: ">";
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    left: 0;
    background-color: #94C93D;
	color: #000;
	border: 1px solid #72963a;
}
.main_page .knmore-2 a:hover::after{
	background-color: #fff;
	color: #000;
	border: 1px solid #000;}*/
.main_page .about.about-sec .content .port_sub_content {
	font-size: 20px;
	margin-right: 90px;
	font-weight: 600;
}

.main_page .about.about-sec .content .port_content {
	font-size: 20px;
	margin-right: 90px;
}

.main_page .about-sec .txt-clr {
	color: #294b9d;
	text-transform: capitalize;
}

.main_page .about-sec .abt-img {
	width: 45%;
	text-align: center;
}

.main_page .about-sec .abt-img img {
	width: 460px;
	height: auto;
}

.main_page .prtfolio-box {
	background: transparent linear-gradient(299deg, #0b8adc 21%, #94C93D 92%) 0% 0% no-repeat padding-box;
	opacity: 1;
	font-size: 16px;
	text-align: left;
	letter-spacing: 0px;
	color: #FFFFFF;
	font-weight: 400;
	padding: 17px 40px 30px;
	height: 181px;
	margin-top: 18px;
}

.main_page .prtfolio-box-img {
	margin-top: -62px;
}

.main_page .prtfolio-box p {
	font-size: 85px;
	text-align: center;
	font-weight: 600;
}

.main_page .prtfolio-box span {
	font-size: 16px;
	text-align: center;
	display: inherit;
}

.main_page .solution {
	padding: 70px;
	background: #eeeeee;
}

.main_page .services_content {
	color: #fff;
	padding: 90px 40px;
}

.main_page .services_content h2,
.services_content p {
	font-size: 18px;
}

.main_page .services_content h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.main_page .footprint_sec {
	/*background-image: url(../images/footprint-map.jpg);
	background-repeat: no-repeat;
	 background-size: 100%; 
	 background-size:cover;
    background-position: top center;*/
	overflow: hidden;
	position: relative;
	background: linear-gradient(251deg, #203336, #4e6e72);
	margin: 0 auto;
}

.solution h2 {
	font-size: 2.5rem;
}

.off-details {
	padding: 0 100px 30px;
}

.off-det-head {
	font-size: 22px !important;
	font-weight: 500;
	letter-spacing: -0.1px;
}

.off-det-head .txt-teal {
	font-size: 24px;
}

.txt-blu-clr {
	color: #294b9d;
	font-size: 24px;
	font-weight: 600;
}

.txt-grn-clr {
	color: #73bf44;
	font-size: 20px;
	font-weight: 600;
}

.map-box {
	position: relative;
	width: 662px;
}

.map_blinking {
	position: absolute;
	top: 0px;
}

.solution .fade-in {
	opacity: 0;
	transform: translateX(-50px);
	animation: fadeInLeft 2s forwards;
	transition: ease all 1s;
}

.solution .fade-in-1 {
	opacity: 0;
	transform: translateX(-50px);
	animation: fadeInLeft 3s forwards;
	transition: ease all 1s;
}

.solution .fade-in-2 {
	opacity: 0;
	transform: translateX(-50px);
	animation: fadeInLeft 4s forwards;
	transition: ease all 1s;
}

.solution .fade-in-3 {
	opacity: 0;
	transform: translateX(-50px);
	animation: fadeInLeft 5s forwards;
	transition: ease all 1s;
}


@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.main_page .foot_head {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
}

.main_page .foot-print_box {
	width: 279px;
	height: 247px;
	color: #fff;
	margin-top: 150px;
	text-align: left;
	margin-left: 10px;
}

.main_page .foot-print_box .fp_project {
	position: relative;
}

.main_page .foot-print_box .fp_project p {
	color: #fff;
	font-size: 18px;
	margin-top: 17px;
}

/*.main_page .foot-print_box .fp_project p::after {
content:"";
background: #ddd;
margin: 10px 0px;
width:165px;
height:1.8px;
position:absolute;
}*/
.main_page .foot-print_box .fp_project span {
	display: block;
	font-size: 32px;
	font-weight: 600;
	color: #73bf44;
}

.main_page .foot-print_box .fp_head {
	color: #0b8adc;
	font-size: 35px;
	font-weight: 600;
}

.img-zoom figure {
	margin: 0;
}

.main_page .footprint_sec .map-box .big-dot-pulse {
	top: 98px;
	left: 125px;
	/*background: #00ab60;*/
}

.main_page .footprint_sec .map-box .medium-dot-pulse {
	left: 174px;
	top: 370px;
	/*background: #00ab60;*/
}

.main_page .footprint_sec .map-box .small-dot-pulse {
	top: 126px;
	left: 305px;
	/* background: #00ab60;*/
}

.main_page .footprint_sec .map-box .tl-dot-pulse,
.main_page .footprint_sec .map-box .assam-dot-pulse,
.main_page .footprint_sec .map-box .guj-dot-pulse {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 rgb(0 0 0 / 65%);
	animation: pulse .8s ease infinite;
	margin-top: 1.8em;
	position: relative;
	/* left: -12%; */
	margin-left: 7%;
}

.main_page .footprint_sec .map-box .guj-dot-pulse {
	top: 248px;
	left: 88px;
}

.main_page .footprint_sec .map-box .tl-dot-pulse {
	top: 300px;
	left: 250px;
	/*background: #00ab60;*/
}

.main_page .footprint_sec .map-box .assam-dot-pulse {
	top: 42px;
	left: 556px;
	;
	/* background: #00ab60;*/
}

.main_page .footprint_sec .map-box .krnatka-dot-pulse {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 rgb(0 0 0 / 65%);
	animation: pulse 3s infinite;
	margin-top: 94px;
	position: relative;
	left: 181px;
	top: 252px;
}

.main_page .footprint_sec .inner-holder h2 {
	font-size: 18px;
	color: #000;
	font-weight: 600;
	text-align: center;
}

.main_page .footprint_sec .inner-holder .grn-hd {
	font-size: 16px;
	color: #73bf44;
	font-weight: 600;
}

.main_page .footprint_sec .inner-holder .blu-hd {
	font-size: 16px;
	color: #0b8adc;
	font-weight: 600;
}

.main_page .new_cap {
	position: relative;
}

.main_page .nw-space {
	padding: 0px;
}

.main_page .news-img {
	position: relative;
	overflow: hidden;
}

/* .main_page .news-img:before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, #ffffffb3 0, #ffffff4d);
    transform: skewX(25deg);
    z-index: 2;
}
.main_page .news-img:hover:before {
    animation: shine 1.5s;
}
@keyframes shine {
to {
left:125%
}
} */
.main_page .news-events figcaption {
	background: #0c000073;
	padding: 20px 10px;
	position: absolute;
	bottom: 0px;
	color: #fff;
	width: 100%;
}

.main_page .nw-space .news-sec .nw-img {
	height: 193px;
	object-fit: cover;
	display: block;
	object-position: top;
}

.main_page .news-events figcaption h6 {
	font-size: 12px;
}

.main_page .news-events figcaption span {
	font-size: 12px;
	border-right: 1px solid #fff;
}

.main_page .news-events figcaption h3 {
	font-size: 18px;
	margin: 10px 0px;
	color: #fff;
}

.main_page .news-events .clr-green {
	color: #000;
	background-color: #94C93D;
	padding: 10px;
	min-height: 193px;
}

.main_page .news-events .clr-grey {
	color: #000;
	background-color: #e7e6e6;
	padding: 10px;
	min-height: 193px;
}

.main_page .news-events .nw-cn {
	padding: 10px;
}

.main_page .nw-dt {
	border-right: 1px solid #fff;
}

.main_page .nw-dt h6 {
	font-size: 10px;
	line-height: 25px;
	color: #fff;
	margin: 7px;
}

.main_page .nw-dt span,
.main_page .nw-date span {
	border: none !important;
	font-size: 35px !important;
	display: block;
	font-weight: 600;
	margin: 0 !important;
}

.main_page .nw-date {
	font-size: 10px;
	line-height: 22px;
}

.main_page .nw-date h6 {
	font-size: 10px;
	line-height: 28px;
}

.main_page .nw-cn h3 {
	font-size: 15px;
	line-height: 18px;
}

.main_page .nw-list {
	display: table;
	padding: 0px;
	margin: 0px;
}

.main_page .nw-list li {
	min-height: 190px;
	display: inline-table;
	width: 50%;
	vertical-align: bottom;
}

.main_page .nw-space .nw-img {
	height: 100%;
	object-fit: cover;
	display: block;
	object-position: center;
}
.main_page .nw-space figure{height:100%;}
.main_page .nw-last-list {
	list-style: none;
	padding: 0px;
	max-height: 185px;
}

.main_page .news-events .clr-blue {
	color: #fff;
	background-color: #0b8adc;
	padding: 10px 35px;
	min-height: 193px;
}

.main_page .social-box {
	background: #fff;
	padding: 2px 10px;
	display: flex;
}

.main_page .social-box .social-logo {
	position: inherit;
	width: 30px;
	height: 30px;
	margin: 0px;
	box-shadow: none;
}

.main_page .social-box .socio_head {
	padding: 5px 0px 0px 8px;
}

.main_page .linkedin_box,
.main_page .twitter_box {
	border-radius: 0%;
	min-height: 514px;
}

.main_page .specification-text li:first-child::before {
	position: absolute;
	left: 0;
	content: "";
	background-color: #0b8adc;
	/*background-color: #8fc3ef;*/
	width: 8px;
	height: 8px;
	top: 5px;
}

.main_page .specification-text li:last-child::before {
	position: absolute;
	left: 0;
	content: "";
	background-color: #73bf44;
	width: 8px;
	height: 8px;
	top: 5px;
}

.main_page .sol-title {
	color: #294b9d;
	font-size: 38px;
	font-weight: 600;
	line-height: 40px;
	font-family: "Open Sans";
}

/* New Homepage design css */
.foot-print_box .owl-item {
	overflow: hidden !important;
}

/*.brd-rgt {
    border-right: 1.3px solid #86c751;
}*/
.port-sec {
	display: flex;
	justify-content: center;
	padding: 50px 0;
}

.port-sec.inr-prt-sec {
	padding: 50px 0 30px;
}

.abt-port-box {
	text-align: center;
	padding: 0 10px;
}

.abt-port-box p b {
	font-weight: 700;
	font-size: 50px;
}

@keyframes counter {
	0% {
		counter-increment: count 0;
	}

	10% {
		counter-increment: count 1;
	}

	20% {
		counter-increment: count 2;
	}

	30% {
		counter-increment: count 3;
	}

	40% {
		counter-increment: count 4;
	}

	50% {
		counter-increment: count 5;
	}

	60% {
		counter-increment: count 6;
	}

	70% {
		counter-increment: count 7;
	}

	80% {
		counter-increment: count 8;
	}

	90% {
		counter-increment: count 9;
	}

	100% {
		counter-increment: count 10;
	}
}

.abt-sec {
	margin-top: 75px;
}

.abt-port-box p {
	font-size: 35px;
	font-weight: 700;
	color: #294b9d;
	margin-bottom: 0px;
}

.abt-port-box span {
	font-size: 17px;
	display: block;
	font-weight: 700;
	color: #000;
	line-height: 18px;
}

.brd-set {
	border-right: 1.5px solid #ffffff8f;
	border-bottom: 1.5px solid #ffffff8f;
}

.brd-set-1 {
	border-bottom: 1.5px solid #ffffff8f;
}

.brd-set-2 {
	border-right: 1.5px solid #ffffff8f;
}

.blu-sec span {
	color: #026baf !important;
}

.offering-1 .dt_wrap {
	border-bottom: 4px solid #294b9d;
}

.offering-2 .dt_wrap {
	border-bottom: 4px solid #005e60;
}

/* .offering-2 .dt_layer {
    background: #005e60;
} */
.offering-3 .dt_wrap {
	border-bottom: 4px solid #f5a83e;
}

.offering-4 .dt_wrap {
	border-bottom: 4px solid #0074b6;
}

.offering-5 .dt_wrap {
	border-bottom: 4px solid #954479;
}

.offering-1 .dt_wrap:hover .dt_layer,
.offering-2 .dt_wrap:hover .dt_layer,
.offering-3 .dt_wrap:hover .dt_layer,
.offering-4 .dt_wrap:hover .dt_layer,
.offering-5 .dt_wrap:hover .dt_layer {
	left: 0px;
	top: 0px
}

.dt_wrap {
	margin: 10px 0px;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	min-height: 360px;
}

.dt_layer figure {
	margin-bottom: 0px;
}

.wj-tiles .dt_wrap,
.wj-tiles .prd_dt,
.wj-tiles .ads-list img {
	min-height: 350px !important;
}
.wj-tiles .services_content{padding: 95px 40px;}
.wj-tiles .services_content p{font-size: 20px;}

.offering-3 .prd-hd ::after {
	background-color: #f5a83e;
}

.offering-4 .prd-hd ::after {
	background-color: #0074b6;
}

.offering-5 .prd-hd ::after {
	background-color: #954479;
}

.wj-tiles .prd-hd ::after,
.wj-tiles .prd-hd-1 ::after {
	height: 184px !important;
}

.offering-3 .ani_layer_3 {
	opacity: 0;
	background: #f5a83e;
	position: absolute;
	top: 50%;
	height: 5px;
	width: 5px;
	/* transform: scale(1.5); */
	transform: translate(-50%, -50%);
	left: 50%;
	transition: all 1.1s ease 0s;
}

.offering-4 .ani_layer_4 {
	opacity: 0;
	background: #0074b6;
	position: absolute;
	top: 50%;
	height: 5px;
	width: 5px;
	/* transform: scale(1.5); */
	transform: translate(-50%, -50%);
	left: 50%;
	transition: all 1.1s ease 0s;
}

.offering-5 .ani_layer_5 {
	opacity: 0;
	background: #954479;
	position: absolute;
	top: 50%;
	height: 5px;
	width: 5px;
	/* transform: scale(1.5); */
	transform: translate(-50%, -50%);
	left: 50%;
	transition: all 1.1s ease 0s;
}

/* .offering-1 .dt_layer {
    background: #294b9d;
	display: none;
} */
.reveal-box {
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-duration: 1600ms;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
}

.dt_layer {
	position: absolute;
	color: #fff;
	transition: ease all 1s;
	top: 0px;
	width: 100%;
	height: 100%;
	left: 530px;
}

.prd_dt {
	position: relative;
	min-height: 500px;
}

.prd-hd h3,
.prd-hd-1 h3 {
	position: absolute;
	bottom: -8px;
	padding: 10px;
	width: 100%;
	color: #fff;
	font-size: 28px;
	/* text-align: center; */
	opacity: 0.9;
}

.prd-hd-1 h3 {
	color: #73bf44 !important;
}

.prd-hd ::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 193px;
	bottom: -91px;
	left: 0;
	background-color: #294b9d;
	transform-origin: bottom left;
	transform: skewY(190deg);
	z-index: -10;
}

.prd-hd-1 ::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 193px;
	bottom: -91px;
	left: 0;
	background-color: #005e60;
	transform-origin: bottom left;
	transform: skewY(190deg);
	z-index: -10;
}

.offering-1:hover .prd_dt .prd-hd,
.offering-2:hover .prd_dt .prd-hd-1 {
	opacity: 0;
	transition: all 1.1s ease 0s;
}

.dt_layer .ads-list li {
	margin: 6px 0;
	position: relative;
	/* padding-left: 13px; */
	font-size: 13px;
}

.ads-list li:before {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #fff;
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
}

.ads-list {
	margin: 0 !important;
}

.ads-list img {
	object-fit: cover;
	width: 100%;
	min-height: 500px;
	/*border-radius: 5px 5px 0 0;*/
}

.portfolio-carousel {
	padding: 30px 0;
}

.prt-slider {
	position: relative
}

.portfolio-carousel:after {
	content: "";
	position: absolute;
	background: #59c066;
	width: 2px;
	height: 109px;
	top: 42px;
	left: 50%;
}

.img-zoom .abt-sec {
	transition: all 1.1s ease 0s;
}

.port-box {
	position: relative;
}

.port-box:after {
	content: "";
	position: absolute;
	background: #294b9d;
	width: 90%;
	height: 4px;
	bottom: -12px;
	left: 9px;
}

.grn-clr {
	color: #73bf44 !important
}

.grn-clr span {
	font-size: 50px;
	font-weight: 700;
	color: #73bf44;
	margin-bottom: 0px;
}

.socialdiary-heading h2 {
	color: #294b9d;
	font-size: 38px;
	font-weight: 600;
	line-height: 40px;
	font-family: "Open Sans";
}

p .txt-teal {
	color: #005e60;
	font-size: 20px;
}

.prd_dt figure:hover img {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	opacity: 0;
}

.ani_layer {
	opacity: 0;
	background: #294b9d;
	position: absolute;
	top: 50%;
	height: 5px;
	width: 5px;
	/* transform: scale(1.5); */
	transform: translate(-50%, -50%);
	left: 50%;
	transition: all 1.1s ease 0s;
}

.ani_layer_1 {
	opacity: 0;
	background: #005e60;
	position: absolute;
	top: 50%;
	height: 5px;
	width: 5px;
	/* transform: scale(1.5); */
	transform: translate(-50%, -50%);
	left: 50%;
	transition: all 1.1s ease 0s;
}

.offering-1 .dt_wrap:hover .ani_layer,
.offering-2 .dt_wrap:hover .ani_layer_1,
.offering-3 .dt_wrap:hover .ani_layer_3,
.offering-4 .dt_wrap:hover .ani_layer_4,
.offering-5 .dt_wrap:hover .ani_layer_5 {
	opacity: 1;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transform: translate(0%, 0%);
	transition: all 1.1s ease 0s;
}

.news-events .img-zoom img {
	transition: all 1.1s ease 0s;
}

.news-events .img-zoom figure:hover img {
	transform: scale(1.1);
}

.inner-solution {
	max-width: 100%;
	width: 1350px;
	margin: 0px auto;
}