@extends('layouts.client_template')
@section('content')

<style>
	.Deposit_section {
    	margin-bottom: 0px !important;
		background: #ffffff !important;
	}
	
	footer {
		margin-top: 0px !important;	
	}
	.deposit_box {
    	background-color: #ffffff !important;
		box-shadow: 1px 1px 10px 0px rgb(51 51 51 / 44%) !important;
	}
</style>
	
	<main>
		<!-- start Deposit section -->
		<section class="Deposit_section spacer">
			<div class="main_Deposit_S container">
			<div class="row align-items-center">
				<div class="col-lg-5 PageTitle">
					<h2 class="text-black">Deposit</h2>
					<p >Invest in opportunities. Simply fill your Forex account and enter into the world of trading opportunities.</p>
					<div class="deposit_vector">
						<img src="{{asset('images/deposite_vector.png')}}" alt="">
					</div>
				</div>
				<div class="col-lg-7 deposit_contant text-center ps-lg-4">
				<div class="row">
					<div class="col-lg-4 col-sm-6 p-0">
						<a href="{{ url('/client/deposit') }}">
							<div class="deposit_box">
								<div class="deposit_bimg">
								<img src="{{asset('images/bank_transfer.png')}}" alt="">
								</div>
								<p class="text-black">Bank Transfer</p>
							</div>
						</a>
					</div>
					<div class="col-lg-4 col-sm-6 p-0">
						<a href="{{ url('/client/cashdeposit') }}">
							<div class="deposit_box">
								<div class="deposit_bimg">
								<img src="{{asset('images/cash.png')}}" alt="">
								</div>
								<p class="text-black">Cash Deposit</p>
							</div>
						</a>
					</div>
					<div class="col-lg-4 col-sm-6 p-0">
						<a href="{{ url('/client/depositwallet') }}">
							<div class="deposit_box">
								<div class="deposit_bimg">
								<img src="{{asset('images/wallet_deposit.png')}}" alt="">
								</div>
								<p class="text-black">Wallet Deposit</p>
							</div>
						</a>
					</div>
					
				</div>
				</div>
			</div>
			</div>
		</section>
		<!-- end Deposit section -->
	</main>

    
@endsection