/* CSS for animated pointers */
.animated-pointers {
    overflow: hidden;
    font-size: 15px;
    line-height: 1.6;
    color: white;
    text-align: justify;
    padding: 20px;
    font-style: italic;
        font-family: var(--fistudy-font-two);
}

.pointer-item {
    opacity: 0;
    margin-bottom: 15px;
    display: block;
    font-size: 15px;
    line-height: 1.6;
    color: white;
    text-align: justify;
}

/* Animation keyframes */
@keyframes slideInRight {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.pointer-bullet {
  color: #FFD700; /* Gold color for bullet points */
  font-size: 18px;
  font-weight: bold;
  margin-right: 8px;
}