.loadercont{
     width: 100vw;
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed;
     z-index: 999999999999;
     background-color: black;
}
.loader {
     width: 3rem;
     height: 3rem;
     clear: both;
     margin: 1rem auto;
     border: 2px #fff solid;
     border-radius: 100%;
     overflow: hidden;
     position: relative;
     z-index: 999999999999999;
   }
   
   .loader:after,
   .loader:before {
     content: "";
     border-radius: 50%;
     position: absolute;
     width: inherit;
     height: inherit;
     animation: spVortex 2s infinite linear;
   }
   
   .loader:before {
     border-top: 0.5rem #fff solid;
     top: -0.1875rem;
     left: calc(-50% - 0.1875rem);
     transform-origin: right center;
   }
   
   .loader:after {
     border-bottom: 0.5rem #fff solid;
     top: 0.1875rem;
     right: calc(-50% - 0.1875rem);
     transform-origin: left center;
   }
   
   @keyframes spVortex {
     from {
       transform: rotate(0deg);
     }
   
     to {
       transform: rotate(359deg);
     }
   }