/* Custom logo styles */
.custom-logo {
    width: 10px; /* Adjust size as needed */
    height: 10px; /* Adjust size as needed */
    border-radius: 50%; /* Makes the logo circular */
    border: 5px solid transparent; /* Base border */
    background: linear-gradient(to right, #007bff, #00ccff); /* Wave effect color */
    background-clip: padding-box;
    position: relative;
    overflow: hidden;
}

.custom-logo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    z-index: 1;
    border-radius: 50%;
    animation: wave 2s infinite;
}

.custom-logo img {
    width: 10%; /* Make sure the image fits within the circular container */
    height: 10%; /* Ensure it maintains the aspect ratio */
    object-fit: cover; /* Ensures the image covers the circle */
    border-radius: 50%; /* Ensures the image is circular */
    position: relative;
    z-index: 2;
}

@keyframes wave {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}