
<!doctype html>
<html class="no-js" lang="en">

<head>
  <title><?php echo e($settings->site_name); ?> -<?php echo $__env->yieldContent('title'); ?>  </title>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
  <meta name="robots" content="index, follow">
  <meta name="apple-mobile-web-app-title" content="<?php echo e($settings->site_name); ?>" />
  <meta name="application-name" content="<?php echo e($settings->site_name); ?>" />
  <meta name="description" content="Swift and Secure Money Transfer to any UK bank account will become a breeze with <?php echo e($settings->site_name); ?>." />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="shortcut icon" href="<?php echo e(asset('dash2/konanauth/public/asset/images/favicon.png ')); ?>" />
  <link href="<?php echo e(asset('dash2/konanauth/public/asset/fonts/fontawesome/css/all.css')); ?>" rel="stylesheet" type="text/css">
  <link href="<?php echo e(asset('dash2/konanauth/public/dashboard/plugins/global/plugins.bundle.css')); ?>" rel="stylesheet" type="text/css " />
  <link href="<?php echo e(asset('dash2/konanauth/public/dashboard/css/style.bundle.css')); ?>" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@6.6.6/css/flag-icons.min.css" />
  
    <style>
      
  @import    url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;700&display=swap');
</style>
<style>
@font-face{
  font-family:'HKGroteskPro';
  font-weight:400;
  src:url("<?php echo e(asset('dash2/fonts/HKGroteskPro-Regular.woff2')); ?>") format("woff2"),
  url("<?php echo e(asset('dash2/fonts/HKGroteskPro-Regular.woff')); ?>") format("woff")
}
@font-face{
  font-family:'HKGroteskPro';
  font-weight:500;
  src:url("<?php echo e(asset('dash2/fonts/HKGroteskPro-Medium.woff2')); ?>") format("woff2"),
  url("<?php echo e(asset('dash2/fonts/HKGroteskPro-Medium.woff')); ?>") format("woff")
}
@font-face{
  font-family:'HKGroteskPro';
  font-weight:700;
  src:url("<?php echo e(asset('dash2/fonts/HKGroteskPro-Bold.woff2')); ?>") format("woff2"),
  url("<?php echo e(asset('dash2/fonts/HKGroteskPro-Bold.woff')); ?>") format("woff")
}  
@font-face{
  font-family:'HKGroteskPro';
  font-weight:600;
  src:url("<?php echo e(asset('dash2/fonts/HKGroteskPro-SemiBold.woff2')); ?>") format("woff2"),
  url("<?php echo e(asset('dash2/fonts/HKGroteskPro-SemiBold.woff')); ?>") format("woff")
}

body
{
  font-family: "Lato", sans-serif;
}
pre,code,kbd,samp
{
  font-family: "Lato", Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.tooltip
{
  font-family: "Lato", sans-serif;
}
.popover
{
  font-family: "Lato", sans-serif;
}
.text-monospace
{
  font-family: "Lato", Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !important;
}
.btn-group-colors > .btn:before
{
  font-family: "Lato", sans-serif;
}
.has-danger:after
{
  font-family: 'Lato';
}
.fc-icon
{
  font-family: "Lato", sans-serif;
}
.ql-container
{
  font-family: "Lato", sans-serif;
}
</style>
  <style type="text/css">/* Chart.js */
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes  chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}</style><style>.cke{visibility:hidden;}</style></head>
</style>

<style>
    .page-loading {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .4s .2s ease-in-out;
        transition: all .4s .2s ease-in-out;
        background-color:#ffffff;
        visibility: hidden;
        z-index: 9999;
    }

    .page-loading.active {
        opacity: 1;
        visibility: visible;
    }

    .page-loading-inner {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        opacity: 0;
    }

    .page-loading.active>.page-loading-inner {
        opacity: 1;
    }

    .page-loading-inner>span {
        display: block;
        font-size: 1rem;
        font-weight: normal;
        color: #9397ad;
    }

    .page-spinner {
        display: inline-block;
        width: 7.75rem;
        height: 7.75rem;
        margin-bottom: .75rem;
        vertical-align: text-bottom;
        border: .15em solid #0a24f4;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner .75s linear infinite;
        animation: spinner .75s linear infinite;
    }

    @-webkit-keyframes spinner {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes  spinner {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
</style>
</head>

<body id="kt_body" class="bg-white header-fixed header-tablet-and-mobile-fixed toolbar-enabled aside-fixed aside-default-enabled">
  <div class="page-loading active text-indigo">
    <div class="page-loading-inner">
      <div class="page-spinner"></div><span></span>
    </div>
  </div>
   <div class="d-flex justify-content-center">
     
    <div id="google_translate_element"></div>
    
    </div>

  <?php echo $__env->yieldContent('content'); ?>
  <!-- body -->

  <div class="d-flex flex-center flex-wrap fs-6 p-5 pb-0">
    
  </div></div>
    </div>
    <!--end::Authentication - Sign-in-->
  </div>
  
  
  <script src="<?php echo e(asset('dash2/konanauth/plugins/global/plugins.bundle.js')); ?>"></script>
  <script src="<?php echo e(asset('dash2/konanauth/public/dashboard/js/scripts.bundle.js')); ?>"></script>
  <script src="<?php echo e(asset('dash2/konanauth/public/asset/fonts/fontawesome/js/all.js')); ?>"></script>
  <script src="<?php echo e(asset('dash2/konanauth/public/dashboard/js/custom/general.js')); ?>"></script>
  <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

</body>

</html>


<script src="<?php echo e(asset('dash2/konanauth/public/public/dashboard/js/custom/authentication/sign-up/general.js')); ?>"></script>
<script>
  ! function($) {
    'use strict';
    $(function() {
      $('[data-toggle="password"]').each(function() {
        var input = $(this);
        var eye_btn = $(this).parent().find('.input-password');
        eye_btn.css('cursor', 'pointer').addClass('input-password-hide');
        eye_btn.on('click', function() {
          if (eye_btn.hasClass('input-password-hide')) {
            eye_btn.removeClass('input-password-hide').addClass('input-password-show');
            eye_btn.find('.bi').removeClass('bi-eye').addClass('bi-eye-slash')
            input.attr('type', 'text');
          } else {
            eye_btn.removeClass('input-password-show').addClass('input-password-hide');
            eye_btn.find('.bi').removeClass('bi-eye-slash').addClass('bi-eye')
            input.attr('type', 'password');
          }
        });
      });
    });
  }(window.jQuery);
</script>


<script>
  document.addEventListener("DOMContentLoaded", function() {
// Simulate the loading process (replace this with your actual loading logic)
const totalItems = 60; // Replace this with the total number of items to load
let loadedItems = 0;

const progressBar = document.getElementById("progressBar");
const progressText = document.getElementById("progressText");
const mainContent = document.getElementById("mainContent");

function updateProgress() {
loadedItems++;
const percentage = Math.floor((loadedItems / totalItems) * 100);
progressBar.style.width = percentage + "%";
progressText.textContent = percentage + "%";

// Check if all items are loaded
if (loadedItems >= totalItems) {
// Hide the preloader and show the main content
document.body.style.overflow = "auto"; // Allow scrolling on the main content
document.querySelector(".preloader").style.display = "none";
mainContent.style.display = "block";
}
}

// Simulate loading completion for demonstration purposes
function simulateLoading() {
for (let i = 0; i < totalItems; i++) {
setTimeout(updateProgress, i * 50); // Adjust the delay for your needs
}
}

simulateLoading();
});

  </script>
<script>
  (function() {
    window.onload = function() {
      const preloader = document.querySelector('.page-loading');
      preloader.classList.remove('active');
      setTimeout(function() {
        preloader.remove();
      }, 1000);
    };
  })();
</script><?php /**PATH /home/u215313542/domains/remedycodes.site/public_html/resources/views/layouts/auth.blade.php ENDPATH**/ ?>