* {
    margin: 0;
    padding: 0;
  }
  
  svg {
    display: none;
  }
  
  .containerr {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: url(https://www.paymestore.co/css/loader.css#blur);
    overflow: hidden;
  }
  
  .balls-containerr {
    /* background-color: lightblue; */
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: rotate;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    position: relative;
    left: 25%;
  }
  
  .balls-containerr-r {
    /* background-color: lightcyan; */
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: rotate-r;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    position: relative;
    right: 25%;
  }
  
  .arrow-a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition-duration: 1s;
    background-color: rgb(50, 124, 192);
    animation-name: move2;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  
  .arrow-b {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition-duration: 1s;
    background-color: rgb(50, 124, 192);
    animation-name: move-r2;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  
  .arrow-c {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition-duration: 1s;
    background-color: rgb(50, 124, 192);
    animation-name: move-r;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  
  .arrow-d {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    transition-duration: 1s;
    background-color: rgb(50, 124, 192);
    animation-name: move;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  
  .object {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    transition-duration: 1s;
    background: url(../images/paymestore-logo1.png);
    background-color: rgb(50, 124, 192);
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: scale;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  @keyframes move {
    0%,
    5%,
    100% {
      transform: translateX(-120px) scale(1.2);
    }
    48%,
    50%,
    52% {
      transform: translateX(0px) scale(.9);
    }
  }
  
  @keyframes move2 {
    0%,
    5%,
    100% {
      transform: translateX(-142px) scale(1.2);
    }
    48%,
    50%,
    52% {
      transform: translateX(0px) scale(.9);
    }
  }
  
  @keyframes move-r {
    0%,
    5%,
    100% {
      transform: translateX(120px) scale(1.2);
    }
    48%,
    50%,
    52% {
      transform: translateX(0px) scale(.9);
    }
  }
  
  @keyframes move-r2 {
    0%,
    5%,
    100% {
      transform: translateX(142px) scale(1.2);
    }
    48%,
    50%,
    52% {
      transform: translateX(0px) scale(.9);
    }
  }
  
  @keyframes scale {
    0%,
    5%,
    100% {
      transform: scale(1);
    }
    10% {
      transform: scale(1);
    }
    48%,
    50%,
    52%,
    60% {
      transform: scale(1.2);
    }
  }
  
  @keyframes rotate {
    0%,
    100% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(0deg);
    }
  }
  
  @keyframes rotate-r {
    0%,
    100% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(0deg);
    }
  }

  .hide-loader {
      display: none;
  }