@extends('layouts.master')

@section('content')



<section class="page-header">
					<div class="container">
						 
						<div class="row">
							<div class="col-md-12">
								<h1  style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">@lang('msg.env_sus_')</h1>
							</div>
						</div>
					</div>
				</section>

				 
				<div class="container" dir= {{ session()->get('lang') == 'en'? 'ltr':'rtl' }}>
					<div class="row pt-xl">

						<div class="col-md-12">

 							<p class="lead">
							@lang('msg.env_sus1')  
						    </p>

							<p class="lead">
							@lang('msg.env_sus2')  
								 
							</p>


							<div class="divider divider-primary divider-small mb-x1" >
								<hr style="    width: 200px;">
							</div>

							<p class="lead" style="font-weight:400"> @lang('msg.env_sus3') </p>
							
							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
							<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}" >
									<img src="img/1.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}" >
									<h4 class="mb-sm"></h4>
									<h4> @lang('msg.env_sus4') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>
							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="200">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/2.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>
									<h4> @lang('msg.env_sus5') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>
							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="400">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/3.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"></h4>

									<h4> @lang('msg.env_sus6') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>
							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="600">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/4.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"></h4>
									<h4> @lang('msg.env_sus7') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>
							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="800">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/5.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>

									<h4> @lang('msg.env_sus8') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>
							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1000">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/6.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>
									<h4> @lang('msg.env_sus9') </h4>
									<a class="mt-md" href="#"> <i class="fa"></i></a>
								</div>
							</div>

							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1200">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/7.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>
									<h4> @lang('msg.env_sus10') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>


							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1400">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/8.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>
									<h4> @lang('msg.env_sus11') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>

							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1600">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
									<img src="img/9.png" alt="" />
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>
									<h4> @lang('msg.env_sus12') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>


							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="1800">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
								<div style="background-color: #2980b9;border-radius: 50%;height: 67px;width: 67px;">
								     	<h1 style="  padding: 10px;color: #FFF;font-weight: 800;"> 10 </h1>
								 </div>	
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>
									<h4> @lang('msg.env_sus13') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>

							<div class="feature-box feature-box-style-2 mb-xl pt-xl appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="2000">
								<div class="feature-box-icon" style=" float:{{session()->get('lang') == 'en'? 'left':'right'}}">
								<div style="background-color: #2980b9;border-radius: 50%;height: 67px;width: 67px;">
								     	<h1 style="  padding: 10px;color: #FFF;font-weight: 800;"> 11 </h1>
								 </div>	
	 
								</div>
								<div class="feature-box-info ml-md" style=" margin-right:{{session()->get('lang') == 'en'? '1px':'100px'}}">
									<h4 class="mb-sm"> </h4>
									<h4> @lang('msg.env_sus14') </h4>
									<a class="mt-md" href="#">  <i class="fa"></i></a>
								</div>
							</div>



						</div>

						 
					</div>


					<hr class="tall">
					 


			



				</div>
		
			

@endsection