@import url('https://fonts.googleapis.com/css2?family=Saira:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700&family=Saira:wght@300;400;500;600;700&display=swap');
html 								{ scroll-behavior: smooth;}
body								{background: #fff  font-family: 'Saira', sans-serif;}
*									{ padding:0px; margin:0px;}
img									{ max-width:100%; height:auto;}
p									{ margin-bottom:0px;}
h1									{}
h2									{}
h3									{}
h4									{color:#00932c;}
h5									{ color:#00932c; }
a									{ text-decoration:none !important;}
a:hover {color: #000;}
ul									{ list-style:none;}
li 									{ list-style: none;color:#00ca3c;}
input,select,button:focus 			{ box-shadow: none;outline: none;}
.form-control:focus					{ box-shadow: none;background: #f4f4f4;border-color:#ced4da; }
.btn.focus, .btn:focus 				{outline: 0; box-shadow:none;}
.header-date 						{ background: #00ca3c; padding: 5px 0px;}
.size-end 							{ margin-bottom: 0px;}
.size-end li 						{ background: #fff;
    display: inline-block;
    margin-left: 2px;
    width: 28px;
    height: 28px;
    text-align: center;
    padding-top: 1px;border-radius: 3px;cursor: pointer;}
.font-sizes 						{text-align: right;}
.dropdown-menu 						{top: 35px !important;}
.header-slide 						{ position: relative;}
.header1 							{ position: absolute; width: 100%;z-index: 10;}
.my-container  						{ max-width:98%; margin:auto;}
.top-bar 							{ background: none;}

.con-details li 					{ font-weight: 400; font-size: 14px;color: #fff; float: right; width:25%;padding-top: 15px; }
.con-details li i 					{ color: #00ca3c;}
.con-details li a 					{ color: #fff;font-size: 14px;}
.con-details li span 				{ color: #fff;font-size: 14px;}

.blog p {
   color: #848484;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 30px;
}
.blog a {
    color: #252525;
    font-size: 14px;
    font-weight: 700;
}
.blog a i {
    margin-right: 10px;
}
.featured-news2 {
    padding-bottom: 40px;
    padding-top: 60px;
}
.featured-section2 img {
    border-radius: 10px;
}
.featured-news2 h2 {
    font-size: 26px;
    color: #666666;
    padding: 20px 0px;
}
.featured-section2 p {
    color: #898989;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding-bottom: 20px;
}
.view li { float:left; margin-right:15px;}

.view li i { padding-right:8px;}
.logo-header 						{    display: table;
    float: left;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #1bbce8;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 170px;
    height: 108px;
    position: absolute;
    z-index: 9;}
.header-skew:before, .header-skew:after { background-color: #fff;
    content: "";
    position: absolute;
    top: -30px;
    height: 116%;
    z-index: -1;
}
.header-skew:before 				{border-right: 7px solid #212427;
    right: -50px;
    width: 120%; -webkit-transform: skew(-30deg);-moz-transform: skew( -30deg); -o-transform: skew( -30deg);-ms-transform: skew( -30deg);transform: skew(-30deg);}
.logo-header > a 					{display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -18px;}
.header-skew:after 					{right: 10%; width: 2000px;}

.header-nav 						{position: relative;padding: 0;}
.main-nav ul 						{ margin-left: 60px;}
.navbar-nav .nav-link   			{font-size: 16px; font-weight: 500; color: #fff !important;} 
.dropdown-item:hover {
    color: #ffffff;
    background-color: #00ca3c;
}
.sticky-wrapper 					{ background: #00ca3c;}
.sticky 							{ position: fixed;top: 0 ;width: 100%;}
.wh-text 							{ background: #00ca3c; width: 30%;float: left; text-align: right; padding-right: 20px;position: relative; } 
.wh-text p 							{ padding: 10px 0px;font-size: 20px; color: #fff; font-weight: 600;padding-right: 55px;}
.wh-shape 							{ width: 0;height: 0; border-top: 50px solid #00ca3c;border-right: 50px solid #fff;position: absolute;right: 0px;}
.my-marquue 						{ width: 70%;float: left;}
.my-marquue ul 						{ margin-bottom:0px;}
.my-marquue ul li 					{ display: inline-block;padding-top: 13px;margin-right: 15px;}
.my-marquue a 						{ color: #333;}
.my-marquue a:hover 				{ color: #00ca3c;}
.my-marquue a span 				{ display: inline-block; background: #cc0000; color: #fff; padding: 0px 8px; border-radius: 5px; margin-right: 5px;font-size: 12px;} 		 

.heading-border 					{ border:1px solid #21292e;}
.welcome 							{ padding: 40px 0px; padding-top: 60px;}
.welcome h2 						{ font-size:30px; font-weight: 400; color: #21292e; display: inline-block; background:#f5f5fd;padding: 0px 15px;
    position: relative; top: -19px;}
.welcome h2 span 					{color: #974b3f; font-weight: 700;}
.welcome p 							{ font-size: 16px; color: #333; padding: 0px 0px 15px 15px;line-height: 33px;}

.about-skew							{display: block; position: relative; width: 393px;padding-bottom: 0%;transform-origin: 0 133%;transform: skewX(
-30deg) translatez(1px); overflow: hidden;}
.about-skew:before					{content: '';position: absolute;width: 150%;height: 103%;background-image: url(../images/about-slide.jpg);background-size: cover;background-position: center; transform-origin: inherit;transform: skewX(30deg);}



.devision 							{ background: url("../images/divison-bg.jpg") no-repeat center; background-size: cover; padding: 60px 0px;}

.divison-heading 					{ padding-left: 0px; background:#21292e;margin-bottom: 50px;}
.di-text							{ background: #00ca3c; width: 26%;float: left; text-align: right; padding-right: 20px;position: relative;}
.di-shape 							{ width: 0;height: 0; border-top: 66px solid #00ca3c;border-right: 67px solid #21292e;position: absolute;right: 0px;}
.di-text p 							{ padding: 15px 0px;font-size: 24px; color: #fff; font-weight: 600;padding-right: 55px;}
        
.parallelogram-button {position: relative; padding: 8px 20px; border: 0; margin-bottom: 25px;margin-left: 25px; background: transparent; font-size: 18px;color: white; display: inline-block;z-index: 1;}

  .parallelogram-button:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    background: #00ca3c;
    transform: skew(-30deg);
  
}
#owl-demo .item 		{ float:left;}
.divison-content 		{ background: #fff; margin: 0px 10px; text-align: center; position:relative;padding-top: 65px;}
.divison-content h5 	{ font-size: 18px; color: #333;min-height: 45px; padding: 0px 20px; margin-top:20px;}
.cimage-fit 			{ width: 120px; height: 120px; text-align: center;box-shadow: 0 0 15px 0 rgb(0 0 0 / 18%); border-radius: 50%;position: absolute;top: -56px;right: 34%; background: #fff; overflow: hidden;border: 4px solid #00ca3c;}
.cimage-fit img 		{ width: 85px;padding-top: 13px;}
.fac-name 				{padding: 0px 20px 20px 20px;min-height: 155px;}
 
.gallery 							{ padding: 35px 0px;}
.gallery h2 						{ margin-bottom: 30px;  background-repeat: no-repeat; padding-bottom: 10px;color: #00cc4c;font-size: 30px;}

.international 			{}
.international h2 		{ font-size: 24px; color: #333; font-weight: 600; margin-bottom: 20px;}
.international p 		{ font-size: 18px;
    color: #666666;
    font-weight: 300;
    background: url(../images/small-arrow.png) no-repeat top left;
    padding-left: 18px;
    background-position: 0px 10px;
    margin-bottom: 12px;
    line-height: 33px;}
.national 			{}
.national h2 		{ font-size: 24px; color: #333; font-weight: 600; margin-bottom: 20px;}
.national p 		{ font-size: 18px;
    color: #666666;
    font-weight: 300;
    background: url(../images/small-arrow.png) no-repeat top left;
    padding-left: 18px;
    background-position: 0px 10px;
    margin-bottom: 12px;
    line-height: 33px;}

.news 							{ padding: 40px 0px; padding-top: 60px;}
.news h2 						{ font-size:22px; font-weight: 600; color: #333333; display: inline-block; padding: 0px 15px; float: left; margin-bottom: 28px;padding-left: 0px;}
.news-left {
    float: left;
    width: 120px;
}
.news-pic {
    background: #000;
    width: 110px;
    height: 80px;
    border-radius: 5px;
}
.news-right 						{float: right;width: 100%;}
.news-right p 						{font-size: 16px !important; line-height: 26px !important; font-weight: 400;padding-top: 0px;}
.latest-news 						{ margin:10px; background: #fff;padding: 10px 0px;}
.latest-news li 					{ margin: 10px 0px;border-bottom: 1px solid #cacaca;padding: 10px;}
.latest-news li:nth-child(3) 		{ border-bottom:0px;}
.news-right h3 						{ color:#00ca3c; font-size:17px; font-weight:600; margin-bottom: 0px;}
.news-date 							{ font-size:16px; font-weight:400;color:#974b3f; font-style:italic}
.newsevents-date					{ background:#00ca3c; text-align:center;}
.news-left1 						{float: left; width: 85px;}
.newsevents-date 					{ font-size:22px; color:#fff; }
.n-year 							{ font-size: 18px;color: #fff;background: #006a1f;padding: 8px 0px;}
.upcoming-news						{ margin:10px;padding-top: 0px;}
.upcoming-news li 					{ padding: 25px;background: #fff; margin-bottom: 20px;}
.upcoming-news li:nth-child(2) 		{ margin-bottom:0px;}
.footer								{ background: url("../images/footer-bg.jpg") no-repeat bottom center; padding: 25px 0px;}
.footer h2 							{ color: #fff;font-size: 24px;}
.footer ul li 						{}
.footer p 							{ color: #fff; margin-top: 12px;}
.footer a 							{ background: url("../images/white-arrow.png") no-repeat left; color: #fff;padding-left: 14px;margin-bottom: 12px;display: inline-block;}
.footer-links 						{ padding: 40px 0px;}
.footer-border 						{ border: 1px solid #fff; padding: 20px;}
.ficon1								{  background: url("../images/location.png") no-repeat top left; padding-left: 30px; color: #fff;}
.ficon2								{  background: url("../images/phone.png") no-repeat top left; padding-left: 30px; color: #fff; }
.ficon3								{  background: url("../images/fax.png") no-repeat top left; padding-left: 30px; color: #fff; }
.ficon4								{  background: url("../images/mail.png") no-repeat top left; padding-left: 30px; color: #fff; }
.copyright 							{ border-top:1px solid #00ca3c; text-align:center;}


@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.innerimage-text {position: absolute;bottom: 40px;color: #fff; width: 100%;text-align: center;}
.innerimage-text h2 { font-size:42px;}

.login { padding: 50px 0px;}
.login-box  {    max-width: 500px;margin: auto;border: 1px solid #ccc;padding: 30px 20px; border-radius:5px;}
.login label { display: block; font-size: 20px;}
.login input[type=text] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none; margin-bottom: 20px; background: #eaeaea;}
.login input[type=password] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none; }
.login a { font-size:20px; color:#00ca3c; display:inline-block; margin-top:15px;}
.login input[type=submit] { height: 50px;width:100%; border-radius:50px; border:none; font-size:20px; background:#00ca3c; color:#fff; margin-top:15px; }
.about-us 		{ padding: 40px 0px;}

.about-us h2 	{ margin-bottom: 30px; background-repeat: no-repeat; padding-bottom: 10px;color: #00cc4c;font-size: 30px;}
.about-us h4 	{ margin-bottom: 20px;}
.about-us a:hover { color:#00cc4c !important; }
.about-us ul li { padding-bottom: 10px; background: url("../images/green-tick.png") left; background-repeat: no-repeat;padding-left: 32px;
    background-position: 0px 0px; background-size: 24px; color: #717171;font-weight:400;}
.about-us p     { padding-bottom: 20px;color: #717171;line-height: 30px; text-align:justify;}
.about-us p img     { margin: 10px;}
.chairman 		{ text-align: right;}
.chairman h4 	{ color: #00ca3c; margin-bottom: 10px;} 



.services 		{ padding: 40px 0px;}
.services h2 	{ margin-bottom: 30px; background: url("../images/heading-border.jpg") bottom left; background-repeat: no-repeat; padding-bottom: 10px;}
.services ul li { padding:20px;color: #717171; width: 25%; border:1px solid #ccc; margin-right: -1px; float:left;text-align:center;}
.services ul li:hover { background: #fff;} 
.services p     { padding-top: 20px;color: #717171;}

.plant 		{ padding: 40px 0px;}
.plant h2 	{ margin-bottom: 30px; background: url("../images/heading-border.jpg") bottom left; background-repeat: no-repeat; padding-bottom: 10px;}
.plant ul li { padding-bottom: 10px; background: url("../images/green-tick.png") left; background-repeat: no-repeat;padding-left: 32px;
background-position: 0px 0px; background-size: 24px; color: #717171}
.clients 	{}
.clients li { float:left; width:20%; border:1px solid #ccc; margin-right:-1px; background:none !important; padding:0px !important;margin-bottom:-1px;}
.rti h5 		{ text-align:center; max-width:750px; margin:auto; margin-bottom:20px; font-weight: 700}
.rti p strong  		{ color:#00ca3c;}
.rti p i  		{ color:#00ca3c;}
.envis 				{}
.envis a 		{  color: #717171;}
.envis a:hover{    color: #00ca3c;}
.tender-list 		{}
.tender-list tr th     { background: #00ca3c; color: #fff;padding: 8px;}
.tender-list tr td     {  color: #717171; padding: 8px;}
.application {}
.application p a { color:#00ca3c;}
.downloads {}
.downloads ul li a { color:#717171;}
.downloads ul li a:hover { color:#00ca3c;}
.on-form      { padding:40px 0px;}
.on-form h2{margin-bottom: 30px; background: url(../images/heading-border.jpg) bottom left; background-repeat: no-repeat; padding-bottom: 10px;}
.on-form label { display: block; font-size: 16px;}
.on-form input[type=text] { height: 35px;width:100%; padding-left: 15px; border-radius:5px; border:none; margin-bottom: 20px;background: #eaeaea; color:#000}
.login input[type=password] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none;background: #eaeaea; }
.on-form a { font-size:20px; color:#00ca3c; display:inline-block; margin-top:15px;}
.on-form input[type=submit] { height: 50px;width:100%; border-radius:50px; border:none; font-size:20px; background:#00ca3c; color:#fff; margin-top:15px; }
.tender-list input[type=text] { margin-bottom:0px;}
.on-form textarea { width:100%;}

.slider {    margin-top: 0px; border-top: 4px solid #eb8e06;}
.header-top {margin-bottom: 40px;margin-top: 11px;}
.menu { z-index: 999;
    position: absolute;
    width: 100%;
    top: -28px;
}
.my-color {background:#eb8e06;}
.m-download a { color:#fff}
.m-download a { color:#fff;font-size: 16px; font-weight: 500; }
.h-icon { background:#eb8e06; width:40px; height:40px; border-radius:50%; text-align:center; padding-top:7px; float:left;}
.h-text { float:left; margin-left: 15px;}
.h-text p { font-size: 14px;}
.email-phone li { float:left; margin-left:20px;}
.sectors { background:url("../images/leaf-bg.jpg") no-repeat top center; }
.sectors h2 { text-align: center; margin-top: 20px;}
.s-heading { text-align: center; margin-bottom:20px;}
.h-text1 { float:right;width: 74%; margin-right: 15px;}
.h-text1 p { font-size: 14px;}
.h-icon1 { background:#none; width:60px; height:60px; border-radius:50%; text-align:center; padding-top:7px; float:right; border:1px solid #6b6b6b; text-align: center}
.h-icon1 img { width:37px;padding-top: 3px;}
.h-text1 a { color: #eb8e06; font-size: 14px;}
.sec1 { text-align:right; margin-bottom:20px;}
.h-text2 { float:left;width: 74%; margin-left: 15px;}
.h-text2 p { font-size: 14px;}
.h-icon2 { background:#none; width:60px; height:60px; border-radius:50%; text-align:center; padding-top:7px; float:left;border:1px solid #6b6b6b;text-align: center}
.h-icon2 img { width:37px;padding-top: 3px;}
.h-text2 a { color: #eb8e06; font-size: 14px;}
.sec2 { text-align:left; margin-bottom:20px;}
.sec-list { margin-top:50px;}
.pad { padding:0px;}
.about-services { background:#fff;}
.as-content {    padding: 0px 20px 40px 20px;}

.about-services h2 {color:#fff;}
.about-services h2 span { color:#eb8e06}
.about-services p {color:#fff; font-size: 16px; padding-top:20px; padding-bottom:20px; text-align:justify !important; }
.tab-content{} 
.r-button {padding: 8px 20px;border: 0;font-size: 18px;color: #fff; background:#eb8e06e; margin-top:25px;margin-top: 12px;
    display: inline-block;}

/*-event-scroller-*/
#wrapper{
}
#wrapper a, #footer a{color:#e8914c; text-decoration:none; border-bottom:1px dotted #e8914c;}
		#wrapper a:hover, #footer a:hover{color:#eab209; border-bottom:1px dotted #eab209;}

#vertical-ticker{
	height:450px;
	overflow:hidden;
	margin:0; padding:0;
}
#vertical-ticker li{
		display:block;
	}
/*-event-scroller-*/

.r-button1 {padding: 8px 20px;border: 0;font-size: 14px;color: #fff; background:#eb8e06;
    display: inline-block;float:right;}

.contact-us 						{ padding:50px;}
.contact-us h2 						{ font-size:32px; font-weight:600; color:#000000; text-transform: uppercase; padding-bottom: 20px;}
.c-location 						{ margin-bottom: 30px;}
.c-location h4 						{ font-size: 22px;color: #00ca3c;}
.c-location p 						{ font-size: 16px;color: #666666;}
.c-location i 						{
    padding-right: 15px;
	color: #00ca3c;}

.c-phone {
    margin-bottom: 30px;
}
.c-phone h4 {
    font-size: 22px;
    color:#00ca3c;
}
.c-phone p {
    font-size: 16px;
    color: #666666;
}
.c-phone i {
    padding-right: 15px;
    color: #00ca3c;
}
.c-email {
    margin-bottom: 30px;
}
.c-email h4 {
    font-size: 22px;
    color: #00ca3c;
}
.c-email p {
    font-size: 16px;
    color: #666666;
}
.c-email i {
    padding-right: 15px;
    color: #00ca3c;
}
.appoint-send 		{border:none;color: #000; font-size: 20px; font-weight: 400; padding: 12px 35px; background: #00ca3c; border-radius:30px;  display: inline-block;}
.appoint-send:hover {background: #353535 !important;color: #FFFFFF !important;}
.contact-us input[type=text] { background: #f8f8f8; border-radius:0px;}
.contact-us input[type=email] { background: #f8f8f8; border-radius:0px;}
.contact-us textarea { background: #f8f8f8; border-radius:0px;}

.l1 h2 { font-size:20px; font-weight: 700; }
.l1 p { font-size: 16px;color: #000; padding-bottom:5px;}
.l1 p span { color: #333; font-weight:500;}
.l1 { background:#eb8e06; padding:8px;    min-height: 177px; margin-bottom: 10px;}
.l2 { background:#fff; padding:8px; border:1px solid #cacaca;    min-height: 177px;margin-bottom: 10px;}
.l2 h2 {font-size: 20px;font-weight: 600;color: #00ca3c;}
.l2 p { font-size: 16px;color: #000; padding-bottom:5px;}
.l2 p span { color: #333; font-weight:500;}
.blog {
    padding: 70px 0px;
}
.news-blog {
    margin-bottom: 30px;
    position: relative;
}
.blog img {
    width: 100%;
    height: 199px;
}
.hov-text {
    position: absolute;
    right: 27px;
    top: 22px;
    min-width: 70px;
    background-color: #fff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.hov-text ul {
    margin-bottom: 0px;
}
.hov-text li {
    position: relative;
    padding: 15px 0;
    text-align: center;
    color: #252525;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
    font-family: 'Poppins',sans-serif;
}
.lower-content {
    padding: 30px 25px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 5px rgb(242 242 242 / 80%);
}
.blog h1 {
margin-bottom: 25px;
/*  background: url("../images/heading-border.jpg") bottom left; */
 background-repeat: no-repeat; padding-bottom: 10px;color: #00cc4c;font-size: 30px;}
.blog h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #2ea51f;
    line-height: 25px;
}
.blog p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: 25px;
}
.blog a {
    color: #fe8900;
    font-size: 14px;
    font-weight: 700;
}
.blog a i {
    margin-right: 10px;
}
.nav-pills .nav-link {
    color: #333;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff;
    background-color: #eb8e06;
    border-radius: 0px;}
.r-button2 {
    padding: 4px 12px;
    border: 0;
    font-size: 14px;
    color: #fff;
    background: #eb8e06;
    display: inline-block;
    float: left;
}
.img-gallery-magnific ul li { float:left; width:18%; margin:1%;}
.gallery ul li a{overflow: hidden;height: 140px; display: inline-block;font-size: 14px;
    color: #00ca3c;}
	.gallery ul li a img{object-fit: cover; height: 100%; width: 100%;	}
	
	.about-text2 { background: url("../images/about-servicesnew.jpg") no-repeat top left; padding:40px;}