.container-header .navbar-brand {
margin: auto;
}
}
@keyframes breathe {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.breathe-effect {
    animation: breathe 3s ease-in-out 1;
}

@keyframes glowing {
  0% {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #4B0082, 0 0 40px #4B0082, 0 0 50px #4B0082, 0 0 60px #4B0082, 0 0 70px #4B0082; /* Dark Violet (Indigo) */
  }
  33.33% {
    box-shadow: 0 0 20px #fff, 0 0 30px #4B0082, 0 0 40px #4B0082, 0 0 50px #4B0082, 0 0 60px #4B0082, 0 0 70px #4B0082, 0 0 80px #4B0082; /* Dark Violet (Indigo) */
  }
  66.66% {
    box-shadow: 0 0 20px #fff, 0 0 30px rgba(255, 255, 224, 0.8), 0 0 40px rgba(255, 255, 224, 0.8), 0 0 50px rgba(255, 255, 224, 0.8), 0 0 60px rgba(255, 255, 224, 0.8), 0 0 70px rgba(255, 255, 224, 0.8), 0 0 80px rgba(255, 255, 224, 0.8);
  }
  100% {
    box-shadow: 0 0 20px #fff, 0 0 30px rgba(255, 255, 224, 0.8), 0 0 40px rgba(255, 255, 224, 0.8), 0 0 50px rgba(255, 255, 224, 0.8), 0 0 60px rgba(255, 255, 224, 0.8), 0 0 70px rgba(255, 255, 224, 0.8), 0 0 80px rgba(255, 255, 224, 0.8);
  }
}

.glowing-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: transparent;
  animation: glowing 4.5s ease-in-out; /* Total duration for three cycles */
  position: relative;
}

.divine-light {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: 100px;
  background: radial-gradient(circle, rgba(255, 255, 224, 0.8), rgba(255, 215, 0, 0));
  opacity: 0;
  animation: expandLight 1.5s ease-in-out 4.5s forwards; /* Starts after glowing ends */
  z-index: -1; /* Ensure it is behind the content */
}

.navbar-brand {
  position: relative;
}