.box-position {
  height: auto;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 44%;
  transform: translate(-50%, -40%);

  .loader-center {
    align-items: center;
    display: flex;
    justify-content: center;

    .lds-ring {
      display: inline-block;
      height: 80px;
      position: relative;
      width: 80px;
    }

    .lds-ring div {
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border: 8px solid;
      border-color: #d4d4d4 transparent transparent transparent;
      border-radius: 50%;
      box-sizing: border-box;
      display: block;
      height: 64px;
      margin: 8px;
      position: absolute;
      width: 64px;
    }

    .lds-ring div:nth-child(1) {
      animation-delay: -0.45s;
    }

    .lds-ring div:nth-child(2) {
      animation-delay: -0.3s;
    }

    .lds-ring div:nth-child(3) {
      animation-delay: -0.15s;
    }

    @keyframes lds-ring {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
  }
}
