<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.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://walifilms.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://walifilms.com/wp-sitemap-posts-elementskit_template-1.xml</loc></sitemap><sitemap><loc>https://walifilms.com/wp-sitemap-posts-metform-form-1.xml</loc></sitemap><sitemap><loc>https://walifilms.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>
