/* // Styling By Daniel R. Obiekwe ( https://madebyraymond.herokuapp.com ) */
.page-loader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99999999;
    background: linear-gradient(104.99deg, #006E99 0.49%, #062452 43.29%, #073864 65.2%, #006E99 98.33%);
}

.loading-icon-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.loading-icon{
    height: 130px;
    width: auto;
    animation: 3.22581s linear 0s infinite normal forwards running custom-loading-animation;
}

.loading-text{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}


@keyframes custom-loading-animation {
    0% {
        transform: translate(0px,0px) rotate(
    0deg
    ) scale(1);
    }
    3.33333% {
        transform: translate(-0.18923px,1.45485px) rotate(
    0deg
    ) scale(1);
    }
    6.66667% {
        transform: translate(-0.84296px,-1.32524px) rotate(
    0deg
    ) scale(1);
    }
    10% {
        transform: translate(0.67971px,1.00422px) rotate(
    0deg
    ) scale(1);
    }
    13.3333% {
        transform: translate(-0.5056px,0.83616px) rotate(
    0deg
    ) scale(1);
    }
    16.6667% {
        transform: translate(1.31368px,-0.51401px) rotate(
    0deg
    ) scale(1);
    }
    20% {
        transform: translate(-1.21184px,1.49193px) rotate(
    0deg
    ) scale(1);
    }
    23.3333% {
        transform: translate(1.09065px,-0.21259px) rotate(
    0deg
    ) scale(1);
    }
    26.6667% {
        transform: translate(-1.49916px,0.56159px) rotate(
    0deg
    ) scale(1);
    }
    30% {
        transform: translate(1.48086px,1.21228px) rotate(
    0deg
    ) scale(1);
    }
    33.3333% {
        transform: translate(-1.43889px,-1.152px) rotate(
    0deg
    ) scale(1);
    }
    36.6667% {
        transform: translate(1.35914px,1.34835px) rotate(
    0deg
    ) scale(1);
    }
    40% {
        transform: translate(-1.42834px,0.3091px) rotate(
    0deg
    ) scale(1);
    }
    43.3333% {
        transform: translate(1.47472px,-1.49889px) rotate(
    0deg
    ) scale(1);
    }
    46.6667% {
        transform: translate(-0.92402px,1.4416px) rotate(
    0deg
    ) scale(1);
    }
    50% {
        transform: translate(1.0657px,-0.75306px) rotate(
    0deg
    ) scale(1);
    }
    53.3333% {
        transform: translate(-1.19035px,-1.07484px) rotate(
    0deg
    ) scale(1);
    }
    56.6667% {
        transform: translate(0.28828px,0.79337px) rotate(
    0deg
    ) scale(1);
    }
    60% {
        transform: translate(-0.47167px,-1.42789px) rotate(
    0deg
    ) scale(1);
    }
    63.3333% {
        transform: translate(0.64753px,-0.09795px) rotate(
    0deg
    ) scale(1);
    }
    66.6667% {
        transform: translate(0.41006px,-0.26292px) rotate(
    0deg
    ) scale(1);
    }
    70% {
        transform: translate(-0.22477px,-1.3683px) rotate(
    0deg
    ) scale(1);
    }
    73.3333% {
        transform: translate(0.03588px,0.92931px) rotate(
    0deg
    ) scale(1);
    }
    76.6667% {
        transform: translate(-1.01937px,-1.18398px) rotate(
    0deg
    ) scale(1);
    }
    80% {
        transform: translate(0.8724px,-0.60494px) rotate(
    0deg
    ) scale(1);
    }
    83.3333% {
        transform: translate(-0.71151px,1.4786px) rotate(
    0deg
    ) scale(1);
    }
    86.6667% {
        transform: translate(1.40734px,-1.49607px) rotate(
    0deg
    ) scale(1);
    }
    90% {
        transform: translate(-1.33062px,0.46957px) rotate(
    0deg
    ) scale(1);
    }
    93.3333% {
        transform: translate(1.23264px,1.26738px) rotate(
    0deg
    ) scale(1);
    }
    96.6667% {
        transform: translate(-1.48975px,-1.03867px) rotate(
    0deg
    ) scale(1);
    }
    100% {
        transform: translate(0,0) rotate(0) scale(1);
    }
}