{{{region name="page_top"}}}
{{{page.content}}}
{{{region name="page_middle"}}}
<div class="container">
	<div class="content-top benefits-content">
		<div class="content-title">
			<span>{{lang 'careers.benefits.title'}}</span>
		</div>
	</div>
</div>
<div class="benefits-wrapper">
	<div class="benefits-banner">
		<div class="banner-content gradient-bg-green">
			<!-- <div class="benefits-img"><img src="{{cdn 'assets/img/careers/b-1.jpg'}}" alt=""></div> -->
			<div class="benefits-img"><img src="{{cdn (lang 'careers.benefits.banner.1')}}" alt=""></div>

			
			<div class="benefits-content">
				<div class="benefits-title"><span>{{lang 'careers.benefits.desc.1'}}</span></div>
				<div class="benefits-desc"><span>{{lang 'careers.benefits.desc.2'}}</span></div>
			</div>

		</div>
	</div>
	<div class="benefits-banner">
		<div class="banner-content gradient-bg-green">
			<!-- <div class="benefits-img"><img src="{{cdn 'assets/img/careers/b-2.jpg'}}" alt=""></div> -->
			<div class="benefits-img"><img src="{{cdn (lang 'careers.benefits.banner.2')}}" alt=""></div>
			<div class="benefits-content">
				<div class="benefits-title"><span>{{lang 'careers.benefits.desc.3'}}</span></div>
				<div class="benefits-desc"><span>{{lang 'careers.benefits.desc.4'}}</span></div>
			</div>
		</div>
	</div>
</div>
<div class="bottom-media" style="border-top: 10px solid #9bae87">
	<div class="media-container">
		<img src="/product_images/uploaded_images/company-banner-1.jpg?t=1609966813&_ga=2.208347026.1453503515.1615220492-87928980.1614990361" alt="">
	</div>
</div>