<!DOCTYPE html> 
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>BRAC BANK - Error</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="/assets/img/favicon-40af2cb65ad90e631acde6414990b796.ico" rel="icon">
  <link href="/assets/img/logo1-c819e6ccf48d89490c4a25844fc0293b.png" rel="apple-touch-icon">

  <!-- Google Fonts -->

  <!-- Vendor CSS Files -->
  <link href="/assets/vendor/aos/aos-6bb5545318038a2cfb38a19581c581f9.css" rel="stylesheet">
  <link href="/assets/vendor/bootstrap/css/bootstrap.min-1bcf7ee45ab9975f9b9eb016fb96771a.css" rel="stylesheet">
  <link href="/assets/vendor/bootstrap-icons/bootstrap-icons-1d223f7cece3e94ed35b0adaae19dfae.css" rel="stylesheet">
  <link href="/assets/vendor/boxicons/css/boxicons.min-886ed8dd06c506c77cf226f4506b3c00.css" rel="stylesheet">
  <link href="/assets/vendor/glightbox/css/glightbox.min-9b438b29cef1c212d1c65a877ffc7232.css" rel="stylesheet">
  <link href="/assets/vendor/remixicon/remixicon-53c80f7795b440cce95ac639d63c654c.css" rel="stylesheet">
  <link href="/assets/vendor/swiper/swiper-bundle.min-c9afaa850d864ce99c58bc775b5080eb.css" rel="stylesheet">
  <link href="/assets/css/font-awesome.min-f9b7a1477814ba8d7300dd626668e3bc.css" rel="stylesheet">
  <link href="/assets/css/fontface-86237fed4f14ed79d0cb3c0920a57ccf.css" rel="stylesheet">
  <link rel="stylesheet" href="/assets/css/font-awesome.min-f9b7a1477814ba8d7300dd626668e3bc.css">

  <!-- Template Main CSS File -->
  <link href="/assets/css/style-0a8fab537f223e2e8dd27abbb918da77.css" rel="stylesheet">
  <link href="/assets/css/submitsuccess-695ab7881261fd32edb7c95014146c99.css" rel="stylesheet">

  <!-- =======================================================
  * Developer Name: Khalil(31217), Taleb(1774)
  ======================================================== -->
  <style>
    
    .contact-page .contact-us-form-container {
            text-align: left;
            padding-bottom: 30px;
            padding: 0 30px 0  30px;
            background: #fff;
            border: 30px;
            /* border-radius: 20px; */
        }

        span.required {

            color: #F00;

            text-align: left;

            font-size: 12px;

            position: absolute;

            left: 5px;

            top: 9px;

            z-index: 99;

        }

        .help-block {
            margin-top: 20px
        }

        form .error {

            color: #ee163b;

            font-size: 12px;

        }

        /* Chrome, Safari, Edge, Opera */

        input::-webkit-outer-spin-button,

        input::-webkit-inner-spin-button {

            -webkit-appearance: none;

            margin: 0;

        }



        /* Firefox */

        input[type=number] {

            -moz-appearance: textfield;

        }

        .onlineappycontainer .title {

            font-size: 1.5rem;

            line-height: 1.25em;

            font-weight: 300;

            color: #3c3c3c;

            margin-bottom: 0;

            padding-right: 25px;

        }

        .contact-page .contact-us-form-container>.title {

            font-size: 1.5rem;

            line-height: 1.25em;

        }

        .complainrow {

            justify-content: center;

            align-content: center;

            vertical-align: middle;

            align-items: center;

        }

        .contact-us-form-container .ortext {
            text-align: center
        }

        .contact-us-form-container>.ortext>p {

            font-size: 1.5rem;

            line-height: 1.2em;

            margin-bottom: 0em;

            letter-spacing: .02em;

            position: relative;

            display: inline-block;

            padding-bottom: 20px;

            border: 0;

            width: 50px;

            background: #f9f9fa;

        }

        .contact-us-form-container>.ortext>p::before {

            content: " ";

            position: absolute;

            width: 300px;

            height: 2px;

            background-color: #000;

            bottom: 30px;

            right: 40px;

            background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(53%, #dca273), to(rgba(254, 226, 164, 0)));

            background: linear-gradient(to right, rgba(254, 226, 164, 0) 0%, #222 53%, rgba(254, 226, 164, 0) 100%);

        }

        .contact-us-form-container>.ortext>p::after {

            content: " ";

            position: absolute;

            width: 300px;

            height: 2px;

            background-color: #000;

            bottom: 30px;

            left: 40px;

            background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(53%, #dca273), to(rgba(254, 226, 164, 0)));

            background: linear-gradient(to right, rgba(254, 226, 164, 0) 0%, #222 53%, rgba(254, 226, 164, 0) 100%);

        }



        .back-button {

            width: 50px;

            height: 50px;

            position: absolute;

            transform: translate(-50%, -50%);

            border-radius: 50%;

            border: #F90F1D 2px solid;

            overflow: hidden;

            transition: background 0.3s ease;

            left: 10%;

            top: 5%;

        }

        .back-button.back .arrow-wrap {

            left: -50%;

        }

        .back-button:hover {

            background: #F90F1D;

        }

        .back-button:hover .arrow-wrap span {

            background: #fff;

        }

        .back-button .arrow-wrap {

            display: block;

            position: absolute;

            height: 70%;

            width: 70%;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            transition: left 0.3s ease;

        }

        .back-button .arrow-wrap span {

            height: 1px;

            left: 0;

            top: 50%;

            background: #F90F1D;

            position: absolute;

            display: block;

            transition: background 0.3s ease;

        }

        .back-button .arrow-wrap .arrow-part-1 {

            width: 100%;

            transform: translate(0, -50%);

        }

        .back-button .arrow-wrap .arrow-part-2 {

            width: 60%;

            transform: rotate(-45deg);

            transform-origin: 0 0;

        }

        .back-button .arrow-wrap .arrow-part-3 {

            width: 60%;

            transform: rotate(45deg);

            transform-origin: 0 0;

        }



        @media (max-width: 767.98px) {

            .back-button {



                top: 10%;

            }

            .contact-page .contact-us-form-container>.title {

                font-size: 1.0rem;

                line-height: 1.25em;

                text-align: center;

            }

            .complainrow {

                text-align: center;

            }

            .onlineappycontainer .title {

                margin-bottom: 20px;

                font-size: 1.0rem;

            }

        }
    #page-content {
      background-color: #f9f9fa;
      position: relative;
      width: 100%!important;
      margin-left: auto;
    }
  </style>
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top d-flex align-items-center header-transparent">
    <div class="container  align-items-center justify-content-between">

      <div class="logo pull-right">
        <!-- <h1><a href="index.html"><span>BRAC BANK</span></a></h1>-->
        <!-- Uncomment below if you prefer to use an image logo -->
       <a href="/"><img src="/assets/img/logo-3ff025c5cb63effc74287a04d1c6fbe2.png" alt="" class="img-fluid"></a>
      </div>


    </div>
  </header><!-- End Header -->
  <br>
  <main id="main">

    <!-- ======= Contact Section ======= -->
    <section style="min-height: 500px" id="contact" class="contact">
      <div class="container" id="page-content">
        <div class="row justify-content-around">
          <div id='card' class="animated fadeIn">
            <div id='upper-side-fail'>
              <?xml version="1.0" encoding="utf-8"?>
              <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
              <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
              <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
                <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
              </svg>
              <h3 id='status' class="d-none">
                Failed
              </h3>
            </div>
            <div id='lower-side'>
              <p id='message'>
                <span style="color:red;"> Bad Request! Please try with valid url.</span>
              </p>
              <a href="/" id="contBtn-fail">Back to Home</a>
            </div>
          </div>
        </div>
      </div>
    </section><!-- End Contact Section -->

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer" class="fixed-footer" style="background-color:rgb(0, 114, 188);">
    

    <div class="container">
      <div class="copyright">
        &copy; Copyright <strong><span>BRAC BANK PLC</span></strong>. All Rights Reserved
      </div>
      <div class="credits">
        Designed by <a href="https://www.bracbank.com/en/">BRAC BANK PLC</a>
      </div>
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  <!--<div id="preloader"></div>-->
  <!--jquery-->
  <script src="/assets/js/jquery.min-3e4bb227fb55271bfe9c9d4a09147bd8.js"></script>
  <script>
      $(document).ready(function() {
        setTimeout(function () {
          var showMsg = $('#showMsg').text();
          if(showMsg != null && showMsg.trim().length > 0){
            $('#showMsg').removeClass("d-none");
            $('#status').removeClass("d-none");
          } else {
            $('#showMsg').addClass("d-none");
            $('#status').addClass("d-none");
          }
        }, 1000);
      });
  </script>

  <!-- Vendor JS Files -->
  <script src="/assets/vendor/purecounter/purecounter_vanilla-306b61cceb925965f85d9b377f1539ad.js"></script>
  <script src="/assets/vendor/aos/aos-d08192314ff0105e72346c26423bc832.js"></script>
  <script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min-bd31cd6c0de0972f2e5d260a09ba121f.js"></script>
  <script src="/assets/vendor/glightbox/js/glightbox.min-3e80bc0db9ea0983473b1fa66fb4571d.js"></script>
  <script src="/assets/vendor/swiper/swiper-bundle.min-dd4ed59c1fe60ac1925f520b806a8cec.js"></script>
  <script src="/assets/vendor/php-email-form/validate-2f6435b83358fa32baf45ed07b9a6128.js"></script>

  <!-- Template Main JS File -->
  <script src="/assets/js/main-87c7ca2e0ad5c012755d8a6e36f31a88.js"></script>

</body>

</html>