.loader{
    position: fixed;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    background: rgb(107, 107, 107, 0.4);
    z-index: 4000;
    /* opacity: 0.7; */
  }



.center-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
  }


  /* .loader-square{
    position: relative;
    width: 150px;
    height: 150px;
    background: url('../img/loder2.svg') center center no-repeat;
    background-size: 150px;
  } */

.loader-square::after,
.loader-square::before {
    content: "";
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    display: block;
  }

.loader-square::after {
    margin: 0 auto 0 auto;
    border: 4px solid #fd7e14;
    background-color: #fd7e14;
    animation:rotate2 0.5s infinite 
    ease-in-out;
  }

.loader-square::before {
    margin: 30px auto 0 auto;
    border: 4px solid #03a9f4;
    background-color: #03a9f4;
    animation: rotate1 0.5s infinite 
    ease-in-out;
  }

  

  

  @keyframes rotate2 {

    0% {
        transform: rotate(0deg);
    }

    50% {
        margin-top: 15px;
    }

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

  }

  @keyframes rotate1 {

    0% {
        transform: rotate(0deg);
    }

    50% {
        margin-top: 20px;
    }

    100% {
        transform: rotate(90deg);
    }

  }