.blocks-payplus_loader {
  justify-content: center;
  align-items: center;
}

.blocks-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Arial, sans-serif;
  font-size: 24px;
  color: #333;
  width: 50px; /* Adjust width to fit circles and text */
  height: 50px; /* Adjust height to fit circles and text */
  text-align: center;
}

.blocks-loader:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 115%;
  height: 115%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  border-color: #5500ff transparent #ffffff transparent;
  animation: spin 1s linear infinite;
}

.blocks-loader-background {
  position: absolute;
  top: 7.5%;
  left: 8%;
  width: 100%;
  height: 100%;
  background-color: black;
  border-radius: 50%;
}

@keyframes spin {
  0% {
    border-color: #5500ff transparent #ffffff transparent; /* Dark purple, white, transparent, white */
  }
  33% {
    border-color: #5500ff transparent #ffffff transparent; /* Dark purple, white, transparent, white */
  }
  66% {
    border-color: #21ba45 transparent #5500ff transparent; /* Dark green, white, transparent, dark purple */
  }
  100% {
    border-color: #21ba45 transparent #5500ff transparent; /* Dark green, white, transparent, dark purple */
    transform: rotate(360deg);
  }
}

.blocks-loader-text {
  position: absolute;
  top: 55%;
  left: 50%;
  width: 80%;
  height: 25%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: fade 2s infinite;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzI2IDUyNS40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzI2IDUyNS40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6IzM0QUE1Mzt9Cjwvc3R5bGU+Cjx0aXRsZT5QYXlQbHVzX0xvZ29WMjAyMTwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNDAuMSwzMy42QzIyMywxNC42LDE5OC4zLDAsMTYwLjYsMEg1MS4yYy05LjIsMC0xNyw3LTE3LjksMTYuMUwwLjEsMzI4LjhjLTEsOS45LDYuMiwxOC43LDE2LjEsMTkuOAoJYzAuNiwwLjEsMS4yLDAuMSwxLjgsMC4xaDM5LjFjOS4yLDAsMTctNywxNy45LTE2LjFsMjguOC0yNzFsNDcuMSwwLjZjMTAsMC4xLDE5LjgsMy4yLDI4LDljNy45LDUuNywxNy4zLDE3LjksMTguOCwzMy42CgljMS41LDE1LTQuMiwyOS44LTE1LjMsNDBjLTkuMyw4LjMtMjEuMiwxMi41LTQxLjgsMTIuNWgtMC45Yy05LjIsMC0xNyw3LTE3LjksMTYuMWwtNC42LDQ0LjRsMjQuOCwwLjFjMTkuMSwwLDM1LjUtMC44LDU3LjMtOS44CgljMTIuMy01LjYsMjMuNS0xMy4zLDMzLjEtMjIuOWM4LjktOS4xLDE3LTIxLjEsMjMuOC0zNi44czEwLTM0LjEsOS4zLTUyLjFDMjY0LjUsNjcuMSwyNDkuNCw0My43LDI0MC4xLDMzLjZ6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05ODIuNywzMy42Qzk2NS41LDE0LjYsOTQwLjksMCw5MDMuMiwwSDc5My43Yy05LjIsMC0xNyw3LTE3LjksMTYuMWwtMzMsMzEyLjZjLTEsOS45LDYuMiwxOC43LDE2LjEsMTkuOAoJYzAuNiwwLjEsMS4yLDAuMSwxLjgsMC4xaDM5LjFjOS4yLDAsMTctNi45LDE3LjktMTYuMWwyOC43LTI3MWw0Ny4xLDAuNmMxMCwwLjEsMTkuOCwzLjIsMjgsOWM3LjksNS43LDE3LjMsMTcuOSwxOC44LDMzLjYKCWMxLjUsMTUtNC4yLDI5LjgtMTUuMyw0MGMtOS4zLDguMy0yMS4zLDEyLjUtNDEuOCwxMi41aC0wLjljLTkuMiwwLTE3LDctMTcuOSwxNi4xbC00LjYsNDQuNGwyNC44LDAuMWMxOS4xLDAsMzUuNS0wLjgsNTcuMy05LjgKCWMxMi4zLTUuNiwyMy41LTEzLjMsMzMuMS0yMi45YzguOS05LjEsMTctMjEuMSwyMy44LTM2LjhzMTAtMzQuMSw5LjMtNTIuMUMxMDA3LjEsNjcuMSw5OTIsNDMuNyw5ODIuNywzMy42eiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTcxNS41LDM0Mi4ybC00MC43LDIuMWw0LjItNDAuM2MwLjYtNS41LTMuNC0xMC40LTguOS0xMWMtMC41LTAuMS0xLTAuMS0xLjUsMGwtMTguMSwxCgljLTQuOSwwLjMtOC45LDQuMS05LjQsOWwtNC41LDQzLjVsLTQzLjgsMi4zYy00LjksMC4zLTguOSw0LjEtOS40LDljLTAuNSw1LTEuMSwxMS0xLjcsMTYuMmMtMC42LDUuNSwzLjQsMTAuNCw4LjksMTEKCWMwLjUsMC4xLDEsMC4xLDEuNSwwbDQwLjctMi4xbC00LjIsNDAuM2MtMC42LDUuNSwzLjQsMTAuNCw4LjksMTFjMC41LDAuMSwxLDAuMSwxLjUsMGwxOC4xLTFjNC45LTAuMyw4LjktNC4xLDkuNC05bDQuNS00My41CglsNDMuOC0yLjNjNC45LTAuMyw4LjktNC4xLDkuNC05YzAuNS01LDEuMS0xMSwxLjctMTYuMmMwLjYtNS41LTMuNC0xMC40LTguOS0xMUMxNzE2LjYsMzQyLjIsMTcxNiwzNDIuMiwxNzE1LjUsMzQyLjJ6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MzcuMiwzNzkuOGMtNS01LTUuMS0xMy4xLTAuMS0xOC4xYzMuOC0zLjksOS42LTQuOSwxNC41LTIuN2MzLjksMi4xLDE4LjksMTEuMywyMS4zLDEyLjYKCWM4OC41LDQ4LjgsMTg1LjQsODAuNCwyODUuNyw5My4zYzE0OC4zLDE5LjMsMjkxLjYsMy41LDQyNi01NmMxLjctMC44LDMuNy0xLDUuNS0wLjVjMC43LDAuMiwxLjQsMC41LDIsMC45CgljMi4zLDEuNCwzLjgsMy45LDMuOSw2LjdjMCwyLjgtMS41LDUuNS0zLjksN2MtNTguNywzOC4yLTEyOS44LDY2LjYtMjAzLjUsODVzLTE0OS45LDIyLjQtMjI4LjYsMTIuMgoJYy01MS02LjYtMTAyLjQtMjEuMS0xNTMuOS00Mi42QzkzNy41LDQ0OC44LDg1Ny45LDM5OS42LDgzNy4yLDM3OS44eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ1OC41LDM0Ni42YzcuMSwxLjQsMTQuMywyLjEsMjEuNSwyLjFjMTkuOCwwLDM4LjgtNC43LDUyLTEyLjhjMjIuMy0xMy43LDM3LjctMzYuMyw0Mi40LTYyCgljMS4xLTUuOCwwLjgtMTIuMSwwLjYtMTYuN2MtMC44LTE2LjEtOC40LTMxLjQtMTIuMy0zNy4xYy02LTguNy0xNS43LTE2LjQtMzAuNy0yNC4zYy0zLjMtMS43LTYuNi0zLjMtOS44LTQuOQoJYy03LjctMy43LTE0LjktNy4zLTIxLjMtMTEuOGMtMTIuMi05LTE2LjgtMTkuMi0xNC4yLTMxLjJjMi42LTExLjYsMTMuNi0xOC45LDI4LjgtMTguOWMyLjIsMCw0LjMsMC4xLDYuNCwwLjQKCWM3LjgsMSwxNy40LDMuOCwyOC43LDguMWMxLjksMC43LDMuOSwxLjEsNiwxLjFjNi4xLDAsMTEuNy0zLjMsMTQuNi04LjZsMTUuMi0yNy40Yy0xOC44LTExLjctNDAtMjIuNy02Ni42LTI1LjEKCWMtMy4zLTAuMy02LjgtMC41LTEwLjItMC41Yy0xMy4xLDAtMzguMSwyLjQtNTcuNSwxOC4zYy0xMC41LDguNi0yOC40LDI3LjQtMzAuOSw1Ni44Yy0xLjIsMTQuNiwyLjcsMzUuMiw4LjMsNDQuMQoJYzguOCwxMy45LDE5LjcsMjEuNCw0MC45LDMzLjJjMjguNywxNiwzMi43LDIyLjcsMzUuMywyNy4xYzAuMSwwLjIsMC4yLDAuNCwwLjMsMC42YzQuOSw4LjEsNS4xLDE4LjUsMC41LDI1LjkKCWMtNSw4LjEtMTMuNywxMi4yLTI2LDEyLjJjLTUuOC0wLjEtMTEuNS0wLjgtMTcuMS0yLjJjLTcuOS0yLjEtMTUuNS01LTIyLjctOC43Yy04LTQtMTcuOC0xLTIyLjEsNi44bC0xNS42LDI4LjEKCUMxNDA4LjgsMzIzLjYsMTQzNC42LDM0MS43LDE0NTguNSwzNDYuNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5OS42LDI5MC43Yy05LjYsMC41LTE0LjUtNS41LTE0LjUtMTUuN2MwLjMtMi43LDEzLjYtMTI4LjMsMTguOC0xNzhjMS05LjktNi4xLTE4LjctMTYtMTkuOAoJYy0wLjYtMC4xLTEuMy0wLjEtMS45LTAuMWgtMzAuMWMtOC43LDAtMTYuMiw2LjMtMTcuNywxNC45YzAsMC0yLjEsMTYuMy0yLjEsMTYuOGMtMTguNC0xNy4xLTM3LjYtMjQuNy01OC44LTI0LjcKCWMtMzIuMSwwLTU4LjEsMTUtNzguNiw0My43cy0zMC4xLDY3LTMwLjEsMTE0LjFjMCwzNC4yLDcsNTkuOSwyMS45LDc4LjZjMTQuNSwxOC4yLDMzLjUsMjgsNTcuNCwyOGMxMy43LDAsMjcuOS0zLjUsMzktMTAuMgoJYzExLjItNi43LDIwLjctMTUuOCwyOC0yNi42YzAuMSwwLjMsMC4yLDAuNywwLjMsMXYwLjFjOC45LDIzLjMsMjkuOSwzNS41LDUxLDM1LjVjMjMuOSwwLDQ2LjEtMTUuNSw0OS4zLTM0LjMKCWMwLjgtNC43LDIuNS0yNC4yLDIuNS0yNC4yUzUwMi41LDI5MC42LDQ5OS42LDI5MC43eiBNMzc3LjMsMjkxLjljLTE4LDAtNDIuMi0xNi00NS4xLTQ2LjFjLTEuMi0xMi42LTEuNC0yMS40LDAtMzIuMQoJYzIuNy0yMC45LDExLTM3LjYsMTYuOC00Ni4xYzYuNC05LjMsMjIuOS0yMy41LDQ1LjYtMjMuOWMxMS42LTAuMiwyNS45LDMuNiwzNi42LDEyLjNjLTIuNywyNi4xLTYuNSw2MS42LTExLjEsMTA1LjkKCUM0MTIuOCwyODEuNCwzOTUuNiwyOTEuOSwzNzcuMywyOTEuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOTQuMywyOTFjLTkuNiwwLjUtMTQuNS01LjUtMTQuNS0xNS43YzAuMy0yLjcsMjEuNy0yMDUuNywyNi45LTI1NS40YzEtOS45LTYuMS0xOC44LTE2LTE5LjgKCWMtMC42LTAuMS0xLjMtMC4xLTEuOS0wLjFoLTMwLjFjLTguNywwLTE2LjIsNi4zLTE3LjcsMTQuOWMwLDAtMjkuNiwyNzMuMi0yOS42LDI4MC42Yy0wLjMsNiwwLjUsMTEuOSwyLjMsMTcuNgoJYzcuMiwyMi4yLDI2LjUsMzUuNiw0Ny4yLDM1LjVjMjMuOS0wLjEsNDYuMS0xNS41LDQ5LjMtMzQuM2MwLjgtNC43LDIuNS0yNC4yLDIuNS0yNC4yUzEwOTcuMiwyOTAuOCwxMDk0LjMsMjkxeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTM2NC4zLDI5MS4xYy05LjYsMC41LTE0LjUtNS41LTE0LjUtMTUuN2MwLjMtMi43LDEzLjUtMTI4LjUsMTguNy0xNzguMmMxLTkuOS02LjEtMTguNy0xNi0xOS44CgljLTAuNi0wLjEtMS4yLTAuMS0xLjktMC4xaC0zMC4xYy04LjcsMC0xNi4yLDYuMy0xNy43LDE0LjlsLTE4LDE3MC41Yy0zLjUsMTAtMTAuNCwxOC42LTE5LjQsMjQuMWMtMTAuOCw2LjMtMjUuNyw3LjMtMzkuOSwyLjcKCWMtOS42LTMuMS0yMC40LTEyLjgtMjAuNC0zMC4yYzAuOS04LjgsMTEuOS0xMTIuNiwxNy4xLTE2Mi4yYzEtOS45LTYuMS0xOC43LTE2LTE5LjhjLTAuNi0wLjEtMS4zLTAuMS0xLjktMC4xaC0zMC4xCgljLTguNywwLTE2LjIsNi4zLTE3LjcsMTQuOWMwLDAtMjEsMTk1LjgtMjEsMjAzLjNjLTAuMiw1LjIsMC4zLDEwLjUsMS43LDE1LjVjMTAuNSwzNC4zLDM5LjcsMzcuMyw0Ny44LDM3LjYKCWMxMi42LDAuNCwzMy0wLjUsNTguMi0xMi44YzIyLjgtMTEuMSwzNy0yMi45LDM4LTI0YzAuNywwLjksMS4zLDEuOSwxLjgsMi45YzEyLjYsMjIuNCwyNy44LDMzLjksNDguMywzMy45CgljMjMuOCwwLDQ2LjEtMTUuNSw0OS4zLTM0LjNjMC44LTQuNywyLjUtMjQuMiwyLjUtMjQuMlMxMzY3LjIsMjkwLjksMTM2NC4zLDI5MS4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjkzLjcsNzcuMmMtNy4xLDAtMTMuNSw0LjItMTYuNCwxMC42YzAsMC0zNC44LDc0LjYtNDQuMSwxMDAuNWMtMi4yLDYuMi02LjUsMTYuOC05LjMsMjcuOAoJYy0wLjMsMS4xLTEuNCwxLjctMi40LDEuNGMtMC44LTAuMi0xLjQtMC45LTEuNS0xLjdjMCwwLTMuOS0yMC41LTUuMi0yNy42Yy00LjctMjQuNS0xNC45LTY3LjQtMjEuNy05Ny4yYy0xLjktOC4yLTkuMS0xNC0xNy41LTE0CgloLTMwLjRjLTkuOSwwLTE4LDguMS0xOCwxOGMwLDEuMywwLjIsMi43LDAuNSw0YzEzLjUsNTguNCw0OS4yLDIxMi41LDQ5LjIsMjEyLjZMNTM3LDQwMC41Yy00LjEsOS4xLDAsMTkuNyw5LjEsMjMuOAoJYzIuMywxLDQuOCwxLjYsNy40LDEuNmg0NC40YzEuOS00LjgsMTA5LjMtMjQzLjksMTQ1LTMyMy40YzQuMS05LjEsMC0xOS43LTkuMS0yMy44Yy0yLjMtMS00LjgtMS42LTcuNC0xLjZMNjkzLjcsNzcuMnoiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  /* &.no-image {
    background-image: none;
  }
  &.no-image::before {
    content: "Processing...";
    position: relative;
    bottom: 27px;
    font-size: 7px;
    color: white;
  } */
}

@keyframes fade {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}