.divider-design {
    border-bottom: 1px solid var(--site-color);
    position: relative;
}

/* Existing diamond shape */
.divider-design::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--site-color);
    position: absolute;
    bottom: -10.4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: 1;
}

/* NEW: Blinking circular dot */
.divider-design::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    bottom: -6.5px;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    animation: blinkDot 1.4s infinite ease-in-out;
    box-shadow: 0 0 8px #e9e9e9ff;
}

/* Blinking animation */
@keyframes blinkDot {
    0% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }

    50% {
        opacity: 0.3;
        transform: translateX(-50%) scale(0.7);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}