<!DOCTYPE html>
<html xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      oncontextmenu = 'return false;'
      xsi:schemaLocation="http://www.thymeleaf.org"
      lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Alpha Commercial Bank PLC.">
    <meta name="keywords" content="best bank,top bank,housing loan,home loan,business term loan,overdraft loan,short loan,best home loan,personal loan,current account,best bank service,alpha bank,fixed deposit,saving account,list of bank">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title id="title">404 | Not Found</title>
    <link href="/assets/img/logo/favicon.png" rel="icon">
    <link href="https://fonts.googleapis.com" rel="preconnect">
    <link href="https://fonts.gstatic.com" crossorigin rel="preconnect">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Khmer:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Khmer:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
    <link href="/assets/lib/font-awesome-6.2.0/css/all.min.css" rel="stylesheet">
    <link href="/assets/lib/bootstrap-icons-1.9.1/bootstrap-icons.css" rel="stylesheet">
    <link href="/assets/lib/animate/animate.min.css" rel="stylesheet">
    <link href="/assets/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="/assets/lib/lightbox2-2.11.3/dist/css/lightbox.min.css" rel="stylesheet">
    <link href="/assets/lib/bootstrap-5.2.1/css/en/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/style.css" rel="stylesheet">
    <script src="/assets/lib/jquery-3.6.1/jquery-3.6.1.min.js"></script>
    <script src="/assets/lib/bootstrap-5.2.1/js/bootstrap.min.js"></script>
</head>
<body>
    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border position-relative text-primary" style="width: 6rem; height: 6rem;" role="status"></div>
        <i class="fa fa-laptop-code fa-2x text-primary position-absolute top-50 start-50 translate-middle"></i>
    </div>
    <div class="container-fluid bg-light px-0 wow fadeIn mt-1 pb-1" data-wow-delay="0.1s">
  <div class="row gx-0 align-items-center">
    <div class="col-lg-4 px-5 text-start">
      <ol class="breadcrumb mb-0 pt-1">
        <li class="breadcrumb-item"><a class="small text-secondary data-link" data-text="Home" href="" data-url="info"><i class="fas fa-home"></i>&nbsp;&nbsp;Home</a></li>
        <li class="breadcrumb-item"><a class="small text-secondary data-link" data-text="Careers" href="" data-url="career/opportunity/info"><i class="fas fa-briefcase"></i>&nbsp;&nbsp;Careers</a></li>
        <!--<li class="breadcrumb-item"><a class="small text-secondary data-link" th:data-text="#{nav.top.terms}" href="" data-url="policy/terms-of-use/info"><i class="fas fa-window-restore"></i>&nbsp;&nbsp;<span th:text="#{nav.top.terms}" th:remove="tag"></span></a></li>-->
        <li class="breadcrumb-item"><a class="small text-secondary data-link" data-text="Contact Us" href="" data-url="profile/contact-us/info"><i class="fas fa-phone-volume"></i>&nbsp;&nbsp;Contact Us</a></li>
      </ol>
      <div class="nav-item dropdown d-lg-none -mr-4 float-right" style="margin-top: -1.45rem;z-index: 99999 !important;">
        <a href="#" class="nav-link-lang nav-link dropdown-toggle" data-bs-toggle="dropdown">
          <img class="flag-img media-object flag-lang" alt="" title="English" src="/assets/img/flag/en.png"/>
        </a>
        <div class="dropdown-menu dropdown-menu-lang border-0 rounded-0 rounded-bottom -mt-6 z-50">
          
            <a data-lang="kh" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Khmer', sans-serif !important;" href="/kh/news/detail/1"><img class="flag-img media-object flag-lang" alt="" title="ភាសាខ្មែរ" src="/assets/img/flag/kh.png"/>&nbsp; ភាសាខ្មែរ</a>
          
          
          
            <a data-lang="cn" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Simplified Chinese', sans-serif !important;" href="/cn/news/detail/1"><img class="flag-img media-object flag-lang" alt="Chinese" title="Chinese (Simplified)" src="/assets/img/flag/cn.png"/>&nbsp; 中文</a>
          
        </div>
      </div>
    </div>
    <div class="col-lg-8 px-5 text-end d-none d-lg-block">
      <small>Follow Us:</small>
      <div class="h-100 d-inline-flex align-items-center">
        <a class="social-media btn-square text-secondary border-end rounded-0" href="https://www.facebook.com/Alpha.Commercial.Bank.Cambodia/" target="_blank"><i class="fab fa-facebook-f"></i></a>
        <a class="social-media btn-square text-secondary border-end rounded-0" href="https://www.linkedin.com/company/alphacommercialbank" target="_blank"><i class="fab fa-linkedin-in"></i></a>
        <!--<a class="social-media btn-square text-secondary border-end rounded-0" th:href="@{${app.get('social-media').get('line')}}" target="_blank"><i class="fab fa-line"></i></a>-->
        <a class="social-media btn-square text-secondary border-end rounded-0" href="https://t.me/ACBankCareerOpportunities" target="_blank"><i class="fab fa-telegram-plane"></i></a>
        <a class="social-media btn-square text-secondary pe-0 border-end" href="https://www.youtube.com/@alphacommercialbank" target="_blank"><i class="fab fa-youtube"></i></a>
        <div class="nav-item dropdown">
          <a href="#" class="nav-link-lang nav-link dropdown-toggle" data-bs-toggle="dropdown">
          <!--<a href="#" class="nav-link-lang nav-link">-->
            <img class="flag-img media-object flag-lang" alt="" title="English" src="/assets/img/flag/en.png"/> English&nbsp;
          </a>
          <div class="dropdown-menu dropdown-menu-lang border-0 rounded-0 rounded-bottom m-0">
            
              <a data-lang="kh" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Khmer', sans-serif !important;" href="/kh/news/detail/1"><img class="flag-img media-object flag-lang" alt="" title="ភាសាខ្មែរ" src="/assets/img/flag/kh.png"/>&nbsp; ភាសាខ្មែរ</a>
            
            
            
              <a data-lang="cn" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Simplified Chinese', sans-serif !important;" href="/cn/news/detail/1"><img class="flag-img media-object flag-lang" alt="Chinese" title="Chinese (Simplified)" src="/assets/img/flag/cn.png"/>&nbsp; 中文</a>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

    <div class="container-fluid py-4 px-5 wow fadeIn d-lg-block d-none" data-wow-delay="0.1s">
  <div class="row align-items-center top-bar">
    <div class="col-lg-4 col-md-12 mb-4 mb-lg-0 text-center text-lg-start">
      <a href="" class="navbar-brand m-0 p-0">
        <img src="/assets/img/logo/logo-text.png" class="banner" alt="Logo">
      </a>
    </div>
    <div class="col-lg-8 col-md-7">
      <div class="row">
        <div class="col-12 col-lg-5 fs-small ps-6 ps-lg-0 mb-2">
          <div class="d-flex align-items-center justify-content-start justify-content-lg-end">
            <div class="flex-shrink-0 btn-lg-square border border-primary rounded-circle text-primary">
              <i class="far fa-clock text-primary"></i>
            </div>
            <div class="ps-3">
              <p class="mb-2">Opening Hour</p>
              <a href=""><h6>Mon - Fri, 8:00am - 3:30pm</h6></a>
            </div>
          </div>
        </div>
        <div class="col-12 col-lg-3 fs-small ps-6 ps-lg-0 mb-2">
          <div class="d-flex align-items-center justify-content-start justify-content-lg-end">
            <div class="flex-shrink-0 btn-lg-square border border-primary rounded-circle text-primary">
              <i class="fa fa-phone text-primary"></i>
            </div>
            <div class="ps-3">
              <p class="mb-2">Call Us</p>
              <a href="tel:023886668"><h6>+855 61 666 811</h6></a>
            </div>
          </div>
        </div>
        <div class="col-12 col-lg-4 fs-small ps-6 ps-lg-0">
          <div class="d-flex align-items-center justify-content-start justify-content-lg-end">
            <div class="flex-shrink-0 btn-lg-square border border-primary rounded-circle">
              <i class="far fa-envelope text-primary"></i>
            </div>
            <div class="ps-3">
              <p class="mb-2">Email Us</p>
              <a href="mailto:info@alphabank.com.kh"><h6>info@alphabank.com.kh</h6></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
    <nav class="navbar navbar-expand-lg bg-primary navbar-dark sticky-top py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.1s">
  <!-- Container wrapper -->
  <div class="container-fluid">
    <!-- Toggle button -->
    <a href="/en/" class="navbar-brand ms-3 d-lg-none">
      <img src="/assets/img/logo/logo-text.png" width="200" height="46" alt="">
  </a>
  <button 
      type="button" 
      class="navbar-toggler me-3" 
      data-bs-toggle="collapse" 
      data-bs-target="#navbarCollapse" 
      id="navbar-toggler">
      <i class="fa fa-bars open-icon"></i>
      <i class="fa fa-times close-icon d-none"></i>
  </button>
  
    <!-- Collapsible wrapper -->
     <!-- add auto scroll-y -->
    <div class="collapse navbar-collapse overflow-auto lg:overflow-visible max-h-screen lg:max-h-full" id="navbarCollapse">
      <!-- Left links -->
      <ul class="navbar-nav me-auto ps-lg-0" style="padding-left: 0.15rem;">
        <li class="nav-item home-text">
          <a class="nav-link" href="/en/">Home</a>
        </li>
        <li class="nav-item home-img">
          <a class="nav-link" href="/en/">
            <!--<img src="/assets/img/logo/favicon.png">-->
            <i class="fas fa-home-lg-alt"></i>
          </a>
        </li>
        <!-- Navbar dropdown -->
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" href="#" id="navPersonal" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">Personal</a>
<!-- Dropdown menus -->
<div class="dropdown-menu w-100" aria-labelledby="navPersonal" style="border-top-left-radius: 5px; border-top-right-radius: 5px;">
  <div class="container">
    <div class="row my-4">
      <!-- Deposit Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-coins text-primary"></i>&nbsp;&nbsp; 
            <b>Deposits</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/deposit/current/info">
            <i class="fas fa-caret-right pe-2"></i>Current Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/deposit/savings/info">
            <i class="fas fa-caret-right pe-2"></i>Savings Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/deposit/fixed/info">
            <i class="fas fa-caret-right pe-2"></i>Fixed Deposit
          </a>
        </div>
      </div>

      <!-- Card Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-credit-card text-primary"></i>&nbsp;&nbsp; 
            <b>Cards</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/card/atm-card/info">
            <i class="fas fa-caret-right pe-2"></i>AlphaBank Card
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/card/virtual-card/info">
            <i class="fas fa-caret-right pe-2"></i>Virtual Card
          </a>
        </div>
      </div>

      <!-- Loan Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; 
            <b>Loans</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/credit/home-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Housing Loan
          </a>
        </div>
      </div>

      <!-- Escrow Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush mb-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-shield-halved text-primary"></i>&nbsp;&nbsp; 
            <b>Escrow</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/escrow/escrows/info">
            <i class="fas fa-caret-right pe-2"></i>Escrow Service
          </a>
        </div>
      </div>

    </div>
  </div>
</div>

</li>
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" href="#" id="navCorporate" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">Business</a>
<!-- Dropdown menu -->
<div class="dropdown-menu w-120 rounded" aria-labelledby="navCorporate" style="border-top-left-radius: 0;border-top-right-radius: 0;">
  <div class="container">
    <div class="row my-3 py-1">
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush hidden">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-credit-card text-primary"></i>&nbsp;&nbsp; <b>Cards</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/card.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <!--<div class="d-flex justify-content-between" style="padding: 0 20px;">
            <a href="" class="text-info"><i class="fas fa-plane pe-1"></i>Travels</a>
            <p><u>15.07.2020</u></p>
          </div>-->
          <a data-url="products/corporate/card/virtual-debit/info" class="toggle text-dark btn btn-link text-left " style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">AlphaBank Cards</h5>
            <p class="mb-2">With Debit/Credit cards of AlphaBank, you&#39;ll enjoy every purchase...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-coins text-primary"></i>&nbsp;&nbsp; <b>Deposits</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/current/info">
            <i class="fas fa-caret-right pe-2"></i>Current Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/savings/info">
            <i class="fas fa-caret-right pe-2"></i>Savings Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/fixed/info">
            <i class="fas fa-caret-right pe-2"></i>Fixed Deposit
          </a>
        </div>
          <!-- add escrow servise -->
          <div class="list-group list-group-flush mt-3">
            <p class="mb-0 list-group-item text-uppercase font-weight-bold">
              <i class="fa-solid fa-shield-halved text-primary"></i>&nbsp;&nbsp; <b>Escrow</b>
            </p>
            <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/escrow/escrows/info">
              <i class="fas fa-caret-right pe-2"></i>Escrow Service
            </a>
            
          </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Loans</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/term-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Term Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/revolving-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Revolving Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/overdraft/info">
            <i class="fas fa-caret-right pe-2"></i>Overdraft
          </a>
        </div>
        <!-- Payroll -->
        <div class="list-group list-group-flush mt-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-money-check-dollar text-primary"></i>&nbsp;&nbsp; 
            <b>Payroll</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/payroll/info">
            <i class="fas fa-caret-right pe-2"></i>Payroll Service 
          </a>
        </div>
      </div>
      
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Facilities</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Cash Management
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Funds Transfer
          </a>
          
        </div>
      </div>
    </div>
  </div>
</div>
<div class="dropdown-menu w-100 " aria-labelledby="navCorporate" style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
  <div class="container">
    <div class="row my-4">
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-credit-card text-primary"></i>&nbsp;&nbsp; <b>Cards</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/card.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <!--<div class="d-flex justify-content-between" style="padding: 0 20px;">
            <a href="" class="text-info"><i class="fas fa-plane pe-1"></i>Travels</a>
            <p><u>15.07.2020</u></p>
          </div>-->
          <a data-url="products/corporate/card/virtual-debit/info" class="toggle text-dark btn btn-link text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">AlphaBank Cards</h5>
            <p class="mb-2">With Debit/Credit cards of AlphaBank, you&#39;ll enjoy every purchase...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-coins text-primary"></i>&nbsp;&nbsp; <b>Deposits</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/current/info">
            <i class="fas fa-caret-right pe-2"></i>Current Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/savings/info">
            <i class="fas fa-caret-right pe-2"></i>Savings Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/fixed/info">
            <i class="fas fa-caret-right pe-2"></i>Fixed Deposit
          </a>
       
        </div>
        <!-- add escrow servise -->
        <div class="list-group list-group-flush mt-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-shield-halved text-primary"></i>&nbsp;&nbsp; <b>Escrow</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/escrow/escrows/info">
            <i class="fas fa-caret-right pe-2"></i>Escrow Service
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush mb-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Loans</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/term-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Term Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/revolving-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Revolving Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/overdraft/info">
            <i class="fas fa-caret-right pe-2"></i>Overdraft
          </a>
        </div>
        
        <!-- Payroll -->
        <div class="list-group list-group-flush ">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-money-check-dollar text-primary"></i>&nbsp;&nbsp; 
            <b>Payroll</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/payroll/info">
            <i class="fas fa-caret-right pe-2"></i>Payroll Service 
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Facilities</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Cash Management
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Funds Transfer
          </a>
          <!--<a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/bank-guarantee/info">
            <i class="fas fa-caret-right pe-2"></i><span th:text="#{nav.business.loan.bank-guarantee}" th:remove="tag"></span>
          </a>-->
        </div>
      </div>
    </div>
  </div>
</div></li>
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" href="#" id="navDigitalBanking" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">Digital Banking</a>
<!-- Dropdown menu -->
<div class="dropdown-menu w-100 rounded" aria-labelledby="navDigitalBanking" style="border-top-left-radius: 0;border-top-right-radius: 0;">
  <div class="container">
    <div class="row my-4">
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0 hidden">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fa fa-mobile-phone text-primary"></i>&nbsp;&nbsp; <b>Alpha Bank Mobile</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/mobile-app.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <a data-url="products/digital/app/info" class="toggle text-dark btn btn-link text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">Alpha Bank Mobile</h5>
            <p class="mb-2">Access and manage finances with ease no matter where you are...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; Mobile Features</b>
          </p>
         
          <!-- <a th:href="@{'/'+${lang.get('code')}+'/products/digital/mobile-savings'}" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i><span th:utext="#{nav.app.feature.saving.mobile}" th:remove="tag"></span>
          </a> -->
           <a href="/en/products/digital/app#accManagement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Accounts Management
          </a>
           <a href="/en/products/digital/app#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Transfer
          </a>
          
          <a href="/en/products/digital/app#payment" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Payments
          </a>
          <a href="/en/products/digital/app#forex" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Exchange %
          </a>
          <a href="/en/products/digital/app#loanAppl" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Loan Application
          </a>
          <a href="/en/products/digital/app#qrpay" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>QR Payment
          </a>
          <a href="/en/products/digital/app#cash-to-atm" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash to ATM
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0 hidden">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-bank text-primary"></i>&nbsp;&nbsp; <b>ATM &amp; Cash-In</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/atm.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
   
          <a data-url="products/digital/atm/info" class="toggle text-dark btn btn-link text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">ATM &amp; Cash-In</h5>
            <p class="mb-2">Deposit and/or withdraw cash at any AlphaBank ATM/CRM countrywide...</p>
          </a>
        </div>
      
      </div>
      <div class="col-md-6 col-xl-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; ATM/CRM Features</b>
          </p>
          <a href="/en/products/digital/atm#deposit" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Deposit
          </a>
          <a href="/en/products/digital/atm#withdrawal" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Withdrawal
          </a>
          <a href="/en/products/digital/atm#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Fund Transfer
          </a>
          <a href="/en/products/digital/atm#balance-inquiry" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Balance Inquiry
          </a>
          <a href="/en/products/digital/atm#mini-statement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Mini-statement
          </a>
          <a href="/en/products/digital/atm#pin-change" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>PIN Change
          </a>
          <a href="/en/products/digital/atm#cash-by-code" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash by Code
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="dropdown-menu w-100 " aria-labelledby="navDigitalBanking" style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
  <div class="container">
    <div class="row my-4">
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fa fa-mobile-phone text-primary"></i>&nbsp;&nbsp; <b>Alpha Bank Mobile</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/mobile-app.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <a data-url="products/digital/app/info" class="toggle text-dark btn btn-click text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">Alpha Bank Mobile</h5>
            <p class="mb-2">Access and manage finances with ease no matter where you are...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; Mobile Features</b>
          </p>
           <!-- <a th:href="@{'/'+${lang.get('code')}+'/products/digital/mobile-savings'}" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i><span th:utext="#{nav.app.feature.saving.mobile}" th:remove="tag"></span>
          </a> -->
          <a href="/en/products/digital/app#accManagement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Accounts Management
          </a>
         
           <a href="/en/products/digital/app#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Transfer
          </a>
          
          <a href="/en/products/digital/app#payment" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Payments
          </a>
          <a href="/en/products/digital/app#forex" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Exchange %
          </a>
          <a href="/en/products/digital/app#loanAppl" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Loan Application
          </a>
          <a href="/en/products/digital/app#qrpay" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>QR Payment
          </a>
          <a href="/en/products/digital/app#cash-to-atm" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash to ATM
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-bank text-primary"></i>&nbsp;&nbsp; <b>ATM &amp; Cash-In</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/atm.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
        
          <a data-url="products/digital/atm/info" class="toggle text-dark btn btn-click text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">ATM &amp; Cash-In</h5>
            <p class="mb-2">Deposit and/or withdraw cash at any AlphaBank ATM/CRM countrywide...</p>
          </a>
        </div>
      
      </div>
      <div class="col-md-6 col-xl-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; ATM/CRM Features</b>
          </p>
          <a href="/en/products/digital/atm#deposit" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Deposit
          </a>
          <a href="/en/products/digital/atm#withdrawal" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Withdrawal
          </a>
          <a href="/en/products/digital/atm#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Fund Transfer
          </a>
          <a href="/en/products/digital/atm#balance-inquiry" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Balance Inquiry
          </a>
          <a href="/en/products/digital/atm#mini-statement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Mini-statement
          </a>
          <a href="/en/products/digital/atm#pin-change" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>PIN Change
          </a>
          <a href="/en/products/digital/atm#cash-by-code" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash by Code
          </a>
        </div>
      </div>
    </div>
  </div>
</div></li>
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" id="navNewsMedia" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">News &amp; Media</a>

<!-- Dropdown menu -->
<div class="dropdown-menu w-100 rounded" aria-labelledby="navNewsMedia" style="border-top-left-radius: 0; border-top-right-radius: 0;">
  <div class="container">
    <!-- First Row -->
    <div class="row my-4">
      <!-- Recent News Section -->
      <!DOCTYPE html>
<html xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      oncontextmenu = 'return false;'
      xsi:schemaLocation="http://www.thymeleaf.org"
      lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Alpha Commercial Bank PLC.">
    <meta name="keywords" content="best bank,top bank,housing loan,home loan,business term loan,overdraft loan,short loan,best home loan,personal loan,current account,best bank service,alpha bank,fixed deposit,saving account,list of bank">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title id="title">404 | Not Found</title>
    <link href="/assets/img/logo/favicon.png" rel="icon">
    <link href="https://fonts.googleapis.com" rel="preconnect">
    <link href="https://fonts.gstatic.com" crossorigin rel="preconnect">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Khmer:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Khmer:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+SC:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
    <link href="/assets/lib/font-awesome-6.2.0/css/all.min.css" rel="stylesheet">
    <link href="/assets/lib/bootstrap-icons-1.9.1/bootstrap-icons.css" rel="stylesheet">
    <link href="/assets/lib/animate/animate.min.css" rel="stylesheet">
    <link href="/assets/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="/assets/lib/lightbox2-2.11.3/dist/css/lightbox.min.css" rel="stylesheet">
    <link href="/assets/lib/bootstrap-5.2.1/css/en/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/style.css" rel="stylesheet">
    <script src="/assets/lib/jquery-3.6.1/jquery-3.6.1.min.js"></script>
    <script src="/assets/lib/bootstrap-5.2.1/js/bootstrap.min.js"></script>
</head>
<body>
    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border position-relative text-primary" style="width: 6rem; height: 6rem;" role="status"></div>
        <i class="fa fa-laptop-code fa-2x text-primary position-absolute top-50 start-50 translate-middle"></i>
    </div>
    <div class="container-fluid bg-light px-0 wow fadeIn mt-1 pb-1" data-wow-delay="0.1s">
  <div class="row gx-0 align-items-center">
    <div class="col-lg-4 px-5 text-start">
      <ol class="breadcrumb mb-0 pt-1">
        <li class="breadcrumb-item"><a class="small text-secondary data-link" data-text="Home" href="" data-url="info"><i class="fas fa-home"></i>&nbsp;&nbsp;Home</a></li>
        <li class="breadcrumb-item"><a class="small text-secondary data-link" data-text="Careers" href="" data-url="career/opportunity/info"><i class="fas fa-briefcase"></i>&nbsp;&nbsp;Careers</a></li>
        <!--<li class="breadcrumb-item"><a class="small text-secondary data-link" th:data-text="#{nav.top.terms}" href="" data-url="policy/terms-of-use/info"><i class="fas fa-window-restore"></i>&nbsp;&nbsp;<span th:text="#{nav.top.terms}" th:remove="tag"></span></a></li>-->
        <li class="breadcrumb-item"><a class="small text-secondary data-link" data-text="Contact Us" href="" data-url="profile/contact-us/info"><i class="fas fa-phone-volume"></i>&nbsp;&nbsp;Contact Us</a></li>
      </ol>
      <div class="nav-item dropdown d-lg-none -mr-4 float-right" style="margin-top: -1.45rem;z-index: 99999 !important;">
        <a href="#" class="nav-link-lang nav-link dropdown-toggle" data-bs-toggle="dropdown">
          <img class="flag-img media-object flag-lang" alt="" title="English" src="/assets/img/flag/en.png"/>
        </a>
        <div class="dropdown-menu dropdown-menu-lang border-0 rounded-0 rounded-bottom -mt-6 z-50">
          
            <a data-lang="kh" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Khmer', sans-serif !important;" href="/kh/news/detail/1"><img class="flag-img media-object flag-lang" alt="" title="ភាសាខ្មែរ" src="/assets/img/flag/kh.png"/>&nbsp; ភាសាខ្មែរ</a>
          
          
          
            <a data-lang="cn" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Simplified Chinese', sans-serif !important;" href="/cn/news/detail/1"><img class="flag-img media-object flag-lang" alt="Chinese" title="Chinese (Simplified)" src="/assets/img/flag/cn.png"/>&nbsp; 中文</a>
          
        </div>
      </div>
    </div>
    <div class="col-lg-8 px-5 text-end d-none d-lg-block">
      <small>Follow Us:</small>
      <div class="h-100 d-inline-flex align-items-center">
        <a class="social-media btn-square text-secondary border-end rounded-0" href="https://www.facebook.com/Alpha.Commercial.Bank.Cambodia/" target="_blank"><i class="fab fa-facebook-f"></i></a>
        <a class="social-media btn-square text-secondary border-end rounded-0" href="https://www.linkedin.com/company/alphacommercialbank" target="_blank"><i class="fab fa-linkedin-in"></i></a>
        <!--<a class="social-media btn-square text-secondary border-end rounded-0" th:href="@{${app.get('social-media').get('line')}}" target="_blank"><i class="fab fa-line"></i></a>-->
        <a class="social-media btn-square text-secondary border-end rounded-0" href="https://t.me/ACBankCareerOpportunities" target="_blank"><i class="fab fa-telegram-plane"></i></a>
        <a class="social-media btn-square text-secondary pe-0 border-end" href="https://www.youtube.com/@alphacommercialbank" target="_blank"><i class="fab fa-youtube"></i></a>
        <div class="nav-item dropdown">
          <a href="#" class="nav-link-lang nav-link dropdown-toggle" data-bs-toggle="dropdown">
          <!--<a href="#" class="nav-link-lang nav-link">-->
            <img class="flag-img media-object flag-lang" alt="" title="English" src="/assets/img/flag/en.png"/> English&nbsp;
          </a>
          <div class="dropdown-menu dropdown-menu-lang border-0 rounded-0 rounded-bottom m-0">
            
              <a data-lang="kh" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Khmer', sans-serif !important;" href="/kh/news/detail/1"><img class="flag-img media-object flag-lang" alt="" title="ភាសាខ្មែរ" src="/assets/img/flag/kh.png"/>&nbsp; ភាសាខ្មែរ</a>
            
            
            
              <a data-lang="cn" class="dropdown-item" style="font-size: .9em;font-family: 'Noto Serif Simplified Chinese', sans-serif !important;" href="/cn/news/detail/1"><img class="flag-img media-object flag-lang" alt="Chinese" title="Chinese (Simplified)" src="/assets/img/flag/cn.png"/>&nbsp; 中文</a>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

    <div class="container-fluid py-4 px-5 wow fadeIn d-lg-block d-none" data-wow-delay="0.1s">
  <div class="row align-items-center top-bar">
    <div class="col-lg-4 col-md-12 mb-4 mb-lg-0 text-center text-lg-start">
      <a href="" class="navbar-brand m-0 p-0">
        <img src="/assets/img/logo/logo-text.png" class="banner" alt="Logo">
      </a>
    </div>
    <div class="col-lg-8 col-md-7">
      <div class="row">
        <div class="col-12 col-lg-5 fs-small ps-6 ps-lg-0 mb-2">
          <div class="d-flex align-items-center justify-content-start justify-content-lg-end">
            <div class="flex-shrink-0 btn-lg-square border border-primary rounded-circle text-primary">
              <i class="far fa-clock text-primary"></i>
            </div>
            <div class="ps-3">
              <p class="mb-2">Opening Hour</p>
              <a href=""><h6>Mon - Fri, 8:00am - 3:30pm</h6></a>
            </div>
          </div>
        </div>
        <div class="col-12 col-lg-3 fs-small ps-6 ps-lg-0 mb-2">
          <div class="d-flex align-items-center justify-content-start justify-content-lg-end">
            <div class="flex-shrink-0 btn-lg-square border border-primary rounded-circle text-primary">
              <i class="fa fa-phone text-primary"></i>
            </div>
            <div class="ps-3">
              <p class="mb-2">Call Us</p>
              <a href="tel:023886668"><h6>+855 61 666 811</h6></a>
            </div>
          </div>
        </div>
        <div class="col-12 col-lg-4 fs-small ps-6 ps-lg-0">
          <div class="d-flex align-items-center justify-content-start justify-content-lg-end">
            <div class="flex-shrink-0 btn-lg-square border border-primary rounded-circle">
              <i class="far fa-envelope text-primary"></i>
            </div>
            <div class="ps-3">
              <p class="mb-2">Email Us</p>
              <a href="mailto:info@alphabank.com.kh"><h6>info@alphabank.com.kh</h6></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
    <nav class="navbar navbar-expand-lg bg-primary navbar-dark sticky-top py-lg-0 px-lg-5 wow fadeIn" data-wow-delay="0.1s">
  <!-- Container wrapper -->
  <div class="container-fluid">
    <!-- Toggle button -->
    <a href="/en/" class="navbar-brand ms-3 d-lg-none">
      <img src="/assets/img/logo/logo-text.png" width="200" height="46" alt="">
  </a>
  <button 
      type="button" 
      class="navbar-toggler me-3" 
      data-bs-toggle="collapse" 
      data-bs-target="#navbarCollapse" 
      id="navbar-toggler">
      <i class="fa fa-bars open-icon"></i>
      <i class="fa fa-times close-icon d-none"></i>
  </button>
  
    <!-- Collapsible wrapper -->
     <!-- add auto scroll-y -->
    <div class="collapse navbar-collapse overflow-auto lg:overflow-visible max-h-screen lg:max-h-full" id="navbarCollapse">
      <!-- Left links -->
      <ul class="navbar-nav me-auto ps-lg-0" style="padding-left: 0.15rem;">
        <li class="nav-item home-text">
          <a class="nav-link" href="/en/">Home</a>
        </li>
        <li class="nav-item home-img">
          <a class="nav-link" href="/en/">
            <!--<img src="/assets/img/logo/favicon.png">-->
            <i class="fas fa-home-lg-alt"></i>
          </a>
        </li>
        <!-- Navbar dropdown -->
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" href="#" id="navPersonal" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">Personal</a>
<!-- Dropdown menus -->
<div class="dropdown-menu w-100" aria-labelledby="navPersonal" style="border-top-left-radius: 5px; border-top-right-radius: 5px;">
  <div class="container">
    <div class="row my-4">
      <!-- Deposit Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-coins text-primary"></i>&nbsp;&nbsp; 
            <b>Deposits</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/deposit/current/info">
            <i class="fas fa-caret-right pe-2"></i>Current Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/deposit/savings/info">
            <i class="fas fa-caret-right pe-2"></i>Savings Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/deposit/fixed/info">
            <i class="fas fa-caret-right pe-2"></i>Fixed Deposit
          </a>
        </div>
      </div>

      <!-- Card Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-credit-card text-primary"></i>&nbsp;&nbsp; 
            <b>Cards</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/card/atm-card/info">
            <i class="fas fa-caret-right pe-2"></i>AlphaBank Card
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/card/virtual-card/info">
            <i class="fas fa-caret-right pe-2"></i>Virtual Card
          </a>
        </div>
      </div>

      <!-- Loan Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; 
            <b>Loans</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/credit/home-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Housing Loan
          </a>
        </div>
      </div>

      <!-- Escrow Section -->
      <div class="col-md-6 col-lg-3 mb-3">
        <div class="list-group list-group-flush mb-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-shield-halved text-primary"></i>&nbsp;&nbsp; 
            <b>Escrow</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/personal/escrow/escrows/info">
            <i class="fas fa-caret-right pe-2"></i>Escrow Service
          </a>
        </div>
      </div>

    </div>
  </div>
</div>

</li>
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" href="#" id="navCorporate" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">Business</a>
<!-- Dropdown menu -->
<div class="dropdown-menu w-120 rounded" aria-labelledby="navCorporate" style="border-top-left-radius: 0;border-top-right-radius: 0;">
  <div class="container">
    <div class="row my-3 py-1">
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush hidden">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-credit-card text-primary"></i>&nbsp;&nbsp; <b>Cards</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/card.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <!--<div class="d-flex justify-content-between" style="padding: 0 20px;">
            <a href="" class="text-info"><i class="fas fa-plane pe-1"></i>Travels</a>
            <p><u>15.07.2020</u></p>
          </div>-->
          <a data-url="products/corporate/card/virtual-debit/info" class="toggle text-dark btn btn-link text-left " style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">AlphaBank Cards</h5>
            <p class="mb-2">With Debit/Credit cards of AlphaBank, you&#39;ll enjoy every purchase...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-coins text-primary"></i>&nbsp;&nbsp; <b>Deposits</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/current/info">
            <i class="fas fa-caret-right pe-2"></i>Current Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/savings/info">
            <i class="fas fa-caret-right pe-2"></i>Savings Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/fixed/info">
            <i class="fas fa-caret-right pe-2"></i>Fixed Deposit
          </a>
        </div>
          <!-- add escrow servise -->
          <div class="list-group list-group-flush mt-3">
            <p class="mb-0 list-group-item text-uppercase font-weight-bold">
              <i class="fa-solid fa-shield-halved text-primary"></i>&nbsp;&nbsp; <b>Escrow</b>
            </p>
            <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/escrow/escrows/info">
              <i class="fas fa-caret-right pe-2"></i>Escrow Service
            </a>
            
          </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Loans</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/term-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Term Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/revolving-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Revolving Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/overdraft/info">
            <i class="fas fa-caret-right pe-2"></i>Overdraft
          </a>
        </div>
        <!-- Payroll -->
        <div class="list-group list-group-flush mt-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-money-check-dollar text-primary"></i>&nbsp;&nbsp; 
            <b>Payroll</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/payroll/info">
            <i class="fas fa-caret-right pe-2"></i>Payroll Service 
          </a>
        </div>
      </div>
      
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Facilities</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Cash Management
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Funds Transfer
          </a>
          
        </div>
      </div>
    </div>
  </div>
</div>
<div class="dropdown-menu w-100 " aria-labelledby="navCorporate" style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
  <div class="container">
    <div class="row my-4">
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-credit-card text-primary"></i>&nbsp;&nbsp; <b>Cards</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/card.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <!--<div class="d-flex justify-content-between" style="padding: 0 20px;">
            <a href="" class="text-info"><i class="fas fa-plane pe-1"></i>Travels</a>
            <p><u>15.07.2020</u></p>
          </div>-->
          <a data-url="products/corporate/card/virtual-debit/info" class="toggle text-dark btn btn-link text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">AlphaBank Cards</h5>
            <p class="mb-2">With Debit/Credit cards of AlphaBank, you&#39;ll enjoy every purchase...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-coins text-primary"></i>&nbsp;&nbsp; <b>Deposits</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/current/info">
            <i class="fas fa-caret-right pe-2"></i>Current Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/savings/info">
            <i class="fas fa-caret-right pe-2"></i>Savings Account
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/deposit/fixed/info">
            <i class="fas fa-caret-right pe-2"></i>Fixed Deposit
          </a>
       
        </div>
        <!-- add escrow servise -->
        <div class="list-group list-group-flush mt-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-shield-halved text-primary"></i>&nbsp;&nbsp; <b>Escrow</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/escrow/escrows/info">
            <i class="fas fa-caret-right pe-2"></i>Escrow Service
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-lg-0">
        <div class="list-group list-group-flush mb-3">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Loans</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/term-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Term Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/revolving-loan/info">
            <i class="fas fa-caret-right pe-2"></i>Business Revolving Loan
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/credit/overdraft/info">
            <i class="fas fa-caret-right pe-2"></i>Overdraft
          </a>
        </div>
        
        <!-- Payroll -->
        <div class="list-group list-group-flush ">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fa-solid fa-money-check-dollar text-primary"></i>&nbsp;&nbsp; 
            <b>Payroll</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/payroll/info">
            <i class="fas fa-caret-right pe-2"></i>Payroll Service 
          </a>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <i class="fas fa-hand-holding-usd text-primary"></i>&nbsp;&nbsp; <b>Facilities</b>
          </p>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Cash Management
          </a>
          <a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/coming-soon/info">
            <i class="fas fa-caret-right pe-2"></i>Funds Transfer
          </a>
          <!--<a href="" class="toggle list-group-item list-group-item-action data-link" data-url="products/corporate/facility/bank-guarantee/info">
            <i class="fas fa-caret-right pe-2"></i><span th:text="#{nav.business.loan.bank-guarantee}" th:remove="tag"></span>
          </a>-->
        </div>
      </div>
    </div>
  </div>
</div></li>
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" href="#" id="navDigitalBanking" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">Digital Banking</a>
<!-- Dropdown menu -->
<div class="dropdown-menu w-100 rounded" aria-labelledby="navDigitalBanking" style="border-top-left-radius: 0;border-top-right-radius: 0;">
  <div class="container">
    <div class="row my-4">
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0 hidden">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fa fa-mobile-phone text-primary"></i>&nbsp;&nbsp; <b>Alpha Bank Mobile</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/mobile-app.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <a data-url="products/digital/app/info" class="toggle text-dark btn btn-link text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">Alpha Bank Mobile</h5>
            <p class="mb-2">Access and manage finances with ease no matter where you are...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; Mobile Features</b>
          </p>
         
          <!-- <a th:href="@{'/'+${lang.get('code')}+'/products/digital/mobile-savings'}" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i><span th:utext="#{nav.app.feature.saving.mobile}" th:remove="tag"></span>
          </a> -->
           <a href="/en/products/digital/app#accManagement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Accounts Management
          </a>
           <a href="/en/products/digital/app#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Transfer
          </a>
          
          <a href="/en/products/digital/app#payment" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Payments
          </a>
          <a href="/en/products/digital/app#forex" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Exchange %
          </a>
          <a href="/en/products/digital/app#loanAppl" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Loan Application
          </a>
          <a href="/en/products/digital/app#qrpay" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>QR Payment
          </a>
          <a href="/en/products/digital/app#cash-to-atm" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash to ATM
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0 hidden">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-bank text-primary"></i>&nbsp;&nbsp; <b>ATM &amp; Cash-In</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/atm.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
   
          <a data-url="products/digital/atm/info" class="toggle text-dark btn btn-link text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">ATM &amp; Cash-In</h5>
            <p class="mb-2">Deposit and/or withdraw cash at any AlphaBank ATM/CRM countrywide...</p>
          </a>
        </div>
      
      </div>
      <div class="col-md-6 col-xl-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; ATM/CRM Features</b>
          </p>
          <a href="/en/products/digital/atm#deposit" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Deposit
          </a>
          <a href="/en/products/digital/atm#withdrawal" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Withdrawal
          </a>
          <a href="/en/products/digital/atm#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Fund Transfer
          </a>
          <a href="/en/products/digital/atm#balance-inquiry" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Balance Inquiry
          </a>
          <a href="/en/products/digital/atm#mini-statement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Mini-statement
          </a>
          <a href="/en/products/digital/atm#pin-change" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>PIN Change
          </a>
          <a href="/en/products/digital/atm#cash-by-code" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash by Code
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="dropdown-menu w-100 " aria-labelledby="navDigitalBanking" style="border-top-left-radius: 5px;border-top-right-radius: 5px;">
  <div class="container">
    <div class="row my-4">
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fa fa-mobile-phone text-primary"></i>&nbsp;&nbsp; <b>Alpha Bank Mobile</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/mobile-app.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
          <a data-url="products/digital/app/info" class="toggle text-dark btn btn-click text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">Alpha Bank Mobile</h5>
            <p class="mb-2">Access and manage finances with ease no matter where you are...</p>
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-md-0">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; Mobile Features</b>
          </p>
           <!-- <a th:href="@{'/'+${lang.get('code')}+'/products/digital/mobile-savings'}" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i><span th:utext="#{nav.app.feature.saving.mobile}" th:remove="tag"></span>
          </a> -->
          <a href="/en/products/digital/app#accManagement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Accounts Management
          </a>
         
           <a href="/en/products/digital/app#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Transfer
          </a>
          
          <a href="/en/products/digital/app#payment" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Payments
          </a>
          <a href="/en/products/digital/app#forex" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Exchange %
          </a>
          <a href="/en/products/digital/app#loanAppl" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Loan Application
          </a>
          <a href="/en/products/digital/app#qrpay" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>QR Payment
          </a>
          <a href="/en/products/digital/app#cash-to-atm" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash to ATM
          </a>
        </div>
      </div>
      <div class="col-md-6 col-xl-3 mb-3 mb-xl-0">
        <div class="list-group list-group-flush">
          <p class="text-uppercase font-weight-bold list-group-item">
            <i class="fas fa-bank text-primary"></i>&nbsp;&nbsp; <b>ATM &amp; Cash-In</b>
          </p>
          <div class="hover-overlay shadow-1-strong rounded ripple mb-4 -mt-4" data-mdb-ripple-color="light">
            <img src="/assets/img/product/atm.jpg" class="img-fluid" alt=""/>
            <a href="#!">
              <div class="mask" style="background-color: rgba(251,251,251,0.15);"></div>
            </a>
          </div>
        
          <a data-url="products/digital/atm/info" class="toggle text-dark btn btn-click text-left" style="padding: 0 20px;text-align: left;">
            <h5 class="fw-bold text-primary mb-2">ATM &amp; Cash-In</h5>
            <p class="mb-2">Deposit and/or withdraw cash at any AlphaBank ATM/CRM countrywide...</p>
          </a>
        </div>
      
      </div>
      <div class="col-md-6 col-xl-3">
        <div class="list-group list-group-flush">
          <p class="mb-0 list-group-item text-uppercase font-weight-bold">
            <b><i class="fas fa-sliders"></i>&nbsp; ATM/CRM Features</b>
          </p>
          <a href="/en/products/digital/atm#deposit" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Deposit
          </a>
          <a href="/en/products/digital/atm#withdrawal" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash Withdrawal
          </a>
          <a href="/en/products/digital/atm#transfer" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Fund Transfer
          </a>
          <a href="/en/products/digital/atm#balance-inquiry" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Balance Inquiry
          </a>
          <a href="/en/products/digital/atm#mini-statement" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Mini-statement
          </a>
          <a href="/en/products/digital/atm#pin-change" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>PIN Change
          </a>
          <a href="/en/products/digital/atm#cash-by-code" class="list-group-item list-group-item-action">
            <i class="fas fa-caret-right pe-2"></i>Cash by Code
          </a>
        </div>
      </div>
    </div>
  </div>
</div></li>
        <li class="nav-item dropdown position-static"><a class="nav-link dropdown-toggle" id="navNewsMedia" role="button"
   data-bs-toggle="dropdown" aria-expanded="false">News &amp; Media</a>

<!-- Dropdown menu -->
<div class="dropdown-menu w-100 rounded" aria-labelledby="navNewsMedia" style="border-top-left-radius: 0; border-top-right-radius: 0;">
  <div class="container">
    <!-- First Row -->
    <div class="row my-4">
      <!-- Recent News Section -->
      