`
+ - Inner: `.wrapper.wrapper--inner` > `h2.section-heading.heading--md`
+ - Steps container: `.collaboration-steps` with max-width 900px, margin auto, padding 20px 0
+ - Each step: `.collaboration-step` with flex layout, gap 20px, margin-bottom 40px (except last)
+ - Step number: `.step-number` — circular green gradient (#88b14b → #6a8f3a), 60x60, white text
+ - Connector line: `.step-connector` — 2px wide, gradient green to gray, between steps (not after last)
+ - Step content: `.step-content` — gray bg (#f8f9fa), 4px green left border, rounded
+ - Bottom text: `.col-text-content.mt-4.text-center` > ``
+
+ Move inline styles to classes where possible, but keep them if removing would break existing CSS dependencies.
+ Include the existing hover/responsive CSS from page-2707.php as a
diff --git a/wp-content/themes/ostal_WP/template-parts/sections/section-hero-with-form.php b/wp-content/themes/ostal_WP/template-parts/sections/section-hero-with-form.php
index 3a4f39c..6520275 100644
--- a/wp-content/themes/ostal_WP/template-parts/sections/section-hero-with-form.php
+++ b/wp-content/themes/ostal_WP/template-parts/sections/section-hero-with-form.php
@@ -10,9 +10,9 @@
-
+
-
+