Style for form application,confirmations, playment

backend/core/templates/payment.html

@@ -1,14 +1,23 @@
 {% extends 'base.html' %}
 
 {% block content %}
-<div class="out-risk-management">
-    <div class="risk-management">
-        <h2>Payment</h2>
-        <p>Click the button below to pay and access your document.</p>
+<div class="confirmed">
+    <div class="confirmation-card">
+        <h2 class="title-org">Payment</h2>
+        <p class="info-p">
+            Click the button below to pay and access your document.
+        </p>
         <form method="post">
             {% csrf_token %}
-            <button class="btn-bl" type="submit">Pay</button>
+            <button class="btn-primary-orn" type="submit">Pay</button>
         </form>
+    </div>
 </div>
-</div>
+
+<script>
+    nav = document.querySelector('nav');
+    confirmed = document.querySelector('.confirmed');
+    confirmed.style.height = `calc(100vh - ${nav.offsetHeight}px)`;
+</script>
+
 {% endblock %}