.scroll-arrow {
        position: fixed;
        bottom: 80px; /* Positioned above your install button */
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
        color: #f7f7fa; /* Matching your theme green */
        text-align: center;
        transition: opacity 0.5s ease;
        animation: bounce 2s infinite;
        pointer-events: none; /* User can click through it */
    }

    .scroll-arrow i {
       
        font-size: 4rem;
        display: block;
        transform: rotate(180deg); /* Triangle pointing down */
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {transform: translateX(-50%) translateY(0);}
        40% {transform: translateX(-50%) translateY(-10px);}
        60% {transform: translateX(-50%) translateY(-5px);}
    }