<div class="Preloader"> <div class="bodyy"> <div class="wali-text">
      <img class="blink-image img-fluid" src="/wp-content/uploads/2023/10/3.png" alt="Blink Image"/>
    </div>
    <div class="progress-bar" >
      <div class="progress-fill" ></div>
    </div></div> </div>
 <style>
 @media only screen and (min-width:760px) and (max-width: 1500px) {
.progress-bar {
    margin-top: 70px !important;
}

}
@media only screen and (min-width:320px) and (max-width: 600px) {
.progress-fill {
    margin-top: -50px !important;
}
}
.bodyy {
    background-image: url(/wp-content/uploads/2023/10/2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
    background-color: black;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 	width: 100%;
    height: 100vh;
	z-index:999;
  }
  .progress-bar {
    position: absolute;
    height: 22px;
    width: 38%;
    background: #2e80e800;
    left: 50%; 
    margin-top: 20px;
    border-radius: 25px;
	top: 65%;
    transform: translate(-50%, -50%);
  }
  .progress-fill {
    position: absolute;
    height: 14px;
    width: 0%;
    transition: 1s all;
    animation: progress-forward 3s infinite;
    background: #2e80e875;
    border-radius: 15px;
  }

  @keyframes progress-forward {
    0% {
      width: 0%;
    }
    25% {
      width: 50%;
    }
    50% {
      width: 75%;
    }
    75% {
      width: 85%;
    }
    100% {
      width: 100%;
    }
  }

  /* Firefox old*/
  @-moz-keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 10;
    }
    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /* IE */
  @-ms-keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /* Opera and prob css3 final iteration */
  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  /* Keyframes and styles for blinking image (unchanged) */

  .blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
    max-width: 100%; /* Make the image responsive */
    height: auto;
	top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
  }
</style>
<script>
document.body.style.overflow = "hidden";
document.addEventListener("DOMContentLoaded", () => setTimeout( function() { 
document.querySelector("div.Preloader").remove(); 
document.body.style.overflow = "visible"; } , 5 * 1000));
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://walifilms.webportfolio.live/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://walifilms.webportfolio.live/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://walifilms.webportfolio.live/wp-sitemap-posts-elementskit_template-1.xml</loc></sitemap><sitemap><loc>https://walifilms.webportfolio.live/wp-sitemap-posts-metform-form-1.xml</loc></sitemap><sitemap><loc>https://walifilms.webportfolio.live/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>
