.scroll-container {
                max-height: 400px; /* Adjust as needed */
                overflow-y: auto;
                position: relative;
            }
            .arrow {
                text-align: center;
                cursor: pointer;
            }
            .card-content {
                padding: 10px;
            }
            .arrow img {
                width: 24px; /* Adjust as needed */
                height: 24px; /* Adjust as needed */
            }
            .icon {
                display: flex;
                align-items: center;
                margin-bottom: 10px;
            }
            .icon img {
                width: 32px; /* Adjust as needed */
                height: 32px; /* Adjust as needed */
                margin-right: 10px;
            }