diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index a8e25437bd3c728f3944314108835bae2a18b7a0..f789a326efcf33e258d949464a1fe6444592fc94 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -4,6 +4,7 @@ import { LoremShort } from "../components/Loremipsum";
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import { openElement } from "../utils/openElement";
+import { H3 } from "../components/Headings";
 
 
 
@@ -53,9 +54,11 @@ export function Engineering() {
           <div className="col">
           <br/> <br/> <br/>
             <div id="tab-our-cycle" className="enginneeringtab" style={{display: "block"}}>
-               <section id="Our Cycle">
-                  <h3>Our Cycle</h3>
-                  <p>Hallo Prime Editing diesdas</p>
+               <section >
+                  <div className="bg-lb box" >
+                     <H3 text="Our cycle" id="Our Cycle"></H3>
+                     <p>Hallo Prime Editing diesdas</p>
+                  </div>
                   <br/>
                   <div className="row">
                      <div className="col">
@@ -69,9 +72,9 @@ export function Engineering() {
             </div>
             
             <div id="tab-proof-of-concept" className="enginneeringtab" style={{display: "none"}}>
-               <section id="Proof of Concept" >
+               <section  >
                   <div className="bg-lb box" >
-                     <h3>Proof of Concept</h3>
+                     <H3 id="Proof of Concept" text="Proof of Concept"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>
                   <br/>
@@ -87,9 +90,9 @@ export function Engineering() {
             </div>
             
             <div className="enginneeringtab" id="tab-pe-systems" style={{display: "none"}}>
-            <section id="PE Systems" >
-                  <div className="box" >
-                     <h3>PE Systems</h3>
+            <section id="PE Systems sec" >
+                  <div className="bg-lb box" >
+                     <H3 id="PE Systems" text="PE Systems"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>
                   <br/>
@@ -104,9 +107,9 @@ export function Engineering() {
                </section>
             </div>
             <div className="enginneeringtab" id="tab-nikase" style={{display: "none"}}>
-            <section id="Nikase" >
-                  <div className="box" >
-                     <h3>Nikase</h3>
+            <section id="Nikase sec" >
+                  <div className="bg-lb box" >
+                     <H3 id="Nikase" text="Nikase"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>
                   <br/>
@@ -121,9 +124,9 @@ export function Engineering() {
                </section>
             </div>
             <div className="enginneeringtab" id="tab-pegrna" style={{display: "none"}}>
-            <section id="pegRNA" >
-                  <div className="box" >
-                     <h3>pegRNA</h3>
+            <section id="pegRNA sec" >
+                  <div className="bg-lb box" >
+                     <H3 id="pegRNA" text="pegRNA"></H3>
                      <p><LoremShort></LoremShort></p>
                   </div>
                   <br/>
@@ -138,9 +141,12 @@ export function Engineering() {
                </section>
             </div>
             <div className="enginneeringtab" id="tab-delivery" style={{display: "none"}}>
-               <section id="Delivery" >
+               <section id="Delivery sec" >
+                  <div className="bg-lb box" >
+                     <H3 id="Delivery" text="Delivery"></H3>
+                     <p><LoremShort></LoremShort></p>
+                  </div>
                   <div className="box" >
-                     <h3>Delivery</h3>
                      <p id="del1">
                         <h3>del1</h3>
                         <LoremShort></LoremShort>
@@ -161,9 +167,11 @@ export function Engineering() {
             </div>
 
             <div className="enginneeringtab" id="tab-references" style={{display: "none"}}>
-               <section id="References" >
-                  <h3>References</h3>
-                  <p><LoremShort></LoremShort></p>
+               <section id="References sec" >
+                  <div className="bg-lb box" >
+                     <H3 id="References" text="References"></H3>
+                     <p><LoremShort></LoremShort></p>
+                  </div>
                   <br/>
                   <div className="row ">
                      <div className="col">