/* Updated CSS with 45-degree tilt on both X and Y axes and new class names */
.digitalfirehouse-loader-01-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 9999;
}

.digitalfirehouse-loader-01-circle {
  position: absolute;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  transform-style: preserve-3d;
  transform: perspective(1000px) rotateY(45deg) rotateX(45deg);
}

.digitalfirehouse-loader-01-circle:nth-child(1) {
  left: 2.1875vh;
  top: 2.1875vh;
  width: 65.625vh;
  height: 65.625vh;
  animation: spin 12s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(2) {
  left: 4.375vh;
  top: 4.375vh;
  width: 61.25vh;
  height: 61.25vh;
  animation: spin 6s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(3) {
  left: 6.5625vh;
  top: 6.5625vh;
  width: 56.875vh;
  height: 56.875vh;
  animation: spin 4s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(4) {
  left: 8.75vh;
  top: 8.75vh;
  width: 52.5vh;
  height: 52.5vh;
  animation: spin 3s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(5) {
  left: 10.9375vh;
  top: 10.9375vh;
  width: 48.125vh;
  height: 48.125vh;
  animation: spin 2.4s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(6) {
  left: 13.125vh;
  top: 13.125vh;
  width: 43.75vh;
  height: 43.75vh;
  animation: spin 2s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(7) {
  left: 15.3125vh;
  top: 15.3125vh;
  width: 39.375vh;
  height: 39.375vh;
  animation: spin 1.714285714285714s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(8) {
  left: 17.5vh;
  top: 17.5vh;
  width: 35vh;
  height: 35vh;
  animation: spin 1.5s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(9) {
  left: 19.6875vh;
  top: 19.6875vh;
  width: 30.625vh;
  height: 30.625vh;
  animation: spin 1.333333333333333s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(10) {
  left: 21.875vh;
  top: 21.875vh;
  width: 26.25vh;
  height: 26.25vh;
  animation: spin 1.2s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(11) {
  left: 24.0625vh;
  top: 24.0625vh;
  width: 21.875vh;
  height: 21.875vh;
  animation: spin 1.090909090909091s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(12) {
  left: 26.25vh;
  top: 26.25vh;
  width: 17.5vh;
  height: 17.5vh;
  animation: spin 1s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(13) {
  left: 28.4375vh;
  top: 28.4375vh;
  width: 13.125vh;
  height: 13.125vh;
  animation: spin 0.923076923076923s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(14) {
  left: 30.625vh;
  top: 30.625vh;
  width: 8.75vh;
  height: 8.75vh;
  animation: spin 0.857142857142857s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(15) {
  left: 32.8125vh;
  top: 32.8125vh;
  width: 4.375vh;
  height: 4.375vh;
  animation: spin 0.8s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(16) {
  left: 35vh;
  top: 35vh;
  width: 0vh;
  height: 0vh;
  animation: spin 0.75s infinite linear;
}

.digitalfirehouse-loader-01-circle:nth-child(2n) {
  border: 2px dashed rgba(255, 255, 255, 0.5);
}

.digitalfirehouse-loader-01-circle:last-child {
  display: none;
}

@keyframes spin {
  0% {
    transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: rotateX(360deg) rotateY(360deg);
  }
}