.vision {
    overflow: hidden;
    white-space: nowrap; 
    width: 100%; 
    color: #1d1d1d;
    border-top: 1px solid #C7C8C5;
    border-bottom: 1px solid #C7C8C5;
    background: rgba(255, 255, 255, 0.5); 
    backdrop-filter: blur(10px);
    width: 100%;

    p {
      display: inline-block;
      animation: scroll 80s linear infinite;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.1rem;
      gap: 10px;
      padding: 10px 0;
      font-weight: 5400;

      @media (max-width: 768px) {
        font-size: 14px;
      }
    }
  }

  @keyframes scroll {
    from {
      transform: translateX(100%); 
    }
    to {
      transform: translateX(-100%); 
    }
  }

  .dot {
    color: #d9a727; 
  }