diff --git a/benefits/enrollment/templates/enrollment/includes/media-item--bankcardcheck--index--calfresh.html b/benefits/enrollment/templates/enrollment/includes/media-item--bankcardcheck--index--calfresh.html
new file mode 100644
index 0000000000..3fe204c17b
--- /dev/null
+++ b/benefits/enrollment/templates/enrollment/includes/media-item--bankcardcheck--index--calfresh.html
@@ -0,0 +1,22 @@
+{% extends "core/includes/media-item.html" %}
+{% load i18n %}
+
+{% block icon %}
+ {% include "core/includes/icon.html" with name="bankcardcheck" %}
+{% endblock icon %}
+
+{% block heading %}
+ {% translate "The next step is to connect your contactless card to your transit benefit" %}
+{% endblock heading %}
+
+{% block body %}
+
+
+ {% translate "You will be directed to our payment partner, " %}
+ {% include "core/includes/modal-trigger.html" with modal="modal--littlepay" text="Littlepay" period=True %}
+ {% translate "We don’t store your information, and you won’t be charged." %}
+
+
+
+ {% include "enrollment/includes/modal--littlepay.html" with id="modal--littlepay" size="modal-md" header="p-md-2 p-3" body="pb-md-3 mb-md-3 mx-md-3 py-0 pt-0 absolute-top" %}
+{% endblock body %}
diff --git a/benefits/enrollment/templates/enrollment/index--calfresh.html b/benefits/enrollment/templates/enrollment/index--calfresh.html
new file mode 100644
index 0000000000..6f6d55183e
--- /dev/null
+++ b/benefits/enrollment/templates/enrollment/index--calfresh.html
@@ -0,0 +1,16 @@
+{% extends "enrollment/index.html" %}
+{% load i18n %}
+
+{% block media-items %}
+
+
+ {% include "enrollment/includes/media-item--bankcardcheck--index--calfresh.html" %}
+
+
+{% endblock media-items %}
+
+{% block additional-info %}
+
+{% endblock additional-info %}
diff --git a/benefits/enrollment/templates/enrollment/index.html b/benefits/enrollment/templates/enrollment/index.html
index b2fdeee0dc..091d7a0bc1 100644
--- a/benefits/enrollment/templates/enrollment/index.html
+++ b/benefits/enrollment/templates/enrollment/index.html
@@ -20,11 +20,15 @@
{% endblock headline %}
{% block inner-content %}
-
-
- {% include "enrollment/includes/media-item--bankcardcheck--index.html" %}
-
-
+ {% block media-items %}
+
+
+ {% include "enrollment/includes/media-item--bankcardcheck--index.html" %}
+
+
+ {% endblock media-items %}
+ {% block additional-info %}
+ {% endblock additional-info %}
{% comment %}
This Javascript code is partially generated by this template and so it must
come before the forms, which are rendered at just before the {% endblock inner-content %}