.hero-img{
    animation-name: hero-img;
    animation-timing-function: ease-in-out;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}


@keyframes hero-img{
    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-40px);
    }
    100%{
        transform: translateY(0px);
    }
}


/* animated text */

/* Blinking cursor */
    .cursor {
      display: inline-block;
      width: 2px;
      background-color: currentColor;
      animation: blink 1s alternate;
    }
    @keyframes blink {
      0%, 50%, 100% { opacity: 1; }
      25%, 75% { opacity: 0; }
    }

    /* form */

    /* small custom tweaks */
    .left-accent {
      border-left: 3px solid #f0522d; /* red/orange accent like image */
    }
    /* placeholder color softer */
    input::placeholder, textarea::placeholder {
      color: #9ca3af;
    }



    

    /* slider */
/* ensure flex items don’t shrink and track moves smoothly */
  #slider { display: flex; transition: transform 0.5s ease; }
  .slide { flex-shrink: 0; }