.loader-section {
     height: 100%;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
     background: rgb(243 243 243);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .loader {
     position: absolute;
     top: 50%;
     left: 50%;
     margin: -3em 0 0 -3em;
     color: transparent;
     font-size: 10px;
     border-top: 0.5em solid rgba(0, 0, 0, 0.2);
     border-right: 0.5em solid rgba(0, 0, 0, 0.2);
     border-bottom: 0.5em solid #003d90;
     border-left: 0.5em solid rgba(0, 0, 0, 0.2);
     -webkit-animation: fusion-rotate 0.8s infinite linear;
     animation: fusion-rotate 0.8s infinite linear;
 }

 .loader {
     position: absolute;
 }

 .loader {
     padding-left: 5px;
     padding-top: 15px;
     color: #000;
 }

 .loader,
 .loader:after {
     width: 6em;
     height: 6em;
     border-radius: 50%;
     background-clip: padding-box;
 }

 .loader {
     display: block;
     position: static;
     margin: 10px 0 0;
     border-width: 0.35em;
 }

 .loader,
 .loader:after {
     width: 6em;
     height: 6em;
 }

 @-webkit-keyframes fusion-rotate {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
     }

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

 @keyframes fusion-rotate {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
     }

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