diff --git a/src/components/bcl-accordion/__snapshots__/accordion.test.js.snap b/src/components/bcl-accordion/__snapshots__/accordion.test.js.snap
index 596d09b55..a8e141e76 100644
--- a/src/components/bcl-accordion/__snapshots__/accordion.test.js.snap
+++ b/src/components/bcl-accordion/__snapshots__/accordion.test.js.snap
@@ -6,9 +6,15 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
     class="accordion accordion-flush"
     id="accordion-1"
   >
+        
     <div
       class="d-flex justify-content-end gap-3 mb-3"
     >
+      
+                              
+
+      
+
       <button
         class="btn btn-primary btn-md"
         data-action="expand"
@@ -17,6 +23,12 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
       >
         Expand section
       </button>
+      
+
+                                  
+
+      
+
       <button
         class="btn btn-secondary btn-md"
         data-action="collapse"
@@ -25,17 +37,30 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
       >
         Collapse section
       </button>
+      
+
+      
     </div>
+    
+    
     <div
       class="accordion-items-wrapper"
     >
+      
+                            
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-1"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-1"
             aria-expanded="false"
@@ -45,17 +70,27 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #1
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-1"
           class="accordion-collapse collapse show"
           id="collapse-1-1"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -63,15 +98,27 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-2"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-2"
             aria-expanded="false"
@@ -81,17 +128,27 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #2
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-2"
           class="accordion-collapse collapse"
           id="collapse-1-2"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -99,15 +156,27 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-3"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-3"
             aria-expanded="false"
@@ -117,17 +186,27 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #3
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-3"
           class="accordion-collapse collapse"
           id="collapse-1-3"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -135,9 +214,17 @@ exports[`OE - Accordion flush variant renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -148,9 +235,15 @@ exports[`OE - Accordion renders correctly 1`] = `
     class="accordion"
     id="accordion-1"
   >
+        
     <div
       class="d-flex justify-content-end gap-3 mb-3"
     >
+      
+                              
+
+      
+
       <button
         class="btn btn-primary btn-md"
         data-action="expand"
@@ -159,6 +252,12 @@ exports[`OE - Accordion renders correctly 1`] = `
       >
         Expand section
       </button>
+      
+
+                                  
+
+      
+
       <button
         class="btn btn-secondary btn-md"
         data-action="collapse"
@@ -167,17 +266,30 @@ exports[`OE - Accordion renders correctly 1`] = `
       >
         Collapse section
       </button>
+      
+
+      
     </div>
+    
+    
     <div
       class="accordion-items-wrapper"
     >
+      
+                            
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-1"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-1"
             aria-expanded="false"
@@ -187,17 +299,27 @@ exports[`OE - Accordion renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #1
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-1"
           class="accordion-collapse collapse show"
           id="collapse-1-1"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -205,15 +327,27 @@ exports[`OE - Accordion renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-2"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-2"
             aria-expanded="false"
@@ -223,17 +357,27 @@ exports[`OE - Accordion renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #2
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-2"
           class="accordion-collapse collapse"
           id="collapse-1-2"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -241,15 +385,27 @@ exports[`OE - Accordion renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-3"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-3"
             aria-expanded="false"
@@ -259,17 +415,27 @@ exports[`OE - Accordion renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #3
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-3"
           class="accordion-collapse collapse"
           id="collapse-1-3"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -277,9 +443,17 @@ exports[`OE - Accordion renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -290,16 +464,25 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
     class="accordion"
     id="accordion-1"
   >
+      
     <div
       class="accordion-items-wrapper"
     >
+      
+                            
       <div
         class="accordion-item"
       >
+                
         <h5
           class="accordion-header"
           id="heading-1-1"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-1"
             aria-expanded="false"
@@ -309,11 +492,19 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #1
             </span>
+            
+          
           </button>
+          
+
+        
         </h5>
+        
+        
         <div
           aria-labelledby="heading-1-1"
           class="accordion-collapse collapse show"
@@ -321,6 +512,8 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
           id="collapse-1-1"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -328,15 +521,27 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h4
           class="accordion-header"
           id="heading-1-2"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-2"
             aria-expanded="false"
@@ -346,11 +551,19 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #2
             </span>
+            
+          
           </button>
+          
+
+        
         </h4>
+        
+        
         <div
           aria-labelledby="heading-1-2"
           class="accordion-collapse collapse"
@@ -358,6 +571,8 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
           id="collapse-1-2"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -365,15 +580,27 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h3
           class="accordion-header"
           id="heading-1-3"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-3"
             aria-expanded="false"
@@ -383,11 +610,19 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #3
             </span>
+            
+          
           </button>
+          
+
+        
         </h3>
+        
+        
         <div
           aria-labelledby="heading-1-3"
           class="accordion-collapse collapse"
@@ -395,6 +630,8 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
           id="collapse-1-3"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -402,9 +639,17 @@ exports[`OE - Accordion with custom title tags renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -415,19 +660,42 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
     class="accordion"
     id="accordion-1"
   >
+    
+
+  
+  
+
+
+
     <h4
       class="mb-4 bcl-heading"
     >
+      
+
+
+
+  
+    
+
       <a
         class="standalone"
         href="/example.html"
       >
         A title created by the bcl heading template
       </a>
+      
+
     </h4>
+    
+    
     <div
       class="d-flex justify-content-end gap-3 mb-3"
     >
+      
+                              
+
+      
+
       <button
         class="btn btn-primary btn-md"
         data-action="expand"
@@ -436,6 +704,12 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
       >
         Expand section
       </button>
+      
+
+                                  
+
+      
+
       <button
         class="btn btn-secondary btn-md"
         data-action="collapse"
@@ -444,17 +718,30 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
       >
         Collapse section
       </button>
+      
+
+      
     </div>
+    
+    
     <div
       class="accordion-items-wrapper"
     >
+      
+                            
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-1"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-1"
             aria-expanded="false"
@@ -464,17 +751,27 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #1
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-1"
           class="accordion-collapse collapse show"
           id="collapse-1-1"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -482,15 +779,27 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-2"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-2"
             aria-expanded="false"
@@ -500,17 +809,27 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #2
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-2"
           class="accordion-collapse collapse"
           id="collapse-1-2"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -518,15 +837,27 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+                                          
       <div
         class="accordion-item"
       >
+                
         <h2
           class="accordion-header"
           id="heading-1-3"
         >
+          
+                              
+
+
+
           <button
             aria-controls="collapse-1-3"
             aria-expanded="false"
@@ -536,17 +867,27 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
             data-bs-toggle="collapse"
             type="button"
           >
+                        
             <span>
               Accordion Item #3
             </span>
+            
+          
           </button>
+          
+
+        
         </h2>
+        
+        
         <div
           aria-labelledby="heading-1-3"
           class="accordion-collapse collapse"
           id="collapse-1-3"
           role="region"
         >
+          
+          
           <div
             class="accordion-body"
           >
@@ -554,9 +895,17 @@ exports[`OE - Accordion with main title renders correctly 1`] = `
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
           </div>
+          
+        
         </div>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-accordion/accordion.html.twig b/src/components/bcl-accordion/accordion.html.twig
index 692f07c81..7a740f04b 100644
--- a/src/components/bcl-accordion/accordion.html.twig
+++ b/src/components/bcl-accordion/accordion.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - title (string) (default: '')
@@ -141,4 +139,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-alert/__snapshots__/alert.test.js.snap b/src/components/bcl-alert/__snapshots__/alert.test.js.snap
index 2aec531c6..6d5c6aba7 100644
--- a/src/components/bcl-alert/__snapshots__/alert.test.js.snap
+++ b/src/components/bcl-alert/__snapshots__/alert.test.js.snap
@@ -6,13 +6,28 @@ exports[`OE - Alert danger renders correctly 1`] = `
     class="alert alert-danger d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-danger bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#dash-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -33,7 +48,10 @@ exports[`OE - Alert danger renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -44,13 +62,28 @@ exports[`OE - Alert dark renders correctly 1`] = `
     class="alert alert-dark d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-dark bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#info-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -71,7 +104,10 @@ exports[`OE - Alert dark renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -82,13 +118,28 @@ exports[`OE - Alert info renders correctly 1`] = `
     class="alert alert-info d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-info bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#info-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -109,7 +160,10 @@ exports[`OE - Alert info renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -120,13 +174,28 @@ exports[`OE - Alert light renders correctly 1`] = `
     class="alert alert-light d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#info-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -147,7 +216,10 @@ exports[`OE - Alert light renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -158,13 +230,28 @@ exports[`OE - Alert primary renders correctly 1`] = `
     class="alert alert-primary d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-primary bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#info-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -185,7 +272,10 @@ exports[`OE - Alert primary renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -196,13 +286,28 @@ exports[`OE - Alert renders correctly with icon changed 1`] = `
     class="alert alert-primary d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-primary bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#clock"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -223,7 +328,10 @@ exports[`OE - Alert renders correctly with icon changed 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -234,13 +342,28 @@ exports[`OE - Alert renders correctly without animation for the close button 1`]
     class="alert alert-primary d-flex align-items-center alert-dismissible text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-primary bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#info-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -261,7 +384,10 @@ exports[`OE - Alert renders correctly without animation for the close button 1`]
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -272,13 +398,28 @@ exports[`OE - Alert renders correctly without close button 1`] = `
     class="alert alert-primary d-flex align-items-center fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-primary bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#info-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -304,13 +445,28 @@ exports[`OE - Alert secondary renders correctly 1`] = `
     class="alert alert-secondary d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-secondary bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#info-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -331,7 +487,10 @@ exports[`OE - Alert secondary renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -342,13 +501,28 @@ exports[`OE - Alert success renders correctly 1`] = `
     class="alert alert-success d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-success bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#check-circle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -369,7 +543,10 @@ exports[`OE - Alert success renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
@@ -380,13 +557,28 @@ exports[`OE - Alert warning renders correctly 1`] = `
     class="alert alert-warning d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-warning bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#exclamation-triangle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -407,7 +599,10 @@ exports[`OE - Alert warning renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-alert/alert.html.twig b/src/components/bcl-alert/alert.html.twig
index a1b0e363d..dded835c0 100644
--- a/src/components/bcl-alert/alert.html.twig
+++ b/src/components/bcl-alert/alert.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - message (string) (default: '')
   - heading (string) (default: '')
@@ -80,4 +78,3 @@
 {%- endif -%}
 </div>
 
-{% endapply %}
diff --git a/src/components/bcl-badge/__snapshots__/badge.test.js.snap b/src/components/bcl-badge/__snapshots__/badge.test.js.snap
index 0126f4048..c47c48ab5 100644
--- a/src/components/bcl-badge/__snapshots__/badge.test.js.snap
+++ b/src/components/bcl-badge/__snapshots__/badge.test.js.snap
@@ -120,13 +120,28 @@ exports[`OE - badge renders correctly dismissible 1`] = `
       aria-hidden="true"
       class="icon--close"
     >
+      
+    
+
+
+
+  
+
+
       <svg
         class="bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#x-circle-fill"
         />
+        
+
       </svg>
+      
+
+  
     </span>
   </span>
 </jest>
@@ -169,13 +184,28 @@ exports[`OE - badge renders correctly with dismissible as link 1`] = `
       aria-hidden="true"
       class="icon--close"
     >
+      
+    
+
+
+
+  
+
+
       <svg
         class="bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#x-circle-fill"
         />
+        
+
       </svg>
+      
+
+  
     </span>
   </a>
 </jest>
diff --git a/src/components/bcl-badge/badge.html.twig b/src/components/bcl-badge/badge.html.twig
index 47cba476c..b2230eb0e 100644
--- a/src/components/bcl-badge/badge.html.twig
+++ b/src/components/bcl-badge/badge.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - label (string) (default: '')
   - background: (string) (default: 'primary')
@@ -76,4 +74,3 @@
 </span>
 {%- endif -%}
 
-{% endapply %}
diff --git a/src/components/bcl-blockquote/__snapshots__/blockquote.test.js.snap b/src/components/bcl-blockquote/__snapshots__/blockquote.test.js.snap
index 0c882d5e3..e6fd91f85 100644
--- a/src/components/bcl-blockquote/__snapshots__/blockquote.test.js.snap
+++ b/src/components/bcl-blockquote/__snapshots__/blockquote.test.js.snap
@@ -5,13 +5,21 @@ exports[`OE - Blockquote renders correctly 1`] = `
   <figure
     class="text-left bg-lighter p-2 px-2-5 border-4 border-secondary border-start"
   >
+    
+  
     <blockquote
       class="blockquote mb-2"
     >
+      
+    
       <p>
         A well-known quote, contained in a blockquote element.
       </p>
+      
+  
     </blockquote>
+    
+  
     <figcaption
       class="blockquote-footer m-0"
     >
@@ -21,7 +29,11 @@ exports[`OE - Blockquote renders correctly 1`] = `
       >
         Source title
       </cite>
+      
+    
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -31,13 +43,21 @@ exports[`OE - Blockquote renders correctly with no attribution 1`] = `
   <figure
     class="text-left bg-lighter p-2 px-2-5 border-4 border-secondary border-start"
   >
+    
+  
     <blockquote
       class="blockquote mb-2"
     >
+      
+    
       <p>
         A well-known quote, contained in a blockquote element.
       </p>
+      
+  
     </blockquote>
+    
+
   </figure>
 </jest>
 `;
@@ -47,18 +67,28 @@ exports[`OE - Blockquote renders correctly with no cite 1`] = `
   <figure
     class="text-left bg-lighter p-2 px-2-5 border-4 border-secondary border-start"
   >
+    
+  
     <blockquote
       class="blockquote mb-2"
     >
+      
+    
       <p>
         A well-known quote, contained in a blockquote element.
       </p>
+      
+  
     </blockquote>
+    
+  
     <figcaption
       class="blockquote-footer m-0"
     >
       Someone famous in  
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -68,13 +98,21 @@ exports[`OE - Blockquote renders correctly with text aligned center 1`] = `
   <figure
     class="text-center bg-lighter p-2 px-2-5 border-4 border-secondary border-top"
   >
+    
+  
     <blockquote
       class="blockquote mb-2"
     >
+      
+    
       <p>
         A well-known quote, contained in a blockquote element.
       </p>
+      
+  
     </blockquote>
+    
+  
     <figcaption
       class="blockquote-footer m-0"
     >
@@ -84,7 +122,11 @@ exports[`OE - Blockquote renders correctly with text aligned center 1`] = `
       >
         Source title
       </cite>
+      
+    
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -94,13 +136,21 @@ exports[`OE - Blockquote renders correctly with text aligned right 1`] = `
   <figure
     class="text-right bg-lighter p-2 px-2-5 border-4 border-secondary border-start"
   >
+    
+  
     <blockquote
       class="blockquote mb-2"
     >
+      
+    
       <p>
         A well-known quote, contained in a blockquote element.
       </p>
+      
+  
     </blockquote>
+    
+  
     <figcaption
       class="blockquote-footer m-0"
     >
@@ -110,7 +160,11 @@ exports[`OE - Blockquote renders correctly with text aligned right 1`] = `
       >
         Source title
       </cite>
+      
+    
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
diff --git a/src/components/bcl-blockquote/blockquote.html.twig b/src/components/bcl-blockquote/blockquote.html.twig
index 2c2e431cb..eae1c60ea 100644
--- a/src/components/bcl-blockquote/blockquote.html.twig
+++ b/src/components/bcl-blockquote/blockquote.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
@@ -70,4 +68,3 @@
 {% endif %}
 </figure>
 
-{% endapply %}
diff --git a/src/components/bcl-breadcrumb/__snapshots__/breadcrumb.test.js.snap b/src/components/bcl-breadcrumb/__snapshots__/breadcrumb.test.js.snap
index e551bd723..f5125e824 100644
--- a/src/components/bcl-breadcrumb/__snapshots__/breadcrumb.test.js.snap
+++ b/src/components/bcl-breadcrumb/__snapshots__/breadcrumb.test.js.snap
@@ -5,50 +5,104 @@ exports[`OE - Breadcrumb renders correctly 1`] = `
   <nav
     aria-label="breadcrumb"
   >
+    
+  
     <ol
       class="breadcrumb"
     >
+      
+                                  
       <li
         class="breadcrumb-item d-none d-md-block"
       >
+                  
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Home
         </a>
+        
+        
       </li>
+      
+                                  
       <li
         class="breadcrumb-item d-none d-md-block"
       >
+                  
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           European Union
         </a>
+        
+        
       </li>
+      
+                                                
       <li
         class="breadcrumb-item"
       >
+                                        
+
+
+                      
+  
+
+
         <a
           href="/example.html"
         >
+          
+
+
+
+
+
+
           <svg
             class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
           >
+            
+  
             <use
               xlink:href="/icons.svg#arrow-left"
             />
+            
+
           </svg>
-          About the European Union
+          
+
+About the European Union
         </a>
+        
+        
       </li>
+      
+                                                        
       <li
         aria-current="page"
         class="breadcrumb-item d-none d-md-block active"
       >
         News
       </li>
+      
+      
     </ol>
+    
+
   </nav>
 </jest>
 `;
diff --git a/src/components/bcl-breadcrumb/breadcrumb.html.twig b/src/components/bcl-breadcrumb/breadcrumb.html.twig
index f4685526a..78e9dafd2 100644
--- a/src/components/bcl-breadcrumb/breadcrumb.html.twig
+++ b/src/components/bcl-breadcrumb/breadcrumb.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - links (link[]) (default: [])
   - icon_path (string) (default: '')
@@ -59,4 +57,3 @@
 </nav>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-button-group/__snapshots__/button-group.test.js.snap b/src/components/bcl-button-group/__snapshots__/button-group.test.js.snap
index 43d3f886d..3b7115480 100644
--- a/src/components/bcl-button-group/__snapshots__/button-group.test.js.snap
+++ b/src/components/bcl-button-group/__snapshots__/button-group.test.js.snap
@@ -6,50 +6,132 @@ exports[`OE - Button-group input-group renders correctly 1`] = `
     class="btn-group btn-group-md"
     role="group"
   >
+    
+                            
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
     <input
       class="form-check-input btn-check"
       id="submit-1"
       type="checkbox"
     />
+    
+      
     <label
       class="form-check-label btn btn-outline-primary"
       for="submit-1"
     >
       I am a input field
     </label>
+    
+  
+
+                                
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
     <input
       class="form-check-input btn-check"
       id="submit-2"
       type="checkbox"
     />
+    
+      
     <label
       class="form-check-label btn btn-secondary"
       for="submit-2"
     >
       I am a input field
     </label>
+    
+  
+
+                                
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
     <input
       class="form-check-input btn-check"
       id="submit-3"
       type="checkbox"
     />
+    
+      
     <label
       class="form-check-label btn btn-primary"
       for="submit-3"
     >
       I am a input field
     </label>
+    
+  
+
+                                
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
     <input
       class="form-check-input btn-check"
       id="submit-4"
       type="checkbox"
     />
+    
+      
     <label
       class="form-check-label btn btn-info"
       for="submit-4"
     >
       I am a input field
     </label>
+    
+  
+
+                      
   </div>
 </jest>
 `;
@@ -60,30 +142,56 @@ exports[`OE - Button-group lg renders correctly 1`] = `
     class="btn-group btn-group-lg"
     role="group"
   >
+    
+                            
+
+        
+
     <button
       class="btn btn-danger btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-outline-dark btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-warning btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                      
   </div>
 </jest>
 `;
@@ -94,30 +202,56 @@ exports[`OE - Button-group md renders correctly 1`] = `
     class="btn-group btn-group-md"
     role="group"
   >
+    
+                            
+
+        
+
     <button
       class="btn btn-danger btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-outline-dark btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-warning btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                      
   </div>
 </jest>
 `;
@@ -128,30 +262,56 @@ exports[`OE - Button-group sm renders correctly 1`] = `
     class="btn-group btn-group-sm"
     role="group"
   >
+    
+                            
+
+        
+
     <button
       class="btn btn-danger btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-outline-dark btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-warning btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                      
   </div>
 </jest>
 `;
@@ -163,84 +323,198 @@ exports[`OE - Button-group toolbar renders correctly 1`] = `
     class="btn-toolbar"
     role="toolbar"
   >
+    
+      
     <div
       class="me-2 btn-group btn-group-md"
       role="group"
     >
+      
+                            
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
       <input
         class="form-check-input btn-check"
         id="submit-1"
         type="checkbox"
       />
+      
+      
       <label
         class="form-check-label btn btn-outline-primary"
         for="submit-1"
       >
         I am a input field
       </label>
+      
+  
+
+                                
+
+        
+
       <button
         class="btn btn-primary btn-md"
         type="button"
       >
         I am a button
       </button>
+      
+
+                                
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
       <input
         class="form-check-input btn-check"
         id="submit-3"
         type="checkbox"
       />
+      
+      
       <label
         class="form-check-label btn btn-warning"
         for="submit-3"
       >
         I am a input field
       </label>
+      
+  
+
+                                
+
+        
+
       <button
         class="btn btn-outline-dark btn-md"
         type="button"
       >
         I am a button
       </button>
+      
+
+                      
     </div>
+    
+      
     <div
       class="me-2 btn-group btn-group-md"
       role="group"
     >
+      
+                            
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
       <input
         class="form-check-input btn-check"
         id="submit-2"
         type="checkbox"
       />
+      
+      
       <label
         class="form-check-label btn btn-secondary"
         for="submit-2"
       >
         I am a input field
       </label>
+      
+  
+
+                                
+
+        
+
       <button
         class="btn btn-danger btn-md"
         type="button"
       >
         I am a button
       </button>
+      
+
+                                
+
+        
+
       <button
         class="btn btn-warning btn-md"
         type="button"
       >
         I am a button
       </button>
+      
+
+                                
+
+
+        
+  
+
+  
+
+
+
+
+
+
+  
+    
       <input
         class="form-check-input btn-check"
         id="submit-4"
         type="checkbox"
       />
+      
+      
       <label
         class="form-check-label btn btn-info"
         for="submit-4"
       >
         I am a input field
       </label>
+      
+  
+
+                      
     </div>
+    
+    
   </div>
 </jest>
 `;
@@ -251,30 +525,56 @@ exports[`OE - Button-group vertical renders correctly 1`] = `
     class="btn-group-vertical btn-group-md"
     role="group"
   >
+    
+                            
+
+        
+
     <button
       class="btn btn-danger btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-outline-dark btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-warning btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                      
   </div>
 </jest>
 `;
@@ -286,30 +586,56 @@ exports[`OE - Button-group with aria label renders correctly 1`] = `
     class="btn-group btn-group-md"
     role="group"
   >
+    
+                            
+
+        
+
     <button
       class="btn btn-danger btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-outline-dark btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                                
+
+        
+
     <button
       class="btn btn-warning btn-md"
       type="button"
     >
       I am a button
     </button>
+    
+
+                      
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-button-group/button-group.html.twig b/src/components/bcl-button-group/button-group.html.twig
index 090434ccf..14ab56743 100644
--- a/src/components/bcl-button-group/button-group.html.twig
+++ b/src/components/bcl-button-group/button-group.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - vertical (boolean) (default: false)
   - size (string) (default: 'md')
@@ -64,4 +62,3 @@
   </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-button/__snapshots__/button.test.js.snap b/src/components/bcl-button/__snapshots__/button.test.js.snap
index 6408bd7cb..ecfa9e356 100644
--- a/src/components/bcl-button/__snapshots__/button.test.js.snap
+++ b/src/components/bcl-button/__snapshots__/button.test.js.snap
@@ -238,13 +238,26 @@ exports[`OE - Button with icon renders correctly 1`] = `
     type="button"
   >
     Label
+
+
+  
+
+
+
     <svg
       class="ms-2-5 bi icon--fluid icon--rotate-90"
     >
+      
+  
       <use
         xlink:href="/icons.svg#mouse"
       />
+      
+
     </svg>
+    
+
+
   </button>
 </jest>
 `;
@@ -272,17 +285,29 @@ exports[`OE - Button with spinner renders correctly 1`] = `
     class="btn btn-primary btn-md"
     type="button"
   >
+    
+
+  
+
+
+
     <div
       class="me-1 spinner-border spinner-border-sm"
       role="status"
     >
+      
+  
       <span
         class="visually-hidden"
       >
         Loading...
       </span>
+      
+
     </div>
-    Label
+    
+
+Label
   </button>
 </jest>
 `;
diff --git a/src/components/bcl-button/button.html.twig b/src/components/bcl-button/button.html.twig
index f3c527d45..864bd2ffb 100644
--- a/src/components/bcl-button/button.html.twig
+++ b/src/components/bcl-button/button.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - label (string) (default: '')
@@ -111,4 +109,3 @@
 {%- endif -%}
 </button>
 
-{% endapply %}
diff --git a/src/components/bcl-card-layout/__snapshots__/card-layout.test.js.snap b/src/components/bcl-card-layout/__snapshots__/card-layout.test.js.snap
index d184b1936..fcd7b4510 100644
--- a/src/components/bcl-card-layout/__snapshots__/card-layout.test.js.snap
+++ b/src/components/bcl-card-layout/__snapshots__/card-layout.test.js.snap
@@ -5,35 +5,65 @@ exports[`OE - Card grid renders correctly 1`] = `
   <div
     class="row row-cols-1 row-cols-md-3 g-2"
   >
+    
+                    
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 1
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1002/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 1
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 1
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -44,43 +74,81 @@ exports[`OE - Card grid renders correctly 1`] = `
           >
             Custom action
           </button>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 1
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 2
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1003/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 2
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 2
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -90,43 +158,81 @@ exports[`OE - Card grid renders correctly 1`] = `
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 2
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 3
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1004/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 3
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 3
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -136,49 +242,88 @@ exports[`OE - Card grid renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
           <p>
             Custom text
           </p>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 3
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 4
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1005/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 4
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 4
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -190,79 +335,152 @@ exports[`OE - Card grid renders correctly 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.    
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 4
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 5
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1006/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 5
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 5
           </h6>
+              
           <p
             class="card-text mb-2"
           >
             Text card with longer text which is supported 5
           </p>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 5
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 6
         </div>
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 6
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 6
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -271,19 +489,31 @@ exports[`OE - Card grid renders correctly 1`] = `
           <p>
             Some representative placeholder content for the first card.
           </p>
+              
         </div>
+        
+                
         <img
           alt="alt img"
           class="card-img-bottom"
           src="https://picsum.photos/seed/1007/600/400"
         />
+        
+        
         <div
           class="card-footer"
         >
           Footer of card 6
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+      
   </div>
 </jest>
 `;
@@ -293,35 +523,65 @@ exports[`OE - Card grid renders correctly with 2 per row 1`] = `
   <div
     class="row row-cols-2 row-cols-md-3 g-2"
   >
+    
+                    
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 1
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1002/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 1
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 1
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -332,43 +592,81 @@ exports[`OE - Card grid renders correctly with 2 per row 1`] = `
           >
             Custom action
           </button>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 1
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 2
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1003/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 2
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 2
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -378,43 +676,81 @@ exports[`OE - Card grid renders correctly with 2 per row 1`] = `
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 2
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 3
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1004/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 3
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 3
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -424,49 +760,88 @@ exports[`OE - Card grid renders correctly with 2 per row 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
           <p>
             Custom text
           </p>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 3
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 4
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1005/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 4
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 4
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -478,79 +853,152 @@ exports[`OE - Card grid renders correctly with 2 per row 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.    
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 4
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 5
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1006/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 5
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 5
           </h6>
+              
           <p
             class="card-text mb-2"
           >
             Text card with longer text which is supported 5
           </p>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 5
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 6
         </div>
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 6
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 6
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -559,19 +1007,31 @@ exports[`OE - Card grid renders correctly with 2 per row 1`] = `
           <p>
             Some representative placeholder content for the first card.
           </p>
+              
         </div>
+        
+                
         <img
           alt="alt img"
           class="card-img-bottom"
           src="https://picsum.photos/seed/1007/600/400"
         />
+        
+        
         <div
           class="card-footer"
         >
           Footer of card 6
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+      
   </div>
 </jest>
 `;
@@ -581,35 +1041,65 @@ exports[`OE - Card grid renders correctly with cards having equal height 1`] = `
   <div
     class="row row-cols-1 row-cols-md-3 g-2"
   >
+    
+                              
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 h-100 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 1
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1002/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 1
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 1
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -620,43 +1110,81 @@ exports[`OE - Card grid renders correctly with cards having equal height 1`] = `
           >
             Custom action
           </button>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 1
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                                  
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 h-100 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 2
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1003/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 2
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 2
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -666,43 +1194,81 @@ exports[`OE - Card grid renders correctly with cards having equal height 1`] = `
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 2
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                                  
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 h-100 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 3
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1004/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 3
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 3
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -712,49 +1278,88 @@ exports[`OE - Card grid renders correctly with cards having equal height 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
           <p>
             Custom text
           </p>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 3
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                                  
     <div
       class="col"
     >
-      <article
+      
+                  
+
+
+
+
+
+
+
+
+
+      <article
         class="mb-3 h-100 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 4
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1005/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 4
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 4
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -766,79 +1371,152 @@ exports[`OE - Card grid renders correctly with cards having equal height 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.    
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 4
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                                  
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 h-100 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 5
         </div>
+        
+                    
         <img
           alt="alt img"
           class="card-img-top rounded-0"
           src="https://picsum.photos/seed/1006/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 5
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 5
           </h6>
+              
           <p
             class="card-text mb-2"
           >
             Text card with longer text which is supported 5
           </p>
+              
         </div>
+        
+          
         <div
           class="card-footer"
         >
           Footer of card 5
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                                  
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 h-100 card"
       >
+        
+  
         <div
           class="card-header"
         >
           Header of card 6
         </div>
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 6
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 6
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -847,19 +1525,31 @@ exports[`OE - Card grid renders correctly with cards having equal height 1`] = `
           <p>
             Some representative placeholder content for the first card.
           </p>
+              
         </div>
+        
+                
         <img
           alt="alt img"
           class="card-img-bottom"
           src="https://picsum.photos/seed/1007/600/400"
         />
+        
+        
         <div
           class="card-footer"
         >
           Footer of card 6
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+      
   </div>
 </jest>
 `;
@@ -869,32 +1559,60 @@ exports[`OE - Card group renders correctly 1`] = `
   <div
     class="card-group"
   >
+    
+                                      
+
+
+  
+
+
+
+
+
+
     <article
       class="card"
     >
+      
+  
       <div
         class="card-header"
       >
         Header of card 1
       </div>
+      
+                    
       <img
         alt="alt img"
         class="card-img-top rounded-0"
         src="https://picsum.photos/seed/1008/600/400"
       />
+      
+    
       <div
         class="card-body"
       >
+        
+                        
+
+
+
+
+
+
         <h1
           class="fs-4 card-title bcl-heading"
         >
           Title card 1
         </h1>
+        
+      
         <h6
           class="card-subtitle mb-2"
         >
           Subtitle card 1
         </h6>
+            
         <p
           class="card-text mb-2"
         >
@@ -905,39 +1623,73 @@ exports[`OE - Card group renders correctly 1`] = `
         >
           Custom action
         </button>
+            
       </div>
+      
+          
       <div
         class="card-footer"
       >
         Footer of card 1
       </div>
+      
+
     </article>
+    
+
+                                                
+
+
+  
+
+
+
+
+
+
     <article
       class="card"
     >
+      
+  
       <div
         class="card-header"
       >
         Header of card 2
       </div>
+      
+                    
       <img
         alt="alt img"
         class="card-img-top rounded-0"
         src="https://picsum.photos/seed/1009/600/400"
       />
+      
+    
       <div
         class="card-body"
       >
+        
+                        
+
+
+
+
+
+
         <h1
           class="fs-4 card-title bcl-heading"
         >
           Title card 2
         </h1>
+        
+      
         <h6
           class="card-subtitle mb-2"
         >
           Subtitle card 2
         </h6>
+            
         <p
           class="card-text mb-2"
         >
@@ -946,34 +1698,66 @@ exports[`OE - Card group renders correctly 1`] = `
         <p>
           Custom text
         </p>
+            
       </div>
+      
+          
       <div
         class="card-footer"
       >
         Footer of card 2
       </div>
+      
+
     </article>
+    
+
+                                                
+
+
+  
+
+
+
+
+
+
     <article
       class="card"
     >
+      
+  
       <div
         class="card-header"
       >
         Header of card 3
       </div>
+      
+    
       <div
         class="card-body"
       >
+        
+                        
+
+
+
+
+
+
         <h1
           class="fs-4 card-title bcl-heading"
         >
           Title card 3
         </h1>
+        
+      
         <h6
           class="card-subtitle mb-2"
         >
           Subtitle card 3
         </h6>
+            
         <p
           class="card-text mb-2"
         >
@@ -982,18 +1766,28 @@ exports[`OE - Card group renders correctly 1`] = `
         <p>
           Some representative placeholder content for the first card.
         </p>
+            
       </div>
+      
+                
       <img
         alt="alt img"
         class="card-img-bottom"
         src="https://picsum.photos/seed/1010/600/400"
       />
+      
+        
       <div
         class="card-footer"
       >
         Footer of card 3
       </div>
+      
+
     </article>
+    
+
+            
   </div>
 </jest>
 `;
@@ -1003,32 +1797,60 @@ exports[`OE - Card group renders correctly with extra col classes 1`] = `
   <div
     class="card-group"
   >
+    
+                                      
+
+
+  
+
+
+
+
+
+
     <article
       class="card"
     >
+      
+  
       <div
         class="card-header"
       >
         Header of card 1
       </div>
+      
+                    
       <img
         alt="alt img"
         class="card-img-top rounded-0"
         src="https://picsum.photos/seed/1008/600/400"
       />
+      
+    
       <div
         class="card-body"
       >
+        
+                        
+
+
+
+
+
+
         <h1
           class="fs-4 card-title bcl-heading"
         >
           Title card 1
         </h1>
+        
+      
         <h6
           class="card-subtitle mb-2"
         >
           Subtitle card 1
         </h6>
+            
         <p
           class="card-text mb-2"
         >
@@ -1039,39 +1861,73 @@ exports[`OE - Card group renders correctly with extra col classes 1`] = `
         >
           Custom action
         </button>
+            
       </div>
+      
+          
       <div
         class="card-footer"
       >
         Footer of card 1
       </div>
+      
+
     </article>
+    
+
+                                                
+
+
+  
+
+
+
+
+
+
     <article
       class="card"
     >
+      
+  
       <div
         class="card-header"
       >
         Header of card 2
       </div>
+      
+                    
       <img
         alt="alt img"
         class="card-img-top rounded-0"
         src="https://picsum.photos/seed/1009/600/400"
       />
+      
+    
       <div
         class="card-body"
       >
+        
+                        
+
+
+
+
+
+
         <h1
           class="fs-4 card-title bcl-heading"
         >
           Title card 2
         </h1>
+        
+      
         <h6
           class="card-subtitle mb-2"
         >
           Subtitle card 2
         </h6>
+            
         <p
           class="card-text mb-2"
         >
@@ -1080,34 +1936,66 @@ exports[`OE - Card group renders correctly with extra col classes 1`] = `
         <p>
           Custom text
         </p>
+            
       </div>
+      
+          
       <div
         class="card-footer"
       >
         Footer of card 2
       </div>
+      
+
     </article>
+    
+
+                                                
+
+
+  
+
+
+
+
+
+
     <article
       class="card"
     >
+      
+  
       <div
         class="card-header"
       >
         Header of card 3
       </div>
+      
+    
       <div
         class="card-body"
       >
+        
+                        
+
+
+
+
+
+
         <h1
           class="fs-4 card-title bcl-heading"
         >
           Title card 3
         </h1>
+        
+      
         <h6
           class="card-subtitle mb-2"
         >
           Subtitle card 3
         </h6>
+            
         <p
           class="card-text mb-2"
         >
@@ -1116,18 +2004,28 @@ exports[`OE - Card group renders correctly with extra col classes 1`] = `
         <p>
           Some representative placeholder content for the first card.
         </p>
+            
       </div>
+      
+                
       <img
         alt="alt img"
         class="card-img-bottom"
         src="https://picsum.photos/seed/1010/600/400"
       />
+      
+        
       <div
         class="card-footer"
       >
         Footer of card 3
       </div>
+      
+
     </article>
+    
+
+            
   </div>
 </jest>
 `;
@@ -1138,20 +2036,45 @@ exports[`OE - Card masonry renders correctly 1`] = `
     class="row row-cols-1 row-cols-md-3"
     data-masonry="{"percentPosition": true }"
   >
+    
+                    
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 1
           </h1>
+          
+      
           <p
             class="card-text mb-2"
           >
@@ -1162,28 +2085,60 @@ exports[`OE - Card masonry renders correctly 1`] = `
           >
             Custom action
           </button>
+              
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 2
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 2
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -1193,54 +2148,118 @@ exports[`OE - Card masonry renders correctly 1`] = `
           <br />
             Duis fermentum facilisis ex, ac porta massa.    
         </div>
+        
+                
         <img
           alt="alt img"
           class="card-img-bottom"
           src="https://picsum.photos/seed/1011/600/400"
         />
+        
+      
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 3
           </h1>
+          
+      
           <p
             class="card-text mb-2"
           >
             Text card with longer text which is supported 3
           </p>
+              
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 5
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 5
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -1252,32 +2271,65 @@ exports[`OE - Card masonry renders correctly 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.    
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+              
         <img
           alt="alt img"
           class="card-img-top"
           src="https://picsum.photos/seed/1012/600/400"
         />
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 4
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card 4
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -1291,59 +2343,128 @@ exports[`OE - Card masonry renders correctly 1`] = `
           >
             Custom action
           </button>
+              
         </div>
+        
+        
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 text-center card"
       >
+        
+                    
         <img
           alt="alt img"
           class="card-img"
           src="https://picsum.photos/seed/1008/600/400"
         />
+        
+    
         <div
           class="card-img-overlay"
         >
+          
+  
           <div
             class="card-body"
           >
+            
+                        
+
+
+
+
+
+
             <h1
               class="fs-4 card-title bcl-heading"
             >
               Title card 7
             </h1>
+            
+      
             <h6
               class="card-subtitle mb-2"
             >
               Subtitle card 7
             </h6>
+                
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 6
             </p>
+                
           </div>
+          
+    
         </div>
+        
+        
       </article>
+      
+
+                
     </div>
+    
+                        
     <div
       class="col"
     >
+      
+                  
+
+
+
+
+
+
+
+
+
       <article
         class="mb-3 card"
       >
+        
+    
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card 6
           </h1>
+          
+      
           <p
             class="card-text mb-2"
           >
@@ -1352,9 +2473,17 @@ exports[`OE - Card masonry renders correctly 1`] = `
           <p>
             Some representative placeholder content for the first card.
           </p>
+              
         </div>
+        
+
       </article>
+      
+
+                
     </div>
+    
+      
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-card-layout/card-layout.html.twig b/src/components/bcl-card-layout/card-layout.html.twig
index 3bf50afca..41e9b2ccc 100644
--- a/src/components/bcl-card-layout/card-layout.html.twig
+++ b/src/components/bcl-card-layout/card-layout.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - type (string) (default: 'group')
     options: ['group', 'grid', 'masonry']
@@ -84,4 +82,3 @@
 {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/components/bcl-card/__snapshots__/card.test.js.snap b/src/components/bcl-card/__snapshots__/card.test.js.snap
index fc1af60bb..6da54dbf7 100644
--- a/src/components/bcl-card/__snapshots__/card.test.js.snap
+++ b/src/components/bcl-card/__snapshots__/card.test.js.snap
@@ -5,29 +5,46 @@ exports[`OE - Card renders correctly 1`] = `
   <article
     class="w-25 card"
   >
+    
+  
     <div
       class="card-header"
     >
       Header of card
     </div>
+    
+                    
     <img
       alt="alt img"
       class="card-img-top rounded-0"
       src="https://picsum.photos/seed/1002/600/400"
     />
+    
+    
     <div
       class="card-body"
     >
+      
+                        
+
+
+
+
+
+
       <h1
         class="fs-4 card-title bcl-heading"
       >
         Title card
       </h1>
+      
+      
       <h6
         class="card-subtitle mb-2"
       >
         Subtitle card
       </h6>
+          
       <p
         class="card-text mb-2"
       >
@@ -36,23 +53,44 @@ exports[`OE - Card renders correctly 1`] = `
       <div
         class="mt-2-5"
       >
+        
+                                                                          
+
+  
+  
+
+
         <span
           class="mb-2 me-2 badge rounded-pill badge-outline-primary"
         >
           I'm a badge
         </span>
+                
+                                      
+
+  
+  
+
+
         <span
           class="test-class mb-2 badge rounded-pill badge-outline-primary"
         >
           I'm also a badge
         </span>
+                
+            
       </div>
+          
     </div>
+    
+          
     <div
       class="card-footer"
     >
       Footer of card
     </div>
+    
+
   </article>
 </jest>
 `;
@@ -62,29 +100,46 @@ exports[`OE - Card renders correctly with badges 1`] = `
   <article
     class="w-25 card"
   >
+    
+  
     <div
       class="card-header"
     >
       Header of card
     </div>
+    
+                    
     <img
       alt="alt img"
       class="card-img-top rounded-0"
       src="https://picsum.photos/seed/1002/600/400"
     />
+    
+    
     <div
       class="card-body"
     >
+      
+                        
+
+
+
+
+
+
       <h1
         class="fs-4 card-title bcl-heading"
       >
         Title card
       </h1>
+      
+      
       <h6
         class="card-subtitle mb-2"
       >
         Subtitle card
       </h6>
+          
       <p
         class="card-text mb-2"
       >
@@ -93,18 +148,32 @@ exports[`OE - Card renders correctly with badges 1`] = `
       <div
         class="mt-2-5"
       >
+        
+                                                        
+
+
+  
+
+
         <span
           class="mb-2 badge text-bg-primary"
         >
           Card Category
         </span>
+                
+            
       </div>
+          
     </div>
+    
+          
     <div
       class="card-footer"
     >
       Footer of card
     </div>
+    
+
   </article>
 </jest>
 `;
@@ -114,19 +183,33 @@ exports[`OE - Card renders correctly with custom title attributes 1`] = `
   <article
     class="card"
   >
+    
+  
     <div
       class="card-header"
     >
       Header of card
     </div>
+    
+                    
     <img
       alt="alt img"
       class="card-img-top rounded-0"
       src="https://picsum.photos/seed/1002/600/400"
     />
+    
+    
     <div
       class="card-body"
     >
+      
+                        
+
+
+
+
+
+
       <h1
         attribute="with a value"
         class="fs-4 card-title bcl-heading"
@@ -134,11 +217,14 @@ exports[`OE - Card renders correctly with custom title attributes 1`] = `
       >
         Title card
       </h1>
+      
+      
       <h6
         class="card-subtitle mb-2"
       >
         Subtitle card
       </h6>
+          
       <p
         class="card-text mb-2"
       >
@@ -147,23 +233,44 @@ exports[`OE - Card renders correctly with custom title attributes 1`] = `
       <div
         class="mt-2-5"
       >
+        
+                                                                          
+
+  
+  
+
+
         <span
           class="mb-2 me-2 badge rounded-pill badge-outline-primary"
         >
           I'm a badge
         </span>
+                
+                                      
+
+  
+  
+
+
         <span
           class="test-class mb-2 badge rounded-pill badge-outline-primary"
         >
           I'm also a badge
         </span>
+                
+            
       </div>
+          
     </div>
+    
+          
     <div
       class="card-footer"
     >
       Footer of card
     </div>
+    
+
   </article>
 </jest>
 `;
@@ -173,34 +280,57 @@ exports[`OE - Card renders horizontal correctly 1`] = `
   <article
     class="w-50 card"
   >
+    
+  
     <div
       class="row"
     >
+      
+                          
       <div
         class="bcl-card-start-col"
       >
+        
+      
         <img
           alt="alt img"
           class="card-img-top rounded-0 rounded-start"
           src="https://picsum.photos/seed/1019/400/600"
         />
+        
+    
       </div>
+      
+
       <div
         class="col"
       >
+        
+  
         <div
           class="card-body"
         >
+          
+                        
+
+
+
+
+
+
           <h1
             class="fs-4 card-title bcl-heading"
           >
             Title card
           </h1>
+          
+      
           <h6
             class="card-subtitle mb-2"
           >
             Subtitle card
           </h6>
+              
           <p
             class="card-text mb-2"
           >
@@ -211,9 +341,16 @@ exports[`OE - Card renders horizontal correctly 1`] = `
           >
             Custom action
           </button>
+              
         </div>
+        
+
       </div>
+      
+          
     </div>
+    
+
   </article>
 </jest>
 `;
@@ -223,29 +360,46 @@ exports[`OE - Card renders with border variant correctly 1`] = `
   <article
     class="card border-danger"
   >
+    
+  
     <div
       class="card-header"
     >
       Header of card
     </div>
+    
+                    
     <img
       alt="alt img"
       class="card-img-top rounded-0"
       src="https://picsum.photos/seed/1002/600/400"
     />
+    
+    
     <div
       class="card-body"
     >
+      
+                        
+
+
+
+
+
+
       <h1
         class="fs-4 card-title bcl-heading"
       >
         Title card
       </h1>
+      
+      
       <h6
         class="card-subtitle mb-2"
       >
         Subtitle card
       </h6>
+          
       <p
         class="card-text mb-2"
       >
@@ -254,23 +408,44 @@ exports[`OE - Card renders with border variant correctly 1`] = `
       <div
         class="mt-2-5"
       >
+        
+                                                                          
+
+  
+  
+
+
         <span
           class="mb-2 me-2 badge rounded-pill badge-outline-primary"
         >
           I'm a badge
         </span>
+                
+                                      
+
+  
+  
+
+
         <span
           class="test-class mb-2 badge rounded-pill badge-outline-primary"
         >
           I'm also a badge
         </span>
+                
+            
       </div>
+          
     </div>
+    
+          
     <div
       class="card-footer"
     >
       Footer of card
     </div>
+    
+
   </article>
 </jest>
 `;
@@ -280,24 +455,39 @@ exports[`OE - Card renders with image bottom correctly 1`] = `
   <article
     class="card"
   >
+    
+  
     <div
       class="card-header"
     >
       Header of card
     </div>
+    
+    
     <div
       class="card-body"
     >
+      
+                        
+
+
+
+
+
+
       <h1
         class="fs-4 card-title bcl-heading"
       >
         Title card
       </h1>
+      
+      
       <h6
         class="card-subtitle mb-2"
       >
         Subtitle card
       </h6>
+          
       <p
         class="card-text mb-2"
       >
@@ -306,28 +496,51 @@ exports[`OE - Card renders with image bottom correctly 1`] = `
       <div
         class="mt-2-5"
       >
+        
+                                                                          
+
+  
+  
+
+
         <span
           class="mb-2 me-2 badge rounded-pill badge-outline-primary"
         >
           I'm a badge
         </span>
+                
+                                      
+
+  
+  
+
+
         <span
           class="test-class mb-2 badge rounded-pill badge-outline-primary"
         >
           I'm also a badge
         </span>
+                
+            
       </div>
+          
     </div>
+    
+                
     <img
       alt="alt img"
       class="card-img-bottom"
       src="https://picsum.photos/seed/1002/600/400"
     />
+    
+        
     <div
       class="card-footer"
     >
       Footer of card
     </div>
+    
+
   </article>
 </jest>
 `;
@@ -337,29 +550,46 @@ exports[`OE - Card renders with text color white correctly 1`] = `
   <article
     class="card text-white"
   >
+    
+  
     <div
       class="card-header"
     >
       Header of card
     </div>
+    
+                    
     <img
       alt="alt img"
       class="card-img-top rounded-0"
       src="https://picsum.photos/seed/1002/600/400"
     />
+    
+    
     <div
       class="card-body"
     >
+      
+                        
+
+
+
+
+
+
       <h1
         class="fs-4 card-title bcl-heading"
       >
         Title card
       </h1>
+      
+      
       <h6
         class="card-subtitle mb-2"
       >
         Subtitle card
       </h6>
+          
       <p
         class="card-text mb-2"
       >
@@ -368,23 +598,44 @@ exports[`OE - Card renders with text color white correctly 1`] = `
       <div
         class="mt-2-5"
       >
+        
+                                                                          
+
+  
+  
+
+
         <span
           class="mb-2 me-2 badge rounded-pill badge-outline-primary"
         >
           I'm a badge
         </span>
+                
+                                      
+
+  
+  
+
+
         <span
           class="test-class mb-2 badge rounded-pill badge-outline-primary"
         >
           I'm also a badge
         </span>
+                
+            
       </div>
+          
     </div>
+    
+          
     <div
       class="card-footer"
     >
       Footer of card
     </div>
+    
+
   </article>
 </jest>
 `;
@@ -394,29 +645,46 @@ exports[`OE - Card renders with variant correctly 1`] = `
   <article
     class="card text-bg-danger"
   >
+    
+  
     <div
       class="card-header"
     >
       Header of card
     </div>
+    
+                    
     <img
       alt="alt img"
       class="card-img-top rounded-0"
       src="https://picsum.photos/seed/1002/600/400"
     />
+    
+    
     <div
       class="card-body"
     >
+      
+                        
+
+
+
+
+
+
       <h1
         class="fs-4 card-title bcl-heading"
       >
         Title card
       </h1>
+      
+      
       <h6
         class="card-subtitle mb-2"
       >
         Subtitle card
       </h6>
+          
       <p
         class="card-text mb-2"
       >
@@ -425,23 +693,44 @@ exports[`OE - Card renders with variant correctly 1`] = `
       <div
         class="mt-2-5"
       >
+        
+                                                                          
+
+  
+  
+
+
         <span
           class="mb-2 me-2 badge rounded-pill badge-outline-primary"
         >
           I'm a badge
         </span>
+                
+                                      
+
+  
+  
+
+
         <span
           class="test-class mb-2 badge rounded-pill badge-outline-primary"
         >
           I'm also a badge
         </span>
+                
+            
       </div>
+          
     </div>
+    
+          
     <div
       class="card-footer"
     >
       Footer of card
     </div>
+    
+
   </article>
 </jest>
 `;
diff --git a/src/components/bcl-card/card.html.twig b/src/components/bcl-card/card.html.twig
index 9bd5ee991..e07e295a2 100644
--- a/src/components/bcl-card/card.html.twig
+++ b/src/components/bcl-card/card.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h1')
@@ -272,4 +270,3 @@
 {% endif %}
 </article>
 
-{% endapply %}
diff --git a/src/components/bcl-carousel/__snapshots__/carousel.test.js.snap b/src/components/bcl-carousel/__snapshots__/carousel.test.js.snap
index 81a8ac484..140566fee 100644
--- a/src/components/bcl-carousel/__snapshots__/carousel.test.js.snap
+++ b/src/components/bcl-carousel/__snapshots__/carousel.test.js.snap
@@ -7,9 +7,16 @@ exports[`OE - carousel renders correctly 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -18,147 +25,274 @@ exports[`OE - carousel renders correctly 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -171,9 +305,16 @@ exports[`OE - carousel renders correctly when touch swipe is disabled 1`] = `
     data-bs-touch="false"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -182,147 +323,274 @@ exports[`OE - carousel renders correctly when touch swipe is disabled 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -334,9 +602,16 @@ exports[`OE - carousel renders correctly with caption title and no caption 1`] =
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -345,135 +620,226 @@ exports[`OE - carousel renders correctly with caption title and no caption 1`] =
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             This is the title of the caption
           </div>
+          
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             This is the title of the caption
           </div>
+          
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             This is the title of the caption
           </div>
+          
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             This is the title of the caption
           </div>
+          
+                                
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -485,9 +851,16 @@ exports[`OE - carousel renders correctly with custom intervals 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -496,151 +869,278 @@ exports[`OE - carousel renders correctly with custom intervals 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
         data-bs-interval="2000"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -652,9 +1152,16 @@ exports[`OE - carousel renders correctly with dark variant 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -663,147 +1170,274 @@ exports[`OE - carousel renders correctly with dark variant 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -815,9 +1449,16 @@ exports[`OE - carousel renders correctly with fade and dark variant 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -826,147 +1467,274 @@ exports[`OE - carousel renders correctly with fade and dark variant 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -978,9 +1746,16 @@ exports[`OE - carousel renders correctly with fade transition 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -989,147 +1764,274 @@ exports[`OE - carousel renders correctly with fade transition 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -1141,9 +2043,16 @@ exports[`OE - carousel renders correctly with rounded indicators 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -1152,147 +2061,274 @@ exports[`OE - carousel renders correctly with rounded indicators 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -1304,15 +2340,28 @@ exports[`OE - carousel renders correctly with specific slide 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+              
+
+
+
       <button
         aria-label="Slide 1"
         data-bs-slide-to="0"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 2"
@@ -1321,141 +2370,262 @@ exports[`OE - carousel renders correctly with specific slide 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                  
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                          
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -1465,21 +2635,39 @@ exports[`OE - carousel renders correctly with title 1`] = `
   <h1
     class="mb-4 bcl-heading"
   >
+    
+
+
+
+  
+    
+
     <a
       class="standalone"
       href="/example.html"
     >
       A title created by the bcl heading template
     </a>
+    
+
   </h1>
+  
+
   <div
     class="carousel slide"
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -1488,147 +2676,274 @@ exports[`OE - carousel renders correctly with title 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -1639,9 +2954,16 @@ exports[`OE - carousel renders correctly without autoplay 1`] = `
     class="carousel slide"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -1650,147 +2972,274 @@ exports[`OE - carousel renders correctly without autoplay 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
@@ -1802,9 +3251,16 @@ exports[`OE - carousel renders correctly without controls 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-indicators d-none d-md-flex"
     >
+      
+                        
+
+
+
       <button
         aria-current
         aria-label="Slide 1"
@@ -1813,117 +3269,228 @@ exports[`OE - carousel renders correctly without controls 1`] = `
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 2"
         data-bs-slide-to="1"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 3"
         data-bs-slide-to="2"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+              
+
+
+
       <button
         aria-label="Slide 4"
         data-bs-slide-to="3"
         data-bs-target="#carouselExample"
         type="button"
       />
+      
+
+    
     </div>
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -1935,128 +3502,234 @@ exports[`OE - carousel renders correctly without indicators 1`] = `
     data-bs-ride="carousel"
     id="carouselExample"
   >
+    
+  
     <div
       class="carousel-inner"
     >
+      
+                            
       <div
         class="carousel-item active"
       >
+        
+          
         <img
           alt="First slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=1"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             First slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the first slide.
           </p>
+                                    
+
+
+                                
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Second slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=2"
         />
+        
+            
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Third slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=3"
         />
+        
+                                        
         <div
           class="carousel-caption d-none d-md-block"
         >
+          
+                                        
           <div
             class="fs-5"
           >
             Third slide label
           </div>
+          
+          
           <p>
             Some representative placeholder content for the third slide.
           </p>
+                                
         </div>
+        
+        
       </div>
+      
+                
       <div
         class="carousel-item"
       >
+        
+          
         <img
           alt="Fourth slide"
           class="d-block w-100"
           src="https://picsum.photos/800/400?random=4"
         />
+        
+                          
         <div
           class="carousel-caption"
         >
+          
+                          
+
+
+                                
+  
+
+
           <a
             href="#"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#link"
               />
+              
+
             </svg>
-            Link
+            
+
+Link
           </a>
+          
+              
         </div>
+        
+        
       </div>
+      
+        
     </div>
+    
+  
     <button
       class="carousel-control-prev"
       data-bs-slide="prev"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-prev-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Previous
       </span>
+      
+    
     </button>
+    
+  
     <button
       class="carousel-control-next"
       data-bs-slide="next"
       data-bs-target="#carouselExample"
       type="button"
     >
+      
+    
       <span
         class="carousel-control-next-icon"
       />
+      
+      
       <span
         class="visually-hidden"
       >
         Next
       </span>
+      
+    
     </button>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-carousel/carousel.html.twig b/src/components/bcl-carousel/carousel.html.twig
index 39e601b00..d1ae521f7 100644
--- a/src/components/bcl-carousel/carousel.html.twig
+++ b/src/components/bcl-carousel/carousel.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
@@ -177,4 +175,3 @@
 {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/components/bcl-dropdown/__snapshots__/dropdown.test.js.snap b/src/components/bcl-dropdown/__snapshots__/dropdown.test.js.snap
index bc80d0eb2..73ec25b43 100644
--- a/src/components/bcl-dropdown/__snapshots__/dropdown.test.js.snap
+++ b/src/components/bcl-dropdown/__snapshots__/dropdown.test.js.snap
@@ -5,6 +5,11 @@ exports[`OE - dropdown renders correctly 1`] = `
   <div
     class="dropdown"
   >
+    
+      
+
+      
+
     <button
       aria-expanded="false"
       autocomplete="off"
@@ -15,32 +20,70 @@ exports[`OE - dropdown renders correctly 1`] = `
     >
       Dropdown Toggle
     </button>
+    
+
+    
     <ul
       aria-labelledby="dropdown-1"
       class="dropdown-menu"
     >
+      
+                                                                    
       <li>
+        
+                  
+
+
+
+
+
+
         <a
           class="dropdown-item"
           href="/example.html"
         >
           I'm a link
         </a>
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item"
           type="button"
         >
           I'm a button
         </button>
+        
+
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
         <hr
           class="dropdown-divider"
         />
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+  
+
         <button
           aria-disabled="true"
           class="dropdown-item"
@@ -49,16 +92,33 @@ exports[`OE - dropdown renders correctly 1`] = `
         >
           I'm a disabled button
         </button>
+        
+
+                
       </li>
+      
+                                                                                  
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item active"
           type="button"
         >
           I'm a active button
         </button>
+        
+
+                
       </li>
+      
+            
     </ul>
+    
+
   </div>
 </jest>
 `;
@@ -68,6 +128,11 @@ exports[`OE - dropdown renders correctly with alignment end 1`] = `
   <div
     class="dropdown"
   >
+    
+      
+
+      
+
     <button
       aria-expanded="false"
       autocomplete="off"
@@ -78,32 +143,70 @@ exports[`OE - dropdown renders correctly with alignment end 1`] = `
     >
       Dropdown Toggle
     </button>
+    
+
+    
     <ul
       aria-labelledby="dropdown-1"
       class="dropdown-menu dropdown-menu-sm-end"
     >
+      
+                                                                    
       <li>
+        
+                  
+
+
+
+
+
+
         <a
           class="dropdown-item"
           href="/example.html"
         >
           I'm a link
         </a>
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item"
           type="button"
         >
           I'm a button
         </button>
+        
+
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
         <hr
           class="dropdown-divider"
         />
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+  
+
         <button
           aria-disabled="true"
           class="dropdown-item"
@@ -112,16 +215,33 @@ exports[`OE - dropdown renders correctly with alignment end 1`] = `
         >
           I'm a disabled button
         </button>
+        
+
+                
       </li>
+      
+                                                                                  
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item active"
           type="button"
         >
           I'm a active button
         </button>
+        
+
+                
       </li>
+      
+            
     </ul>
+    
+
   </div>
 </jest>
 `;
@@ -131,6 +251,11 @@ exports[`OE - dropdown renders correctly with dark mode 1`] = `
   <div
     class="dropdown"
   >
+    
+      
+
+      
+
     <button
       aria-expanded="false"
       autocomplete="off"
@@ -141,32 +266,70 @@ exports[`OE - dropdown renders correctly with dark mode 1`] = `
     >
       Dropdown Toggle
     </button>
+    
+
+    
     <ul
       aria-labelledby="dropdown-1"
       class="dropdown-menu dropdown-menu-dark"
     >
+      
+                                                                    
       <li>
+        
+                  
+
+
+
+
+
+
         <a
           class="dropdown-item"
           href="/example.html"
         >
           I'm a link
         </a>
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item"
           type="button"
         >
           I'm a button
         </button>
+        
+
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
         <hr
           class="dropdown-divider"
         />
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+  
+
         <button
           aria-disabled="true"
           class="dropdown-item"
@@ -175,16 +338,33 @@ exports[`OE - dropdown renders correctly with dark mode 1`] = `
         >
           I'm a disabled button
         </button>
+        
+
+                
       </li>
+      
+                                                                                  
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item active"
           type="button"
         >
           I'm a active button
         </button>
+        
+
+                
       </li>
+      
+            
     </ul>
+    
+
   </div>
 </jest>
 `;
@@ -194,6 +374,11 @@ exports[`OE - dropdown renders correctly with direction dropup 1`] = `
   <div
     class="dropdown dropup"
   >
+    
+      
+
+      
+
     <button
       aria-expanded="false"
       autocomplete="off"
@@ -204,32 +389,70 @@ exports[`OE - dropdown renders correctly with direction dropup 1`] = `
     >
       Dropdown Toggle
     </button>
+    
+
+    
     <ul
       aria-labelledby="dropdown-1"
       class="dropdown-menu"
     >
+      
+                                                                    
       <li>
+        
+                  
+
+
+
+
+
+
         <a
           class="dropdown-item"
           href="/example.html"
         >
           I'm a link
         </a>
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item"
           type="button"
         >
           I'm a button
         </button>
+        
+
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
         <hr
           class="dropdown-divider"
         />
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+  
+
         <button
           aria-disabled="true"
           class="dropdown-item"
@@ -238,16 +461,33 @@ exports[`OE - dropdown renders correctly with direction dropup 1`] = `
         >
           I'm a disabled button
         </button>
+        
+
+                
       </li>
+      
+                                                                                  
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item active"
           type="button"
         >
           I'm a active button
         </button>
+        
+
+                
       </li>
+      
+            
     </ul>
+    
+
   </div>
 </jest>
 `;
@@ -257,6 +497,14 @@ exports[`OE - dropdown renders correctly with trigger link 1`] = `
   <div
     class="dropdown"
   >
+    
+      
+
+
+
+
+
+
     <a
       aria-expanded="false"
       class="dropdown-toggle"
@@ -267,32 +515,69 @@ exports[`OE - dropdown renders correctly with trigger link 1`] = `
     >
       Dropdown Toggle
     </a>
+    
+    
     <ul
       aria-labelledby="dropdown-1"
       class="dropdown-menu"
     >
+      
+                                                                    
       <li>
+        
+                  
+
+
+
+
+
+
         <a
           class="dropdown-item"
           href="/example.html"
         >
           I'm a link
         </a>
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item"
           type="button"
         >
           I'm a button
         </button>
+        
+
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
         <hr
           class="dropdown-divider"
         />
+        
+                
       </li>
+      
+                                                                
       <li>
+        
+                  
+
+  
+
         <button
           aria-disabled="true"
           class="dropdown-item"
@@ -301,16 +586,33 @@ exports[`OE - dropdown renders correctly with trigger link 1`] = `
         >
           I'm a disabled button
         </button>
+        
+
+                
       </li>
+      
+                                                                                  
       <li>
+        
+                  
+
+
+
         <button
           class="dropdown-item active"
           type="button"
         >
           I'm a active button
         </button>
+        
+
+                
       </li>
+      
+            
     </ul>
+    
+
   </div>
 </jest>
 `;
@@ -327,32 +629,70 @@ exports[`OE - dropdown renders correctly without wrapper 1`] = `
   >
     Dropdown Toggle
   </button>
+  
+
+    
   <ul
     aria-labelledby="dropdown-1"
     class="dropdown-menu"
   >
+    
+                                                                    
     <li>
+      
+                  
+
+
+
+
+
+
       <a
         class="dropdown-item"
         href="/example.html"
       >
         I'm a link
       </a>
+      
+                
     </li>
+    
+                                                                
     <li>
+      
+                  
+
+
+
       <button
         class="dropdown-item"
         type="button"
       >
         I'm a button
       </button>
+      
+
+                
     </li>
+    
+                                                                
     <li>
+      
+                  
       <hr
         class="dropdown-divider"
       />
+      
+                
     </li>
+    
+                                                                
     <li>
+      
+                  
+
+  
+
       <button
         aria-disabled="true"
         class="dropdown-item"
@@ -361,15 +701,30 @@ exports[`OE - dropdown renders correctly without wrapper 1`] = `
       >
         I'm a disabled button
       </button>
+      
+
+                
     </li>
+    
+                                                                                  
     <li>
+      
+                  
+
+
+
       <button
         class="dropdown-item active"
         type="button"
       >
         I'm a active button
       </button>
+      
+
+                
     </li>
+    
+            
   </ul>
 </jest>
 `;
diff --git a/src/components/bcl-dropdown/dropdown.html.twig b/src/components/bcl-dropdown/dropdown.html.twig
index 7db3dfe28..4f0147be1 100644
--- a/src/components/bcl-dropdown/dropdown.html.twig
+++ b/src/components/bcl-dropdown/dropdown.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - id (string) (default: dropdown-random(10000))
   - trigger (link or button)
@@ -132,4 +130,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-form-input/__snapshots__/form-input.test.js.snap b/src/components/bcl-form-input/__snapshots__/form-input.test.js.snap
index a5baa1d74..1e4730dc1 100644
--- a/src/components/bcl-form-input/__snapshots__/form-input.test.js.snap
+++ b/src/components/bcl-form-input/__snapshots__/form-input.test.js.snap
@@ -8,22 +8,31 @@ exports[`OE - Form Input checkbox button toggle renders correctly 1`] = `
     id="example-form-input-1"
     type="checkbox"
   />
+  
+      
   <label
     class="form-check-label btn btn-primary"
     for="example-form-input-1"
   >
     Example form input
   </label>
+  
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -38,34 +47,47 @@ exports[`OE - Form Input checkbox renders correctly 1`] = `
   <div
     class="form-check"
   >
+    
+    
     <input
       aria-describedby="helperText"
       class="form-check-input"
       id="example-form-input-1"
       type="checkbox"
     />
+    
+      
     <label
       class="form-check-label"
       for="example-form-input-1"
     >
       Example form input
     </label>
+    
+  
+  
     <div
       class="invalid-feedback"
     >
       Invalid feedback example
     </div>
+    
+  
     <div
       class="valid-feedback"
     >
       Valid feedback example
     </div>
+    
+  
     <div
       class="form-text"
       id="helperText"
     >
       Helper text for the form input
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -78,22 +100,31 @@ exports[`OE - Form Input radio button toggle renders correctly 1`] = `
     id="example-form-input-1"
     type="radio"
   />
+  
+      
   <label
     class="form-check-label btn btn-primary"
     for="example-form-input-1"
   >
     Example form input
   </label>
+  
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -108,34 +139,47 @@ exports[`OE - Form Input radio renders correctly 1`] = `
   <div
     class="form-check"
   >
+    
+    
     <input
       aria-describedby="helperText"
       class="form-check-input"
       id="example-form-input-1"
       type="radio"
     />
+    
+      
     <label
       class="form-check-label"
       for="example-form-input-1"
     >
       Example form input
     </label>
+    
+  
+  
     <div
       class="invalid-feedback"
     >
       Invalid feedback example
     </div>
+    
+  
     <div
       class="valid-feedback"
     >
       Valid feedback example
     </div>
+    
+  
     <div
       class="form-text"
       id="helperText"
     >
       Helper text for the form input
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -148,22 +192,31 @@ exports[`OE - Form Input range renders correctly 1`] = `
   >
     Example form input
   </label>
+  
+  
+    
   <input
     aria-describedby="helperText"
     class="form-range"
     id="example-form-input-1"
     type="range"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -181,6 +234,9 @@ exports[`OE - Form Input renders correctly 1`] = `
   >
     Example form input
   </label>
+  
+  
+    
   <input
     aria-describedby="helperText"
     class="form-control"
@@ -188,16 +244,22 @@ exports[`OE - Form Input renders correctly 1`] = `
     placeholder="Text here"
     type="text"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -215,6 +277,9 @@ exports[`OE - Form Input renders correctly when disabled 1`] = `
   >
     Example form input
   </label>
+  
+  
+    
   <input
     aria-describedby="helperText"
     class="form-control"
@@ -222,16 +287,22 @@ exports[`OE - Form Input renders correctly when disabled 1`] = `
     id="example-form-input-1"
     type="text"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -249,26 +320,39 @@ exports[`OE - Form Input renders correctly when horizontal 1`] = `
   >
     Example form input
   </label>
+  
+  
+  
   <div
     class="col-sm-10"
   >
+    
+    
     <input
       aria-describedby="helperText"
       class="form-control"
       id="example-form-input-1"
       type="text"
     />
+    
+  
   </div>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -286,22 +370,31 @@ exports[`OE - Form Input renders correctly when invalid 1`] = `
   >
     Example form input
   </label>
+  
+  
+    
   <input
     aria-describedby="helperText"
     class="form-control is-invalid"
     id="example-form-input-1"
     type="text"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -319,6 +412,9 @@ exports[`OE - Form Input renders correctly when readonly 1`] = `
   >
     Example form input
   </label>
+  
+  
+    
   <input
     aria-describedby="helperText"
     class="form-control"
@@ -326,16 +422,22 @@ exports[`OE - Form Input renders correctly when readonly 1`] = `
     readonly
     type="text"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -353,6 +455,9 @@ exports[`OE - Form Input renders correctly when required 1`] = `
   >
     Example form input
   </label>
+  
+  
+    
   <input
     aria-describedby="helperText"
     class="form-control"
@@ -360,16 +465,22 @@ exports[`OE - Form Input renders correctly when required 1`] = `
     required
     type="text"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -387,22 +498,31 @@ exports[`OE - Form Input renders correctly when valid 1`] = `
   >
     Example form input
   </label>
+  
+  
+    
   <input
     aria-describedby="helperText"
     class="form-control is-valid"
     id="example-form-input-1"
     type="text"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
     id="helperText"
@@ -417,34 +537,47 @@ exports[`OE - Form Input renders correctly with floating label 1`] = `
   <div
     class="form-floating"
   >
+    
+    
     <input
       aria-describedby="helperText"
       class="form-control"
       id="example-form-input-1"
       type="text"
     />
+    
+      
     <label
       class="form-label"
       for="example-form-input-1"
     >
       Example form input
     </label>
+    
+  
+  
     <div
       class="invalid-feedback"
     >
       Invalid feedback example
     </div>
+    
+  
     <div
       class="valid-feedback"
     >
       Valid feedback example
     </div>
+    
+  
     <div
       class="form-text"
       id="helperText"
     >
       Helper text for the form input
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -454,34 +587,47 @@ exports[`OE - Form Input switch renders correctly 1`] = `
   <div
     class="form-check form-switch"
   >
+    
+    
     <input
       aria-describedby="helperText"
       class="form-check-input"
       id="example-form-input-1"
       type="checkbox"
     />
+    
+      
     <label
       class="form-check-label"
       for="example-form-input-1"
     >
       Example form input
     </label>
+    
+  
+  
     <div
       class="invalid-feedback"
     >
       Invalid feedback example
     </div>
+    
+  
     <div
       class="valid-feedback"
     >
       Valid feedback example
     </div>
+    
+  
     <div
       class="form-text"
       id="helperText"
     >
       Helper text for the form input
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-form-input/form-input.html.twig b/src/components/bcl-form-input/form-input.html.twig
index 559a1f73b..c3b32b500 100644
--- a/src/components/bcl-form-input/form-input.html.twig
+++ b/src/components/bcl-form-input/form-input.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - id (string) (default: '')
@@ -180,4 +178,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-form/__snapshots__/form.test.js.snap b/src/components/bcl-form/__snapshots__/form.test.js.snap
index 214c27552..a7cbef0b9 100644
--- a/src/components/bcl-form/__snapshots__/form.test.js.snap
+++ b/src/components/bcl-form/__snapshots__/form.test.js.snap
@@ -7,15 +7,36 @@ exports[`OE - Form basic renders correctly 1`] = `
     novalidate
     onsubmit="return false;"
   >
+    
+                          
     <div
       class="mb-3"
     >
+      
+                                              
+
+
+
+  
+
+  
+  
+
+
+
+
+  
+  
+      
       <label
         class="form-label"
         for="exampleInputEmail1"
       >
         Email address *
       </label>
+      
+  
+    
       <input
         aria-describedby="emailHelp"
         class="form-control"
@@ -23,85 +44,162 @@ exports[`OE - Form basic renders correctly 1`] = `
         required
         type="email"
       />
+      
+  
       <div
         class="invalid-feedback"
       >
         Please provide an email.
       </div>
+      
+  
       <div
         class="valid-feedback"
       >
         Valid feedback regarding email.
       </div>
+      
+  
       <div
         class="form-text"
         id="emailHelp"
       >
         We'll never share your email with anyone else.
       </div>
+      
+
+                        
     </div>
+    
+                                
     <div
       class="mb-3"
     >
+      
+                                              
+
+
+
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputPassword1"
       >
         Password *
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputPassword1"
         required
         type="password"
       />
+      
+  
       <div
         class="invalid-feedback"
       >
         Please provide a password.
       </div>
+      
+  
       <div
         class="valid-feedback"
       >
         Valid feedback regarding password.
       </div>
+      
+
+                        
     </div>
+    
+                                
     <div
       class="mb-3"
     >
+      
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="exampleInputCheck1"
           required
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="exampleInputCheck1"
         >
           Check me out *
         </label>
+        
+  
+  
         <div
           class="invalid-feedback"
         >
           Please check the required checkbox.
         </div>
+        
+  
         <div
           class="valid-feedback"
         >
           Valid feedback regarding check.
         </div>
+        
+
       </div>
+      
+
+                        
     </div>
+    
+                      
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="submit"
     >
       Submit
     </button>
+    
+
+    
   </form>
 </jest>
 `;
@@ -111,139 +209,321 @@ exports[`OE - Form horizontal renders correctly 1`] = `
   <form
     onsubmit="return false;"
   >
+    
+                          
     <div
       class="row mb-3"
     >
+      
+                                              
+
+
+  
+  
+
+  
+  
+
+
+
+
+
+  
+        
       <label
         class="col-form-label col-sm-2"
         for="exampleInputEmail1"
       >
         Email address
       </label>
+      
+  
+  
       <div
         class="col-sm-10"
       >
+        
+    
         <input
           class="form-control"
           id="exampleInputEmail1"
           required
           type="email"
         />
+        
+  
       </div>
+      
+
+                        
     </div>
+    
+                                
     <div
       class="row mb-3"
     >
+      
+                                              
+
+
+  
+  
+
+  
+  
+
+
+
+
+
+  
+        
       <label
         class="col-form-label col-sm-2"
         for="exampleInputPassword1"
       >
         Password
       </label>
+      
+  
+  
       <div
         class="col-sm-10"
       >
+        
+    
         <input
           class="form-control"
           id="exampleInputPassword1"
           required
           type="password"
         />
+        
+  
       </div>
+      
+
+                        
     </div>
+    
+                                    
     <fieldset
       class="row mb-3"
     >
+      
+                    
       <legend
         class="col-form-label col-sm-2 pt-0"
       >
         Radios
       </legend>
+      
+          
       <div
         class="col-sm-10"
       >
+        
+                                                    
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
         <div
           class="form-check"
         >
+          
+    
           <input
             class="form-check-input"
             id="exampleInputRadios1"
             type="radio"
           />
+          
+      
           <label
             class="form-check-label"
             for="exampleInputRadios1"
           >
             First radio
           </label>
+          
+  
+
         </div>
+        
+
+                                                            
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
         <div
           class="form-check"
         >
+          
+    
           <input
             class="form-check-input"
             id="exampleInputRadios2"
             type="radio"
           />
+          
+      
           <label
             class="form-check-label"
             for="exampleInputRadios2"
           >
             Second radio
           </label>
+          
+  
+
         </div>
+        
+
+                                                            
+
+
+    
+  
+
+  
+
+  
+
+
+
+
+  
+      
         <div
           class="form-check"
         >
+          
+    
           <input
             class="form-check-input"
             disabled
             id="exampleInputRadios3"
             type="radio"
           />
+          
+      
           <label
             class="form-check-label"
             for="exampleInputRadios3"
           >
             Third radio
           </label>
+          
+  
+
         </div>
+        
+
+                        
       </div>
+      
+      
     </fieldset>
+    
+                              
     <div
       class="row mb-3"
     >
+      
+                          
       <div
         class="col-sm-10 offset-sm-2"
       >
+        
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
         <div
           class="form-check"
         >
+          
+    
           <input
             class="form-check-input"
             id="exampleInputCheck1"
             required
             type="checkbox"
           />
+          
+      
           <label
             class="form-check-label"
             for="exampleInputCheck1"
           >
             Example checkbox
           </label>
+          
+  
+
         </div>
+        
+
+                  
       </div>
+      
+                  
     </div>
+    
+                  
     <div
       class="col-12"
     >
+      
+        
+
+        
+
       <button
         class="btn btn-primary btn-md"
         type="submit"
       >
         Sign in
       </button>
+      
+
+      
     </div>
+    
+  
   </form>
 </jest>
 `;
@@ -255,15 +535,36 @@ exports[`OE - Form inline renders correctly 1`] = `
     novalidate
     onsubmit="return false;"
   >
+    
+                                        
     <div
       class="col-12"
     >
+      
+                                
+
+
+  
+  
+
+  
+  
+
+
+
+  
+
+  
+      
       <label
         class="form-label visually-hidden"
         for="inlineFormInputGroupUsername"
       >
         Username
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="inlineFormInputGroupUsername"
@@ -271,16 +572,40 @@ exports[`OE - Form inline renders correctly 1`] = `
         required
         type="text"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-12"
     >
+      
+                                
+
+
+  
+  
+
+  
+  
+
+
+
+  
+
+  
+      
       <label
         class="form-label visually-hidden"
         for="inlineFormInputGroupPassword"
       >
         Password
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="inlineFormInputGroupPassword"
@@ -288,37 +613,80 @@ exports[`OE - Form inline renders correctly 1`] = `
         required
         type="text"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-12"
     >
+      
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="exampleInputCheck1"
           required
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="exampleInputCheck1"
         >
           Remember me *
         </label>
+        
+  
+
       </div>
+      
+
+                  
     </div>
+    
+                              
     <div
       class="col-12"
     >
+      
+        
+
+        
+
       <button
         class="btn btn-primary btn-md"
         type="submit"
       >
         Submit
       </button>
+      
+
+      
     </div>
+    
+  
   </form>
 </jest>
 `;
@@ -329,21 +697,46 @@ exports[`OE - Form renders correctly when disabled 1`] = `
     novalidate
     onsubmit="return false;"
   >
+    
+                  
     <fieldset
       disabled
     >
+      
+          
       <legend>
         Disabled fieldset example
       </legend>
+      
+                                    
       <div
         class="mb-3"
       >
+        
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
         <label
           class="form-label"
           for="disabledTextInput"
         >
           Disabled input
         </label>
+        
+  
+    
         <input
           class="form-control"
           id="disabledTextInput"
@@ -351,80 +744,160 @@ exports[`OE - Form renders correctly when disabled 1`] = `
           required
           type="text"
         />
+        
+  
         <div
           class="form-text"
         >
           Helper text for the form input
         </div>
+        
+
+                  
       </div>
+      
+                                  
       <div
         class="mb-3"
       >
+        
+                          
+
+
+
+
+
+  
+
+  
+  
+
+
+
+
+  
+
+
         <select
           aria-label="Disabled select"
           class="form-select"
           id="disabledSelect"
         >
+          
+            
           <option
             value="1"
           >
             a select option
           </option>
+          
+                
           <option
             value="2"
           >
             another select option
           </option>
+          
+                
           <option
             value="3"
           >
             another option
           </option>
+          
+                
           <option
             value="4"
           >
             last option
           </option>
+          
+                
           <option
             selected
             value=""
           >
             the selected option
           </option>
+          
+      
         </select>
+        
+
         <div
           class="form-text"
           id="helperText"
         >
           Helper text for the select element
         </div>
+        
+
+                  
       </div>
+      
+                                  
       <div
         class="mb-3"
       >
+        
+                                
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
         <div
           class="form-check"
         >
+          
+    
           <input
             class="form-check-input"
             id="disabledFieldsetCheck"
             type="checkbox"
           />
+          
+      
           <label
             class="form-check-label"
             for="disabledFieldsetCheck"
           >
             Can't check this
           </label>
+          
+  
+
         </div>
+        
+
+                  
       </div>
+      
+                  
     </fieldset>
+    
+                    
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="submit"
     >
       Submit
     </button>
+    
+
+    
   </form>
 </jest>
 `;
@@ -434,27 +907,61 @@ exports[`OE - Form renders correctly with title 1`] = `
   <h1
     class="mb-4 bcl-heading"
   >
+    
+
+
+
+  
+    
+
     <a
       class="standalone"
       href="/example.html"
     >
       A title created by the bcl heading template
     </a>
+    
+
   </h1>
+  
+
+
+
   <form
     class="needs-validation"
     novalidate
     onsubmit="return false;"
   >
+    
+                          
     <div
       class="mb-3"
     >
+      
+                                              
+
+
+
+  
+
+  
+  
+
+
+
+
+  
+  
+      
       <label
         class="form-label"
         for="exampleInputEmail1"
       >
         Email address *
       </label>
+      
+  
+    
       <input
         aria-describedby="emailHelp"
         class="form-control"
@@ -462,85 +969,162 @@ exports[`OE - Form renders correctly with title 1`] = `
         required
         type="email"
       />
+      
+  
       <div
         class="invalid-feedback"
       >
         Please provide an email.
       </div>
+      
+  
       <div
         class="valid-feedback"
       >
         Valid feedback regarding email.
       </div>
+      
+  
       <div
         class="form-text"
         id="emailHelp"
       >
         We'll never share your email with anyone else.
       </div>
+      
+
+                        
     </div>
+    
+                                
     <div
       class="mb-3"
     >
+      
+                                              
+
+
+
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputPassword1"
       >
         Password *
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputPassword1"
         required
         type="password"
       />
+      
+  
       <div
         class="invalid-feedback"
       >
         Please provide a password.
       </div>
+      
+  
       <div
         class="valid-feedback"
       >
         Valid feedback regarding password.
       </div>
+      
+
+                        
     </div>
+    
+                                
     <div
       class="mb-3"
     >
+      
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="exampleInputCheck1"
           required
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="exampleInputCheck1"
         >
           Check me out *
         </label>
+        
+  
+  
         <div
           class="invalid-feedback"
         >
           Please check the required checkbox.
         </div>
+        
+  
         <div
           class="valid-feedback"
         >
           Valid feedback regarding check.
         </div>
+        
+
       </div>
+      
+
+                        
     </div>
+    
+                      
+
+        
+
     <button
       class="btn btn-primary btn-md"
       type="submit"
     >
       Submit
     </button>
+    
+
+    
   </form>
 </jest>
 `;
@@ -552,15 +1136,36 @@ exports[`OE - Form using a grid renders correctly 1`] = `
     novalidate
     onsubmit="return false;"
   >
+    
+                                        
     <div
       class="col-md-6"
     >
+      
+                                
+
+
+
+  
+
+  
+  
+
+
+
+
+  
+  
+      
       <label
         class="form-label"
         for="exampleInputEmail1"
       >
         Email address *
       </label>
+      
+  
+    
       <input
         aria-describedby="emailHelp"
         class="form-control"
@@ -568,137 +1173,326 @@ exports[`OE - Form using a grid renders correctly 1`] = `
         required
         type="email"
       />
+      
+  
       <div
         class="form-text"
         id="emailHelp"
       >
         We'll never share your email with anyone else.
       </div>
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-md-6"
     >
+      
+                                
+
+
+
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputPassword1"
       >
         Password *
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputPassword1"
         required
         type="password"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-12"
     >
+      
+                                
+
+
+
+  
+
+  
+
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputAddress1"
       >
         Address
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputAddress1"
         type="text"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-12"
     >
+      
+                                
+
+
+
+  
+
+  
+
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputAddress2"
       >
         Address 2
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputAddress2"
         type="text"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-md-6"
     >
+      
+                                
+
+
+
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputCity1"
       >
         City *
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputCity1"
         required
         type="text"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-md-4"
     >
+      
+                                
+
+
+
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputState1"
       >
         State *
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputState1"
         required
         type="text"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-md-2"
     >
+      
+                                
+
+
+
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <label
         class="form-label"
         for="exampleInputZip1"
       >
         Zip *
       </label>
+      
+  
+    
       <input
         class="form-control"
         id="exampleInputZip1"
         required
         type="text"
       />
+      
+
+                  
     </div>
+    
+                                  
     <div
       class="col-12"
     >
+      
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="exampleInputCheck1"
           required
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="exampleInputCheck1"
         >
           Check me out *
         </label>
+        
+  
+
       </div>
+      
+
+                  
     </div>
+    
+                              
     <div
       class="col-12"
     >
+      
+        
+
+        
+
       <button
         class="btn btn-primary btn-md"
         type="submit"
       >
         Submit
       </button>
+      
+
+      
     </div>
+    
+  
   </form>
 </jest>
 `;
diff --git a/src/components/bcl-form/form.html.twig b/src/components/bcl-form/form.html.twig
index c3e4b51df..eb7a74b85 100644
--- a/src/components/bcl-form/form.html.twig
+++ b/src/components/bcl-form/form.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h2')
@@ -147,4 +145,3 @@
 {% endif %}
 </form>
 
-{% endapply %}
diff --git a/src/components/bcl-heading/__snapshots__/heading.test.js.snap b/src/components/bcl-heading/__snapshots__/heading.test.js.snap
index 3a46df96a..05648dbd8 100644
--- a/src/components/bcl-heading/__snapshots__/heading.test.js.snap
+++ b/src/components/bcl-heading/__snapshots__/heading.test.js.snap
@@ -15,12 +15,21 @@ exports[`OE - Heading renders correctly with a link 1`] = `
   <h2
     class="mb-4 bcl-heading"
   >
+    
+
+
+
+  
+    
+
     <a
       class="standalone"
       href="/example.html"
     >
       A title created by the bcl heading template
     </a>
+    
+
   </h2>
 </jest>
 `;
@@ -30,12 +39,21 @@ exports[`OE - Heading renders correctly with a link and a title 1`] = `
   <h2
     class="mb-4 bcl-heading"
   >
+    
+
+
+
+  
+    
+
     <a
       class="standalone"
       href="/example.html"
     >
       A title created by the bcl heading template
     </a>
+    
+
   </h2>
 </jest>
 `;
diff --git a/src/components/bcl-heading/heading.html.twig b/src/components/bcl-heading/heading.html.twig
index 94e382b27..6e6b5663d 100644
--- a/src/components/bcl-heading/heading.html.twig
+++ b/src/components/bcl-heading/heading.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
@@ -37,4 +35,3 @@
 </{{ _title_tag }}>
 {% endif -%}
 
-{% endapply %}
diff --git a/src/components/bcl-icon/__snapshots__/icon.test.js.snap b/src/components/bcl-icon/__snapshots__/icon.test.js.snap
index 09ea494ef..d24980aab 100644
--- a/src/components/bcl-icon/__snapshots__/icon.test.js.snap
+++ b/src/components/bcl-icon/__snapshots__/icon.test.js.snap
@@ -5,9 +5,13 @@ exports[`OE - Icon 2xl renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -17,9 +21,13 @@ exports[`OE - Icon 2xs renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -29,9 +37,13 @@ exports[`OE - Icon flip-horizontal renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -41,9 +53,13 @@ exports[`OE - Icon flip-vertical renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -53,9 +69,13 @@ exports[`OE - Icon fluid renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -65,9 +85,13 @@ exports[`OE - Icon l renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -77,9 +101,13 @@ exports[`OE - Icon m renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -89,9 +117,13 @@ exports[`OE - Icon rotate-90 renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -101,9 +133,13 @@ exports[`OE - Icon rotate-180 renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -113,9 +149,13 @@ exports[`OE - Icon rotate-270 renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -125,9 +165,13 @@ exports[`OE - Icon s renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -137,9 +181,13 @@ exports[`OE - Icon xl renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
@@ -149,9 +197,13 @@ exports[`OE - Icon xs renders correctly 1`] = `
   <svg
     class="bi icon--s"
   >
+    
+  
     <use
       xlink:href="/icons.svg#eye-slash"
     />
+    
+
   </svg>
 </jest>
 `;
diff --git a/src/components/bcl-icon/icon.html.twig b/src/components/bcl-icon/icon.html.twig
index cf5c7e24d..8567e85c5 100644
--- a/src/components/bcl-icon/icon.html.twig
+++ b/src/components/bcl-icon/icon.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - name (string) (default: '')
   - path (string) (default: '')
@@ -33,4 +31,3 @@
   <use xlink:href="{{ _path ~ "#" ~ _name }}"/>
 </svg>
 
-{% endapply %}
diff --git a/src/components/bcl-link/__snapshots__/link.test.js.snap b/src/components/bcl-link/__snapshots__/link.test.js.snap
index cc8cc3716..2adb38b75 100644
--- a/src/components/bcl-link/__snapshots__/link.test.js.snap
+++ b/src/components/bcl-link/__snapshots__/link.test.js.snap
@@ -131,13 +131,26 @@ exports[`OE - Link with icon renders and without icon spacers correctly 1`] = `
     href="/example.html"
   >
     A simple link!
+
+
+  
+  
+
+
     <svg
       class="bi icon--s icon--rotate-90"
     >
+      
+  
       <use
         xlink:href="/icons.svg#mouse"
       />
+      
+
     </svg>
+    
+
+
   </a>
 </jest>
 `;
diff --git a/src/components/bcl-link/link.html.twig b/src/components/bcl-link/link.html.twig
index 171972fcf..53005700d 100644
--- a/src/components/bcl-link/link.html.twig
+++ b/src/components/bcl-link/link.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - label (string) (default: '')
   - path (string) (default: '#')
@@ -72,7 +70,12 @@
 {% if _classes is not empty %}
   {% set attributes = attributes.addClass(_classes) %}
 {% endif %}
-{% set attributes = attributes.setAttribute('href', _path) %}
+{# Cast Url objects to strings before using them as href attributes. #}
+{% set _href = _path %}
+{% if _path.toString is defined %}
+  {% set _href = _path.toString() %}
+{% endif %}
+{% set attributes = attributes.setAttribute('href', _href) %}
 
 <a
   {{ attributes }}
@@ -85,5 +88,3 @@
     {{ _icon_markup }}
   {%- endif -%}
 </a>
-
-{% endapply %}
diff --git a/src/components/bcl-list-group/__snapshots__/list-group.test.js.snap b/src/components/bcl-list-group/__snapshots__/list-group.test.js.snap
index c211a90bf..a68076d0c 100644
--- a/src/components/bcl-list-group/__snapshots__/list-group.test.js.snap
+++ b/src/components/bcl-list-group/__snapshots__/list-group.test.js.snap
@@ -5,55 +5,99 @@ exports[`OE - List group renders correctly 1`] = `
   <ul
     class="list-group"
   >
+    
+                                            
     <li
       class="list-group-item list-group-item-danger"
     >
       Label 1
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-secondary"
     >
       Label 2
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-primary"
     >
       Label 3
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-info"
     >
       Label 4
     </li>
+    
+                                  
     <li
       class="list-group-item"
     >
+      
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="example-form-input-1"
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="example-form-input-1"
         >
           Example form input
         </label>
+        
+  
+
       </div>
+      
+
+
     </li>
+    
+                                                              
     <li
       class="list-group-item list-group-item-warning d-flex justify-content-between align-items-center"
     >
       Label 5
+
+  
+  
+
+
       <span
         class="ms-2 badge rounded-pill text-bg-primary"
       >
         10
       </span>
     </li>
+    
+      
   </ul>
 </jest>
 `;
@@ -63,55 +107,99 @@ exports[`OE - List group renders correctly horizontal 1`] = `
   <ul
     class="list-group list-group-horizontal"
   >
+    
+                                            
     <li
       class="list-group-item list-group-item-danger"
     >
       Label 1
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-secondary"
     >
       Label 2
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-primary"
     >
       Label 3
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-info"
     >
       Label 4
     </li>
+    
+                                  
     <li
       class="list-group-item"
     >
+      
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="example-form-input-1"
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="example-form-input-1"
         >
           Example form input
         </label>
+        
+  
+
       </div>
+      
+
+
     </li>
+    
+                                                              
     <li
       class="list-group-item list-group-item-warning d-flex justify-content-between align-items-center"
     >
       Label 5
+
+  
+  
+
+
       <span
         class="ms-2 badge rounded-pill text-bg-primary"
       >
         10
       </span>
     </li>
+    
+      
   </ul>
 </jest>
 `;
@@ -121,26 +209,36 @@ exports[`OE - List group renders correctly numbered 1`] = `
   <ol
     class="list-group list-group-numbered"
   >
+    
+                                            
     <li
       class="list-group-item list-group-item-info"
     >
       Ordered Label
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-light"
     >
       Ordered Label
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-dark"
     >
       Ordered Label
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-success"
     >
       Ordered Label
     </li>
+    
+                                                              
     <li
       class="list-group-item list-group-item-warning d-flex justify-content-between align-items-center"
     >
@@ -149,12 +247,20 @@ exports[`OE - List group renders correctly numbered 1`] = `
       >
         Cras justo odio
       </div>
+      
+
+  
+  
+
+
       <span
         class="ms-2 badge rounded-pill text-bg-primary"
       >
         10
       </span>
     </li>
+    
+      
   </ol>
 </jest>
 `;
@@ -164,6 +270,11 @@ exports[`OE - List group renders correctly with actionable items 1`] = `
   <div
     class="list-group"
   >
+    
+                                              
+
+  
+
     <button
       aria-disabled="true"
       class="list-group-item list-group-item-action"
@@ -172,24 +283,49 @@ exports[`OE - List group renders correctly with actionable items 1`] = `
     >
       Button 1
     </button>
+    
+
+                                                        
+
+
+
+
+
+
     <a
       class="list-group-item list-group-item-action"
       href="/test-path"
     >
       Link 1
     </a>
+    
+                                                        
+
+
+
     <button
       class="list-group-item list-group-item-action"
       type="button"
     >
       Button 2
     </button>
+    
+
+                                          
+
+
+
+
+
+
     <a
       class="list-group-item-success list-group-item list-group-item-action"
       href="/test-path-2"
     >
       Link 2
     </a>
+    
+            
   </div>
 </jest>
 `;
@@ -199,55 +335,99 @@ exports[`OE - List group renders correctly with flush style 1`] = `
   <ul
     class="list-group list-group-flush"
   >
+    
+                                            
     <li
       class="list-group-item list-group-item-danger"
     >
       Label 1
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-secondary"
     >
       Label 2
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-primary"
     >
       Label 3
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-info"
     >
       Label 4
     </li>
+    
+                                  
     <li
       class="list-group-item"
     >
+      
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="example-form-input-1"
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="example-form-input-1"
         >
           Example form input
         </label>
+        
+  
+
       </div>
+      
+
+
     </li>
+    
+                                                              
     <li
       class="list-group-item list-group-item-warning d-flex justify-content-between align-items-center"
     >
       Label 5
+
+  
+  
+
+
       <span
         class="ms-2 badge rounded-pill text-bg-primary"
       >
         10
       </span>
     </li>
+    
+      
   </ul>
 </jest>
 `;
@@ -258,55 +438,99 @@ exports[`OE - List group renders correctly with id 1`] = `
     class="list-group"
     id="list-group-id"
   >
+    
+                                            
     <li
       class="list-group-item list-group-item-danger"
     >
       Label 1
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-secondary"
     >
       Label 2
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-primary"
     >
       Label 3
     </li>
+    
+                                                
     <li
       class="list-group-item list-group-item-info"
     >
       Label 4
     </li>
+    
+                                  
     <li
       class="list-group-item"
     >
+      
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
       <div
         class="form-check"
       >
+        
+    
         <input
           class="form-check-input"
           id="example-form-input-1"
           type="checkbox"
         />
+        
+      
         <label
           class="form-check-label"
           for="example-form-input-1"
         >
           Example form input
         </label>
+        
+  
+
       </div>
+      
+
+
     </li>
+    
+                                                              
     <li
       class="list-group-item list-group-item-warning d-flex justify-content-between align-items-center"
     >
       Label 5
+
+  
+  
+
+
       <span
         class="ms-2 badge rounded-pill text-bg-primary"
       >
         10
       </span>
     </li>
+    
+      
   </ul>
 </jest>
 `;
diff --git a/src/components/bcl-list-group/list-group.html.twig b/src/components/bcl-list-group/list-group.html.twig
index 39c1dade3..1ac1e8bc8 100644
--- a/src/components/bcl-list-group/list-group.html.twig
+++ b/src/components/bcl-list-group/list-group.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - flush (boolean) (default: false)
   - horizontal (string) (default: '')
@@ -117,4 +115,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-modal/__snapshots__/modal.test.js.snap b/src/components/bcl-modal/__snapshots__/modal.test.js.snap
index 4a95c6d2d..dfffabfab 100644
--- a/src/components/bcl-modal/__snapshots__/modal.test.js.snap
+++ b/src/components/bcl-modal/__snapshots__/modal.test.js.snap
@@ -9,12 +9,18 @@ exports[`OE - modal renders correctly 1`] = `
     id="exampleModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="test-class modal-header"
         >
@@ -31,6 +37,8 @@ exports[`OE - modal renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="test-class modal-body"
         >
@@ -41,12 +49,15 @@ exports[`OE - modal renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
         </div>
+        
+            
         <div
           class="test-class modal-footer"
         >
@@ -64,8 +75,14 @@ exports[`OE - modal renders correctly 1`] = `
             Save changes
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -79,12 +96,18 @@ exports[`OE - modal renders correctly small 1`] = `
     id="exampleModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-sm"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="test-class modal-header"
         >
@@ -101,6 +124,8 @@ exports[`OE - modal renders correctly small 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="test-class modal-body"
         >
@@ -111,12 +136,15 @@ exports[`OE - modal renders correctly small 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
         </div>
+        
+            
         <div
           class="test-class modal-footer"
         >
@@ -134,8 +162,14 @@ exports[`OE - modal renders correctly small 1`] = `
             Save changes
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -149,12 +183,18 @@ exports[`OE - modal renders correctly with fullscreen breakpoint 1`] = `
     id="exampleModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen-sm-down"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="test-class modal-header"
         >
@@ -171,6 +211,8 @@ exports[`OE - modal renders correctly with fullscreen breakpoint 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="test-class modal-body"
         >
@@ -181,12 +223,15 @@ exports[`OE - modal renders correctly with fullscreen breakpoint 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
         </div>
+        
+            
         <div
           class="test-class modal-footer"
         >
@@ -204,8 +249,14 @@ exports[`OE - modal renders correctly with fullscreen breakpoint 1`] = `
             Save changes
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -219,12 +270,18 @@ exports[`OE - modal renders correctly with scrollable modal 1`] = `
     id="exampleModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-dialog-scrollable"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="test-class modal-header"
         >
@@ -241,6 +298,8 @@ exports[`OE - modal renders correctly with scrollable modal 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="test-class modal-body"
         >
@@ -251,12 +310,15 @@ exports[`OE - modal renders correctly with scrollable modal 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
         </div>
+        
+            
         <div
           class="test-class modal-footer"
         >
@@ -274,8 +336,14 @@ exports[`OE - modal renders correctly with scrollable modal 1`] = `
             Save changes
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -290,12 +358,18 @@ exports[`OE - modal renders correctly with static backdrop 1`] = `
     id="exampleModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="test-class modal-header"
         >
@@ -312,6 +386,8 @@ exports[`OE - modal renders correctly with static backdrop 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="test-class modal-body"
         >
@@ -322,12 +398,15 @@ exports[`OE - modal renders correctly with static backdrop 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
         </div>
+        
+            
         <div
           class="test-class modal-footer"
         >
@@ -345,8 +424,14 @@ exports[`OE - modal renders correctly with static backdrop 1`] = `
             Save changes
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -360,12 +445,18 @@ exports[`OE - modal renders correctly with verticaly centered modal 1`] = `
     id="exampleModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-dialog-centered"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="test-class modal-header"
         >
@@ -382,6 +473,8 @@ exports[`OE - modal renders correctly with verticaly centered modal 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="test-class modal-body"
         >
@@ -392,12 +485,15 @@ exports[`OE - modal renders correctly with verticaly centered modal 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
         </div>
+        
+            
         <div
           class="test-class modal-footer"
         >
@@ -415,8 +511,14 @@ exports[`OE - modal renders correctly with verticaly centered modal 1`] = `
             Save changes
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-modal/modal.html.twig b/src/components/bcl-modal/modal.html.twig
index 126fa4558..920f7a93d 100644
--- a/src/components/bcl-modal/modal.html.twig
+++ b/src/components/bcl-modal/modal.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - size (string) default('')
     options: sm, lg, xl, fullscreen
@@ -92,4 +90,3 @@
   </div>
 </div>
 
-{% endapply %}
diff --git a/src/components/bcl-navbar/__snapshots__/navbar.test.js.snap b/src/components/bcl-navbar/__snapshots__/navbar.test.js.snap
index b57fddd8f..aa79ece9f 100644
--- a/src/components/bcl-navbar/__snapshots__/navbar.test.js.snap
+++ b/src/components/bcl-navbar/__snapshots__/navbar.test.js.snap
@@ -5,19 +5,30 @@ exports[`OE - navbar dark renders correctly 1`] = `
   <nav
     class="navbar navbar-expand-lg navbar-dark"
   >
+    
+  
     <div
       class="container"
     >
+      
+            
       <a
         class="navbar-brand"
         href="/example.html"
       >
+        
+      
         <div
           class="h5 ms-4-5 d-none d-lg-inline-block"
         >
           Navbar
         </div>
+        
+          
       </a>
+      
+      
+      
       <button
         aria-controls="navbar"
         aria-expanded="false"
@@ -27,23 +38,54 @@ exports[`OE - navbar dark renders correctly 1`] = `
         data-bs-toggle="collapse"
         type="button"
       >
+        
+      
         <span
           class="navbar-toggler-icon"
         />
+        
+    
       </button>
+      
+    
       <div
         class="collapse navbar-collapse"
         id="navbar"
       >
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -56,42 +98,78 @@ exports[`OE - navbar dark renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -101,41 +179,88 @@ exports[`OE - navbar dark renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -145,6 +270,10 @@ exports[`OE - navbar dark renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -152,78 +281,176 @@ exports[`OE - navbar dark renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -233,6 +460,10 @@ exports[`OE - navbar dark renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -240,134 +471,316 @@ exports[`OE - navbar dark renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="#first"
             >
               I'm a link
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               I'm a link 2
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               I'm a link 3
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -378,32 +791,70 @@ exports[`OE - navbar dark renders correctly 1`] = `
             >
               Dropdown Toggle
             </button>
+            
+
+    
             <ul
               aria-labelledby="dropdown-1"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   I'm a link
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item"
                   type="button"
                 >
                   I'm a button
                 </button>
+                
+
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
                 <hr
                   class="dropdown-divider"
                 />
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+  
+
                 <button
                   aria-disabled="true"
                   class="dropdown-item"
@@ -412,20 +863,48 @@ exports[`OE - navbar dark renders correctly 1`] = `
                 >
                   I'm a disabled button
                 </button>
+                
+
+                
               </li>
+              
+                                                                                  
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item active"
                   type="button"
                 >
                   I'm a active button
                 </button>
+                
+
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                    
       </div>
+      
+    
     </div>
+    
+
   </nav>
 </jest>
 `;
@@ -435,19 +914,30 @@ exports[`OE - navbar light renders correctly 1`] = `
   <nav
     class="navbar navbar-expand-lg navbar-light"
   >
+    
+  
     <div
       class="container"
     >
+      
+            
       <a
         class="navbar-brand"
         href="/example.html"
       >
+        
+      
         <div
           class="h5 ms-4-5 d-none d-lg-inline-block"
         >
           Navbar
         </div>
+        
+          
       </a>
+      
+      
+      
       <button
         aria-controls="navbar"
         aria-expanded="false"
@@ -457,23 +947,54 @@ exports[`OE - navbar light renders correctly 1`] = `
         data-bs-toggle="collapse"
         type="button"
       >
+        
+      
         <span
           class="navbar-toggler-icon"
         />
+        
+    
       </button>
+      
+    
       <div
         class="collapse navbar-collapse"
         id="navbar"
       >
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -486,42 +1007,78 @@ exports[`OE - navbar light renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -531,41 +1088,88 @@ exports[`OE - navbar light renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -575,6 +1179,10 @@ exports[`OE - navbar light renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -582,79 +1190,177 @@ exports[`OE - navbar light renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
-                            <button
+                            
+        
+
+
+
+  
+
+                            <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
                               aria-haspopup="menu"
@@ -663,6 +1369,10 @@ exports[`OE - navbar light renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -670,134 +1380,316 @@ exports[`OE - navbar light renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="#first"
             >
               I'm a link
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               I'm a link 2
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               I'm a link 3
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -808,32 +1700,70 @@ exports[`OE - navbar light renders correctly 1`] = `
             >
               Dropdown Toggle
             </button>
+            
+
+    
             <ul
               aria-labelledby="dropdown-1"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   I'm a link
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item"
                   type="button"
                 >
                   I'm a button
                 </button>
+                
+
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
                 <hr
                   class="dropdown-divider"
                 />
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+  
+
                 <button
                   aria-disabled="true"
                   class="dropdown-item"
@@ -842,20 +1772,48 @@ exports[`OE - navbar light renders correctly 1`] = `
                 >
                   I'm a disabled button
                 </button>
+                
+
+                
               </li>
+              
+                                                                                  
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item active"
                   type="button"
                 >
                   I'm a active button
                 </button>
+                
+
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                    
       </div>
+      
+    
     </div>
+    
+
   </nav>
 </jest>
 `;
@@ -865,28 +1823,62 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
   <nav
     class="navbar navbar-expand-lg navbar-light"
   >
+    
+  
     <div
       class="container"
     >
+      
+            
       <a
         class="navbar-brand"
         href="/example.html"
       >
+        
+      
         <div
           class="h5 ms-4-5 d-none d-lg-inline-block"
         >
           Navbar
         </div>
+        
+          
       </a>
+      
+      
+              
+
+
+                    
+                  
+  
+  
+    
+    
       <ul
         class="me-auto navbar-nav"
       >
+        
+                                                                                                                
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+  
+
           <div
             class="bcl-mega-menu"
           >
+            
+  
+
+
+
             <button
               aria-controls="mega-menu-dropdown-megamenu"
               aria-expanded="false"
@@ -899,42 +1891,78 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
             >
               A link with dropdown
             </button>
+            
+
+    
             <nav
               aria-label="Main mega menu"
               aria-labelledby="dropdown-megamenu"
               class="bcl-mega-menu__container dropdown-menu"
               id="mega-menu-dropdown-megamenu"
             >
+              
+    
               <div
                 class="container"
               >
+                
+            
                 <div
                   class="container d-lg-none bcl-mega-menu__back-button-block"
                 >
+                  
+        
+
+                                          
+
                   <button
                     aria-label="Back to main menu"
                     class="back-button btn btn-link btn-md"
                     type="button"
                   >
+                    
+
+
+
+
+
+
                     <svg
                       class="me-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#arrow-left"
                       />
+                      
+
                     </svg>
-                    Back
+                    
+
+Back
                   </button>
+                  
+
+      
                 </div>
+                
+            
                 <div
                   class="position-relative"
                 >
+                  
+        
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                     >
+                      
+              
                       <div
                         class="content-block"
                       >
@@ -944,41 +1972,88 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
                         <p>
                           Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                                                            
                         <p
                           class="m-0"
                         >
+                          
+
+
+                                
+
+
+
                           <a
                             class="content-link"
                             href="/example.html"
                           >
                             Discover more
+
+
+
+
+
+
                             <svg
                               class="ms-2-5 bi icon--s"
                             >
+                              
+  
                               <use
                                 xlink:href="/icons.svg#arrow-right"
                               />
+                              
+
                             </svg>
+                            
+
+
                           </a>
+                          
+
                         </p>
+                        
+                              
                       </div>
+                      
+              
                       <div
                         class="shadow-container"
                       >
+                        
+                
                         <span
                           class="shadow-bg"
                         />
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+                              
                     <div
                       class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                     >
+                      
+            
+
                       <ul
                         class="bcl-mega-menu__items __level-1"
                       >
+                        
+                      
                         <li
                           class="__parent"
                         >
+                          
+        
+
+
+
+  
+
                           <button
                             aria-controls="mm-panel-custom-trigger-mm-1"
                             aria-expanded="false"
@@ -988,6 +2063,10 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
                           >
                             Base Category Item
                           </button>
+                          
+
+
+
                           <div
                             aria-labelledby="custom-trigger-mm-1"
                             class="bcl-mega-menu__submenu __level-2"
@@ -995,78 +2074,176 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
                             id="mm-panel-custom-trigger-mm-1"
                             role="group"
                           >
+                            
+    
                             <div
                               class="__header"
                             >
+                              
+      
                               <p
                                 class="__label"
                               >
                                 Base Category Item
                               </p>
+                              
+  
                             </div>
+                            
+    
+
                             <ul
                               class="bcl-mega-menu__items __level-2"
                             >
+                              
+                      
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+      
                             </ul>
+                            
+
+  
                           </div>
+                          
+
+      
                         </li>
+                        
+                          
                         <li
                           class="__leaf"
                         >
+                          
+                            
+
+
+
+  
+
+
                           <a
                             href="/example.html"
                           >
                             Base Category Item
                           </a>
+                          
+              
                         </li>
+                        
+                          
                         <li
                           class="__parent"
                         >
+                          
+        
+
+
+
+  
+
                           <button
                             aria-controls="mm-panel-custom-trigger-mm-2"
                             aria-expanded="false"
@@ -1076,6 +2253,10 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
                           >
                             Base Category Item
                           </button>
+                          
+
+
+
                           <div
                             aria-labelledby="custom-trigger-mm-2"
                             class="bcl-mega-menu__submenu __level-2"
@@ -1083,134 +2264,316 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
                             id="mm-panel-custom-trigger-mm-2"
                             role="group"
                           >
+                            
+    
                             <div
                               class="__header"
                             >
+                              
+      
                               <p
                                 class="__label"
                               >
                                 Base Category Item
                               </p>
+                              
+  
                             </div>
+                            
+    
+
                             <ul
                               class="bcl-mega-menu__items __level-2"
                             >
+                              
+                      
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+                          
                               <li
                                 class="__leaf"
                               >
+                                
+                            
+
+
+
+  
+
+
                                 <a
                                   href="/example.html"
                                 >
                                   Base Sub Category Item
                                 </a>
+                                
+              
                               </li>
+                              
+      
                             </ul>
+                            
+
+  
                           </div>
+                          
+
+      
                         </li>
+                        
+                          
                         <li
                           class="__leaf"
                         >
+                          
+                            
+
+
+
+  
+
+
                           <a
                             href="/example.html"
                           >
                             Base Category Item
                           </a>
+                          
+              
                         </li>
+                        
+                          
                         <li
                           class="__leaf"
                         >
+                          
+                            
+
+
+
+  
+
+
                           <a
                             href="/example.html"
                           >
                             Base Category Item
                           </a>
+                          
+              
                         </li>
+                        
+                          
                         <li
                           class="__leaf"
                         >
+                          
+                            
+
+
+
+  
+
+
                           <a
                             href="/example.html"
                           >
                             Base Category Item
                           </a>
+                          
+              
                         </li>
+                        
+      
                       </ul>
+                      
+
+          
                     </div>
+                    
+        
                   </div>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </nav>
+            
+
           </div>
+          
+
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#first"
           >
             I'm a link
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="/example.html"
           >
             I'm a link 2
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="/example.html"
           >
             I'm a link 3
           </a>
+          
+                                
         </li>
+        
+                                                                                                                                              
         <li
           class="nav-item dropdown"
         >
+          
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
           <button
             aria-expanded="false"
             autocomplete="off"
@@ -1221,32 +2584,70 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
           >
             Dropdown Toggle
           </button>
+          
+
+    
           <ul
             aria-labelledby="dropdown-1"
             class="dropdown-menu"
           >
+            
+                                                                    
             <li>
+              
+                  
+
+
+
+
+
+
               <a
                 class="dropdown-item"
                 href="/example.html"
               >
                 I'm a link
               </a>
+              
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
+
+
+
               <button
                 class="dropdown-item"
                 type="button"
               >
                 I'm a button
               </button>
+              
+
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
               <hr
                 class="dropdown-divider"
               />
+              
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
+
+  
+
               <button
                 aria-disabled="true"
                 class="dropdown-item"
@@ -1255,19 +2656,45 @@ exports[`OE - navbar renders correctly with disable collapse 1`] = `
               >
                 I'm a disabled button
               </button>
+              
+
+                
             </li>
+            
+                                                                                  
             <li>
+              
+                  
+
+
+
               <button
                 class="dropdown-item active"
                 type="button"
               >
                 I'm a active button
               </button>
+              
+
+                
             </li>
+            
+            
           </ul>
+          
+
+                                
         </li>
+        
+                      
       </ul>
+      
+    
+
+                  
     </div>
+    
+
   </nav>
 </jest>
 `;
@@ -1277,19 +2704,30 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
   <nav
     class="navbar navbar-expand-sm navbar-light"
   >
+    
+  
     <div
       class="container"
     >
+      
+            
       <a
         class="navbar-brand"
         href="/example.html"
       >
+        
+      
         <div
           class="h5 ms-4-5 d-none d-lg-inline-block"
         >
           Navbar
         </div>
+        
+          
       </a>
+      
+      
+      
       <button
         aria-controls="navbar"
         aria-expanded="false"
@@ -1299,23 +2737,54 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
         data-bs-toggle="collapse"
         type="button"
       >
+        
+      
         <span
           class="navbar-toggler-icon"
         />
+        
+    
       </button>
+      
+    
       <div
         class="collapse navbar-collapse"
         id="navbar"
       >
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -1328,42 +2797,78 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -1373,41 +2878,88 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -1417,6 +2969,10 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1424,78 +2980,176 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -1505,6 +3159,10 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1512,134 +3170,316 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="#first"
             >
               I'm a link
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               I'm a link 2
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               I'm a link 3
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -1650,32 +3490,70 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
             >
               Dropdown Toggle
             </button>
+            
+
+    
             <ul
               aria-labelledby="dropdown-1"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   I'm a link
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item"
                   type="button"
                 >
                   I'm a button
                 </button>
+                
+
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
                 <hr
                   class="dropdown-divider"
                 />
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+  
+
                 <button
                   aria-disabled="true"
                   class="dropdown-item"
@@ -1684,20 +3562,48 @@ exports[`OE - navbar renders correctly with expand small 1`] = `
                 >
                   I'm a disabled button
                 </button>
+                
+
+                
               </li>
+              
+                                                                                  
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item active"
                   type="button"
                 >
                   I'm a active button
                 </button>
+                
+
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                    
       </div>
+      
+    
     </div>
+    
+
   </nav>
 </jest>
 `;
diff --git a/src/components/bcl-navbar/navbar.html.twig b/src/components/bcl-navbar/navbar.html.twig
index 0e46f65cc..0ce2067f1 100644
--- a/src/components/bcl-navbar/navbar.html.twig
+++ b/src/components/bcl-navbar/navbar.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - collapse_id (string) (default: '')
   - background (string) (default: '')
@@ -106,4 +104,3 @@
   </div>
 </nav>
 
-{% endapply %}
diff --git a/src/components/bcl-navigation/__snapshots__/navigation.test.js.snap b/src/components/bcl-navigation/__snapshots__/navigation.test.js.snap
index 0a52dee1f..92d34668a 100644
--- a/src/components/bcl-navigation/__snapshots__/navigation.test.js.snap
+++ b/src/components/bcl-navigation/__snapshots__/navigation.test.js.snap
@@ -5,30 +5,70 @@ exports[`OE - navigation renders correctly 1`] = `
   <nav
     class="nav nav-pills"
   >
+    
+                                                                                                                          
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 1
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 2
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 3
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+
+
     <a
       class="nav-link active"
       href="/example.html"
     >
       I'm a link active
     </a>
+    
+                                                                                                                                            
+
+
+
+
+      
+
     <a
       aria-disabled="true"
       class="nav-link disabled"
@@ -37,6 +77,8 @@ exports[`OE - navigation renders correctly 1`] = `
     >
       I'm a link disabled
     </a>
+    
+                                      
   </nav>
 </jest>
 `;
@@ -46,49 +88,107 @@ exports[`OE - navigation renders correctly as list 1`] = `
   <ul
     class="nav nav-pills"
   >
+    
+                                                                                                                
     <li
       class="nav-item"
     >
+      
+                          
+
+
+
+
+
+
       <a
         class="nav-link"
         href="/example.html"
       >
         I'm a link 1
       </a>
+      
+                                
     </li>
+    
+                                                                                                                  
     <li
       class="nav-item"
     >
+      
+                          
+
+
+
+
+
+
       <a
         class="nav-link"
         href="/example.html"
       >
         I'm a link 2
       </a>
+      
+                                
     </li>
+    
+                                                                                                                  
     <li
       class="nav-item"
     >
+      
+                          
+
+
+
+
+
+
       <a
         class="nav-link"
         href="/example.html"
       >
         I'm a link 3
       </a>
+      
+                                
     </li>
+    
+                                                                                                                                    
     <li
       class="nav-item"
     >
+      
+                          
+
+
+
+
+
+
       <a
         class="nav-link active"
         href="/example.html"
       >
         I'm a link active
       </a>
+      
+                                
     </li>
+    
+                                                                                                                  
     <li
       class="nav-item"
     >
+      
+                          
+
+
+
+
+      
+
       <a
         aria-disabled="true"
         class="nav-link disabled"
@@ -97,7 +197,11 @@ exports[`OE - navigation renders correctly as list 1`] = `
       >
         I'm a link disabled
       </a>
+      
+                                
     </li>
+    
+                      
   </ul>
 </jest>
 `;
@@ -107,30 +211,70 @@ exports[`OE - navigation renders correctly full width 1`] = `
   <nav
     class="nav nav-pills nav-fill"
   >
+    
+                                                                                                                          
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 1
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 2
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 3
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+
+
     <a
       class="nav-link active"
       href="/example.html"
     >
       I'm a link active
     </a>
+    
+                                                                                                                                            
+
+
+
+
+      
+
     <a
       aria-disabled="true"
       class="nav-link disabled"
@@ -139,6 +283,8 @@ exports[`OE - navigation renders correctly full width 1`] = `
     >
       I'm a link disabled
     </a>
+    
+                                      
   </nav>
 </jest>
 `;
@@ -148,30 +294,70 @@ exports[`OE - navigation renders correctly on vertical 1`] = `
   <nav
     class="nav nav-pills flex-column"
   >
+    
+                                                                                                                          
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 1
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 2
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 3
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+
+
     <a
       class="nav-link active"
       href="/example.html"
     >
       I'm a link active
     </a>
+    
+                                                                                                                                            
+
+
+
+
+      
+
     <a
       aria-disabled="true"
       class="nav-link disabled"
@@ -180,6 +366,8 @@ exports[`OE - navigation renders correctly on vertical 1`] = `
     >
       I'm a link disabled
     </a>
+    
+                                      
   </nav>
 </jest>
 `;
@@ -190,6 +378,14 @@ exports[`OE - navigation renders correctly with custom styles 1`] = `
     class="nav nav-tabs"
     role="tablist"
   >
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
@@ -197,6 +393,14 @@ exports[`OE - navigation renders correctly with custom styles 1`] = `
     >
       I'm a link 1
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
@@ -204,6 +408,14 @@ exports[`OE - navigation renders correctly with custom styles 1`] = `
     >
       I'm a link 2
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
@@ -211,6 +423,14 @@ exports[`OE - navigation renders correctly with custom styles 1`] = `
     >
       I'm a link 3
     </a>
+    
+                                                                                                                                                                                
+
+
+
+
+
+
     <a
       class="nav-link active"
       href="/example.html"
@@ -218,6 +438,14 @@ exports[`OE - navigation renders correctly with custom styles 1`] = `
     >
       I'm a link active
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+      
+
     <a
       aria-disabled="true"
       class="nav-link disabled"
@@ -227,6 +455,8 @@ exports[`OE - navigation renders correctly with custom styles 1`] = `
     >
       I'm a link disabled
     </a>
+    
+                                      
   </nav>
 </jest>
 `;
@@ -236,30 +466,70 @@ exports[`OE - navigation renders correctly with elements aligned right 1`] = `
   <nav
     class="nav nav-pills justify-content-justify-content-end"
   >
+    
+                                                                                                                          
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 1
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 2
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 3
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+
+
     <a
       class="nav-link active"
       href="/example.html"
     >
       I'm a link active
     </a>
+    
+                                                                                                                                            
+
+
+
+
+      
+
     <a
       aria-disabled="true"
       class="nav-link disabled"
@@ -268,6 +538,8 @@ exports[`OE - navigation renders correctly with elements aligned right 1`] = `
     >
       I'm a link disabled
     </a>
+    
+                                      
   </nav>
 </jest>
 `;
@@ -277,30 +549,70 @@ exports[`OE - navigation renders correctly with pills style on elements 1`] = `
   <nav
     class="nav nav-pills"
   >
+    
+                                                                                                                          
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 1
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 2
     </a>
+    
+                                                                                                                                            
+
+
+
+
+
+
     <a
       class="nav-link"
       href="/example.html"
     >
       I'm a link 3
     </a>
+    
+                                                                                                                                                              
+
+
+
+
+
+
     <a
       class="nav-link active"
       href="/example.html"
     >
       I'm a link active
     </a>
+    
+                                                                                                                                            
+
+
+
+
+      
+
     <a
       aria-disabled="true"
       class="nav-link disabled"
@@ -309,6 +621,8 @@ exports[`OE - navigation renders correctly with pills style on elements 1`] = `
     >
       I'm a link disabled
     </a>
+    
+                                      
   </nav>
 </jest>
 `;
@@ -319,6 +633,14 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
     class="nav nav-tabs"
     role="tablist"
   >
+    
+                                                                                                                          
+
+
+
+
+  
+
     <a
       aria-controls="first"
       class="nav-link"
@@ -329,6 +651,11 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
     >
       I'm a link
     </a>
+    
+                                                                                                                                            
+
+  
+
     <button
       aria-controls="second"
       autocomplete="off"
@@ -341,6 +668,12 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
     >
       I'm a button
     </button>
+    
+
+                                                                                                                                            
+
+    
+
     <button
       aria-controls="third"
       aria-disabled="true"
@@ -355,6 +688,12 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
     >
       I'm a disabled button
     </button>
+    
+
+                                                                                                                                                              
+
+  
+
     <button
       aria-controls="fourth"
       autocomplete="off"
@@ -367,10 +706,16 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
     >
       I'm a active button
     </button>
+    
+
+                                      
   </nav>
+  
+      
   <div
     class="tab-content"
   >
+                                                          
     <div
       aria-labelledby="first-tab"
       class="tab-pane fade"
@@ -383,6 +728,8 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
         This is a demo content for the First Tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       </p>
     </div>
+    
+                                                                
     <div
       aria-labelledby="second-tab"
       class="tab-pane fade"
@@ -395,6 +742,8 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
         This is a demo content for the Second Tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       </p>
     </div>
+    
+                                                                
     <div
       aria-labelledby="third-tab"
       class="tab-pane fade"
@@ -409,6 +758,8 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       <p />
     </div>
+    
+                                                                                          
     <div
       aria-labelledby="fourth-tab"
       class="tab-pane fade show active"
@@ -421,6 +772,8 @@ exports[`OE - navigation renders correctly with tabs 1`] = `
         This is a demo content for the Fourth Tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       </p>
     </div>
+    
+                        
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-navigation/navigation.html.twig b/src/components/bcl-navigation/navigation.html.twig
index 8a78735b8..8abd40f7f 100644
--- a/src/components/bcl-navigation/navigation.html.twig
+++ b/src/components/bcl-navigation/navigation.html.twig
@@ -1,6 +1,4 @@
 {% import _self as navigation %}
-{% apply spaceless %}
-
 {# Parameters:
   - id (string) (default: '')
   - pills (boolean) (default: false)
@@ -27,8 +25,7 @@
 
 {# Define main macro #}
 {% macro render(items, pills, tabs, tabs_content, vertical, full_width, alignment, id, nav, navbar, attributes) %}
-{% apply spaceless %}
-  {% import _self as navigation %}
+{% import _self as navigation %}
 
   {% set _id = id|default('') %}
   {% set _pills = pills ?? false %}
@@ -181,9 +178,7 @@
     {%- endblock -%}
   </div>
   {% endif %}
-{% endapply %}
 {% endmacro %}
 
 {{ navigation.render(items, pills, tabs, tabs_content, vertical, full_width, alignment, id, nav, navbar, attributes) }}
 
-{% endapply %}
diff --git a/src/components/bcl-offcanvas/__snapshots__/offcanvas.test.js.snap b/src/components/bcl-offcanvas/__snapshots__/offcanvas.test.js.snap
index 657df4e55..7f7607bef 100644
--- a/src/components/bcl-offcanvas/__snapshots__/offcanvas.test.js.snap
+++ b/src/components/bcl-offcanvas/__snapshots__/offcanvas.test.js.snap
@@ -8,15 +8,30 @@ exports[`OE - Offcanvas renders correctly 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+            
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -25,7 +40,12 @@ exports[`OE - Offcanvas renders correctly 1`] = `
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -44,15 +64,30 @@ exports[`OE - Offcanvas renders correctly with body scroll support 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+            
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -61,7 +96,12 @@ exports[`OE - Offcanvas renders correctly with body scroll support 1`] = `
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -79,15 +119,30 @@ exports[`OE - Offcanvas renders correctly with extra class on body 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+            
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -96,7 +151,12 @@ exports[`OE - Offcanvas renders correctly with extra class on body 1`] = `
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body body-extra-class"
     >
@@ -114,15 +174,30 @@ exports[`OE - Offcanvas renders correctly with extra class on close button 1`] =
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+                      
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -131,7 +206,12 @@ exports[`OE - Offcanvas renders correctly with extra class on close button 1`] =
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -149,15 +229,30 @@ exports[`OE - Offcanvas renders correctly with extra class on header 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header header-extra-class"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+            
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -166,7 +261,12 @@ exports[`OE - Offcanvas renders correctly with extra class on header 1`] = `
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -184,15 +284,30 @@ exports[`OE - Offcanvas renders correctly with responsive behaviour 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+            
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -201,7 +316,12 @@ exports[`OE - Offcanvas renders correctly with responsive behaviour 1`] = `
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -220,15 +340,30 @@ exports[`OE - Offcanvas renders correctly without backdrop 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+            
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -237,7 +372,12 @@ exports[`OE - Offcanvas renders correctly without backdrop 1`] = `
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -255,16 +395,30 @@ exports[`OE - Offcanvas renders correctly without close button 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+      
+
+
+
+
+
+
       <h4
         class="offcanvas-title bcl-heading"
         id="offcanvasExample-title"
       >
         An offcanvas title
       </h4>
+      
+      
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -281,9 +435,16 @@ exports[`OE - Offcanvas renders correctly without title 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+  
     <div
       class="offcanvas-header"
     >
+      
+            
+
+
+
       <button
         aria-controls="offcanvasExample"
         aria-label="Close button for the offcanvas"
@@ -292,7 +453,12 @@ exports[`OE - Offcanvas renders correctly without title 1`] = `
         data-bs-target="#offcanvasExample"
         type="button"
       />
+      
+
+  
     </div>
+    
+
     <div
       class="offcanvas-body"
     >
@@ -309,6 +475,8 @@ exports[`OE - Offcanvas renders correctly without title and close button 1`] = `
     id="offcanvasExample"
     tabindex="-1"
   >
+    
+
     <div
       class="offcanvas-body"
     >
diff --git a/src/components/bcl-offcanvas/offcanvas.html.twig b/src/components/bcl-offcanvas/offcanvas.html.twig
index 6ba8d4ff6..4bf14b6b2 100644
--- a/src/components/bcl-offcanvas/offcanvas.html.twig
+++ b/src/components/bcl-offcanvas/offcanvas.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h2')
@@ -119,4 +117,3 @@
 {%- endif -%}
 </div>
 
-{% endapply %}
diff --git a/src/components/bcl-pagination-v2/__snapshots__/pagination.test.js.snap b/src/components/bcl-pagination-v2/__snapshots__/pagination.test.js.snap
index 7b9686072..138745570 100644
--- a/src/components/bcl-pagination-v2/__snapshots__/pagination.test.js.snap
+++ b/src/components/bcl-pagination-v2/__snapshots__/pagination.test.js.snap
@@ -5,30 +5,93 @@ exports[`OE - Pagination center renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -37,27 +100,78 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -65,30 +179,80 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -96,27 +260,78 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -125,26 +340,72 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -154,30 +415,93 @@ exports[`OE - Pagination end renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-end"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -186,27 +510,78 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -214,30 +589,80 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -245,27 +670,78 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -274,26 +750,72 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -303,30 +825,93 @@ exports[`OE - Pagination lg renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between pagination-lg justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -335,27 +920,78 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -363,30 +999,80 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -394,27 +1080,78 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -423,26 +1160,72 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -452,30 +1235,93 @@ exports[`OE - Pagination renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -484,27 +1330,78 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -512,30 +1409,80 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -543,27 +1490,78 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -572,26 +1570,72 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -601,30 +1645,93 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -633,27 +1740,78 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -661,30 +1819,80 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -692,27 +1900,78 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -721,26 +1980,72 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -750,12 +2055,36 @@ exports[`OE - Pagination renders correctly with new attributes on items 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="new-class page-link"
@@ -764,8 +2093,15 @@ exports[`OE - Pagination renders correctly with new attributes on items 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -775,30 +2111,93 @@ exports[`OE - Pagination sm renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between pagination-sm justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -807,27 +2206,78 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -835,30 +2285,80 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -866,27 +2366,78 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -895,26 +2446,72 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -924,30 +2521,93 @@ exports[`OE - Pagination start renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-start"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -956,27 +2616,78 @@ exports[`OE - Pagination start renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -984,30 +2695,80 @@ exports[`OE - Pagination start renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1015,27 +2776,78 @@ exports[`OE - Pagination start renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -1044,26 +2856,72 @@ exports[`OE - Pagination start renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -1073,30 +2931,93 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -1105,27 +3026,78 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1133,30 +3105,80 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1164,27 +3186,78 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -1193,25 +3266,71 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+  
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -1221,31 +3340,94 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="new-class pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
       new-attributes="1"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -1254,27 +3436,78 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1282,30 +3515,80 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1313,27 +3596,78 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -1342,26 +3676,72 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -1371,30 +3751,93 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -1403,27 +3846,78 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1431,30 +3925,80 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1462,27 +4006,78 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -1491,26 +4086,72 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -1520,30 +4161,93 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
   <nav
     class="pager pagination-v2"
   >
+    
+  
     <ul
       class="pagination pager__items js-pager__items d-flex flex-row justify-content-between justify-content-md-center"
     >
+      
+                            
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--prev d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Previous page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="#chevron-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="First page"
@@ -1552,27 +4256,78 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           1
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1580,30 +4335,80 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           10
         </a>
+        
+
+          
       </li>
+      
+                                
+          
+          
+                                
+          
       <li
         class="page-item pager__item active d-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+    
+
+  
         <div
           aria-current="page"
           class="page-link"
           tabindex="0"
         >
+          
+          
           <span
             class="d-none d-md-inline-block"
           >
             11
           </span>
+          
+      
           <span
             class="d-inline-block d-md-none"
           >
             Page 11 of 55
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+  
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           class="page-link"
@@ -1611,27 +4416,78 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           12
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                        
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+          
+          
           <span
             class="d-inline-block"
           >
+                  
             <span
               aria-hidden="true"
             >
                … 
             </span>
+            
+    
           </span>
+          
+      
         </div>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item d-none d-md-inline-block"
       >
+        
+                                                  
+
+  
+
+
+
+
+
+    
+
+
+
+
+
+
         <a
           aria-hidden="false"
           aria-label="Last page"
@@ -1640,26 +4496,72 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           55
         </a>
+        
+
+          
       </li>
+      
+                                
+                                
+          
+          
+          
       <li
         class="page-item pager__item pager__item--next d-inline-block"
       >
+        
+                                                  
+
+  
+  
+
+
+
+
+    
+
+
+  
+
+
+
         <a
           aria-hidden="false"
           aria-label="Next page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+          
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
diff --git a/src/components/bcl-pagination-v2/pagination-item.html.twig b/src/components/bcl-pagination-v2/pagination-item.html.twig
index b6c445901..488390267 100644
--- a/src/components/bcl-pagination-v2/pagination-item.html.twig
+++ b/src/components/bcl-pagination-v2/pagination-item.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - path (string) (default: '')
   - label (string) (default: '')
@@ -87,4 +85,3 @@
   </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-pagination-v2/pagination.html.twig b/src/components/bcl-pagination-v2/pagination.html.twig
index 60c007948..8ffe70b22 100644
--- a/src/components/bcl-pagination-v2/pagination.html.twig
+++ b/src/components/bcl-pagination-v2/pagination.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - size (string) (default: '')
     - options ['sm', 'lg']
@@ -210,4 +208,3 @@
   </ul>
 </nav>
 
-{% endapply %}
diff --git a/src/components/bcl-pagination/__snapshots__/pagination.test.js.snap b/src/components/bcl-pagination/__snapshots__/pagination.test.js.snap
index 31a36bb61..107104cb8 100644
--- a/src/components/bcl-pagination/__snapshots__/pagination.test.js.snap
+++ b/src/components/bcl-pagination/__snapshots__/pagination.test.js.snap
@@ -6,29 +6,84 @@ exports[`OE - Pagination center renders correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination justify-content-center"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -36,10 +91,31 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -48,10 +124,31 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -59,20 +156,62 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -80,25 +219,67 @@ exports[`OE - Pagination center renders correctly 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -109,29 +290,84 @@ exports[`OE - Pagination end renders correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination justify-content-end"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -139,10 +375,31 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -151,10 +408,31 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -162,20 +440,62 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -183,25 +503,67 @@ exports[`OE - Pagination end renders correctly 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -212,29 +574,84 @@ exports[`OE - Pagination lg renders correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination pagination-lg"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -242,10 +659,31 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -254,10 +692,31 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -265,20 +724,62 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -286,25 +787,67 @@ exports[`OE - Pagination lg renders correctly 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -315,29 +858,84 @@ exports[`OE - Pagination renders correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -345,10 +943,31 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -357,10 +976,31 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -368,20 +1008,62 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -389,25 +1071,67 @@ exports[`OE - Pagination renders correctly 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -419,29 +1143,84 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
     class="bcl-glossary"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination pagination--glossary"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -449,10 +1228,31 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -461,10 +1261,31 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -472,20 +1293,62 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -493,25 +1356,67 @@ exports[`OE - Pagination renders correctly as glossary 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -521,12 +1426,32 @@ exports[`OE - Pagination renders correctly with new attributes on items 1`] = `
   <nav
     role="navigation"
   >
+    
+  
     <ul
       class="pagination"
     >
+      
+                                          
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           class="new-class page-link"
           href="/example.html"
@@ -534,8 +1459,15 @@ exports[`OE - Pagination renders correctly with new attributes on items 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                    
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -546,29 +1478,84 @@ exports[`OE - Pagination sm renders correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination pagination-sm"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -576,10 +1563,31 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -588,10 +1596,31 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -599,20 +1628,62 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -620,25 +1691,67 @@ exports[`OE - Pagination sm renders correctly 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -649,29 +1762,84 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -679,10 +1847,31 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -691,10 +1880,31 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -702,51 +1912,149 @@ exports[`OE - Pagination with custom icon for next renders for correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+  
+  
+
+
+
+
+
+
+  
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-top"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -757,30 +2065,85 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="new-class pagination"
       new-attributes="1"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -788,10 +2151,31 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -800,10 +2184,31 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -811,20 +2216,62 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -832,25 +2279,67 @@ exports[`OE - Pagination with custom list attributes renders for correctly 1`] =
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -861,29 +2350,84 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-left"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -891,23 +2435,62 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+                
           <span
             aria-hidden="true"
           >
              … 
           </span>
+          
+    
         </div>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -916,10 +2499,31 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -927,33 +2531,93 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                
+
+        
+
+  
+
+
+
+  
         <div
           class="page-link"
         >
+                
           <span
             aria-hidden="true"
           >
              … 
           </span>
+          
+    
         </div>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -961,25 +2625,67 @@ exports[`OE - Pagination with ellipsises renders correctly 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-double-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
@@ -990,27 +2696,71 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
     aria-label="Test aria label"
     role="navigation"
   >
+    
+  
     <ul
       class="pagination"
     >
+      
+                              
       <li
         class="page-item"
       >
+        
+                                  
+
+        
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="First page"
           class="page-link"
           href="/example.html"
         >
+                
           <span
             aria-hidden="true"
           >
             «
           </span>
+          
+    
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Previous page"
           class="page-link"
@@ -1018,10 +2768,31 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           Previous
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item disabled"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+      
+
         <a
           aria-disabled="true"
           class="page-link disabled"
@@ -1030,10 +2801,31 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           1
         </a>
+        
+
+      
       </li>
+      
+                                                
       <li
         class="page-item active"
       >
+        
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
         <a
           aria-current="page"
           class="page-link"
@@ -1041,20 +2833,62 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           2
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
         <a
           class="page-link"
           href="/example.html"
         >
           3
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Next page"
           class="page-link"
@@ -1062,23 +2896,54 @@ exports[`OE - Pagination without icon path renders correctly 1`] = `
         >
           Next
         </a>
+        
+
+      
       </li>
+      
+                                  
       <li
         class="page-item"
       >
+        
+                                  
+
+        
+
+
+
+
+
+
+
+
+
+
+
+
         <a
           aria-label="Last page"
           class="page-link"
           href="/example.html"
         >
+                
           <span
             aria-hidden="true"
           >
             »
           </span>
+          
+    
         </a>
+        
+
+      
       </li>
+      
+        
     </ul>
+    
+
   </nav>
 </jest>
 `;
diff --git a/src/components/bcl-pagination/pagination-item.html.twig b/src/components/bcl-pagination/pagination-item.html.twig
index 76e6ec9d9..a4137d4e5 100644
--- a/src/components/bcl-pagination/pagination-item.html.twig
+++ b/src/components/bcl-pagination/pagination-item.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - path (string) (default: '')
   - label (string) (default: '')
@@ -70,4 +68,3 @@
   <div {{ attributes }}>{{- _label -}}</div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-pagination/pagination.html.twig b/src/components/bcl-pagination/pagination.html.twig
index 9a3117cde..6688db766 100644
--- a/src/components/bcl-pagination/pagination.html.twig
+++ b/src/components/bcl-pagination/pagination.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - size (string) (default: '')
     - options ['sm', 'lg']
@@ -158,4 +156,3 @@
   </ul>
 </nav>
 
-{% endapply %}
diff --git a/src/components/bcl-placeholder/__snapshots__/placeholder.test.js.snap b/src/components/bcl-placeholder/__snapshots__/placeholder.test.js.snap
index 99d908c01..5ec536c3a 100644
--- a/src/components/bcl-placeholder/__snapshots__/placeholder.test.js.snap
+++ b/src/components/bcl-placeholder/__snapshots__/placeholder.test.js.snap
@@ -5,7 +5,10 @@ exports[`OE - Placeholder danger renders correctly 1`] = `
   <span
     class="placeholder text-bg-danger"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -14,7 +17,10 @@ exports[`OE - Placeholder dark renders correctly 1`] = `
   <span
     class="placeholder text-bg-dark"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -23,10 +29,17 @@ exports[`OE - Placeholder glow renders correctly 1`] = `
   <p
     class="placeholder-glow"
   >
+    
+
     <span
       class="placeholder text-bg-primary"
       style="width: 70%;"
-    />
+    >
+      
+
+    </span>
+    
+  
   </p>
 </jest>
 `;
@@ -36,7 +49,10 @@ exports[`OE - Placeholder info renders correctly 1`] = `
   <span
     class="placeholder text-bg-info"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -45,7 +61,10 @@ exports[`OE - Placeholder lg renders correctly 1`] = `
   <span
     class="placeholder placeholder-lg text-bg-primary"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -54,7 +73,10 @@ exports[`OE - Placeholder light renders correctly 1`] = `
   <span
     class="placeholder text-bg-light"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -63,7 +85,10 @@ exports[`OE - Placeholder link renders correctly 1`] = `
   <span
     class="placeholder text-bg-link"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -72,7 +97,10 @@ exports[`OE - Placeholder primary renders correctly 1`] = `
   <span
     class="placeholder text-bg-primary"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -81,7 +109,10 @@ exports[`OE - Placeholder renders correctly 1`] = `
   <span
     class="placeholder text-bg-primary"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -90,7 +121,10 @@ exports[`OE - Placeholder secondary renders correctly 1`] = `
   <span
     class="placeholder text-bg-secondary"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -99,7 +133,10 @@ exports[`OE - Placeholder sm renders correctly 1`] = `
   <span
     class="placeholder placeholder-sm text-bg-primary"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -108,7 +145,10 @@ exports[`OE - Placeholder success renders correctly 1`] = `
   <span
     class="placeholder text-bg-success"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -117,7 +157,10 @@ exports[`OE - Placeholder warning renders correctly 1`] = `
   <span
     class="placeholder text-bg-warning"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
 
@@ -126,10 +169,17 @@ exports[`OE - Placeholder wave renders correctly 1`] = `
   <p
     class="placeholder-wave"
   >
+    
+
     <span
       class="placeholder text-bg-primary"
       style="width: 70%;"
-    />
+    >
+      
+
+    </span>
+    
+  
   </p>
 </jest>
 `;
@@ -139,6 +189,9 @@ exports[`OE - Placeholder xs renders correctly 1`] = `
   <span
     class="placeholder placeholder-xs text-bg-primary"
     style="width: 70%;"
-  />
+  >
+    
+
+  </span>
 </jest>
 `;
diff --git a/src/components/bcl-placeholder/placeholder.html.twig b/src/components/bcl-placeholder/placeholder.html.twig
index d299ac654..fd4fcbd54 100644
--- a/src/components/bcl-placeholder/placeholder.html.twig
+++ b/src/components/bcl-placeholder/placeholder.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - width (int) (default: 0) - between 0-100
   - variant (string) (default: '')
@@ -42,4 +40,3 @@
   </p>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-progress/__snapshots__/progress.test.js.snap b/src/components/bcl-progress/__snapshots__/progress.test.js.snap
index 993f72a10..22b4b0355 100644
--- a/src/components/bcl-progress/__snapshots__/progress.test.js.snap
+++ b/src/components/bcl-progress/__snapshots__/progress.test.js.snap
@@ -7,9 +7,13 @@ exports[`OE - Progress renders correctly 1`] = `
   >
     This is the label of progress bar
   </label>
+  
+
   <div
     class="progress"
   >
+    
+  
     <div
       aria-label="25"
       aria-valuemax="100"
@@ -21,6 +25,8 @@ exports[`OE - Progress renders correctly 1`] = `
     >
       25%
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -32,9 +38,13 @@ exports[`OE - Progress renders correctly with bar label 1`] = `
   >
     This is the label of progress bar
   </label>
+  
+
   <div
     class="progress"
   >
+    
+  
     <div
       aria-label="25"
       aria-valuemax="100"
@@ -46,6 +56,8 @@ exports[`OE - Progress renders correctly with bar label 1`] = `
     >
       Loading...
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -57,9 +69,13 @@ exports[`OE - Progress renders correctly with hidden label 1`] = `
   >
     This is the label of progress bar
   </label>
+  
+
   <div
     class="progress"
   >
+    
+  
     <div
       aria-label="25"
       aria-valuemax="100"
@@ -69,6 +85,8 @@ exports[`OE - Progress renders correctly with hidden label 1`] = `
       role="progressbar"
       style="width: 25%"
     />
+    
+
   </div>
 </jest>
 `;
@@ -80,9 +98,13 @@ exports[`OE - Progress renders correctly with message 1`] = `
   >
     This is the label of progress bar
   </label>
+  
+
   <div
     class="progress"
   >
+    
+  
     <div
       aria-label="25"
       aria-valuemax="100"
@@ -94,7 +116,11 @@ exports[`OE - Progress renders correctly with message 1`] = `
     >
       25%
     </div>
+    
+
   </div>
+  
+  
   <small
     class="form-text text-muted progress-bar-message"
   >
@@ -110,9 +136,13 @@ exports[`OE - Progress renders correctly with striped and animated style 1`] = `
   >
     This is the label of progress bar
   </label>
+  
+
   <div
     class="progress"
   >
+    
+  
     <div
       aria-label="25"
       aria-valuemax="100"
@@ -124,6 +154,8 @@ exports[`OE - Progress renders correctly with striped and animated style 1`] = `
     >
       25%
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -135,9 +167,13 @@ exports[`OE - Progress renders correctly with striped style 1`] = `
   >
     This is the label of progress bar
   </label>
+  
+
   <div
     class="progress"
   >
+    
+  
     <div
       aria-label="25"
       aria-valuemax="100"
@@ -149,6 +185,8 @@ exports[`OE - Progress renders correctly with striped style 1`] = `
     >
       25%
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -160,9 +198,13 @@ exports[`OE - Progress renders correctly with variant danger 1`] = `
   >
     This is the label of progress bar
   </label>
+  
+
   <div
     class="progress"
   >
+    
+  
     <div
       aria-label="25"
       aria-valuemax="100"
@@ -174,6 +216,8 @@ exports[`OE - Progress renders correctly with variant danger 1`] = `
     >
       25%
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-progress/progress.html.twig b/src/components/bcl-progress/progress.html.twig
index 3e1ec2011..c39063479 100644
--- a/src/components/bcl-progress/progress.html.twig
+++ b/src/components/bcl-progress/progress.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - progress (int) (default: 0)
   - min (int) (default: 0)
@@ -70,4 +68,3 @@
   <small class="form-text text-muted progress-bar-message">{{ _message }}</small>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-select/__snapshots__/select.test.js.snap b/src/components/bcl-select/__snapshots__/select.test.js.snap
index b8baa9752..81a3981f3 100644
--- a/src/components/bcl-select/__snapshots__/select.test.js.snap
+++ b/src/components/bcl-select/__snapshots__/select.test.js.snap
@@ -8,48 +8,69 @@ exports[`OE - select renders correctly 1`] = `
   >
     A select form element
   </label>
+  
+  
+
   <select
     class="form-select"
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -67,67 +88,98 @@ exports[`OE - select renders correctly as a multiple choice select 1`] = `
   >
     A multiselect form element
   </label>
+  
+  
+
   <select
     id="multiselect-1"
     multiple
     required
   >
+    
+            
     <optgroup
       label="Group 1"
     >
+      
+                      
       <option
         value="1"
       >
         Option group 1
       </option>
+      
+                
       <option
         value="2"
       >
         Option group 2
       </option>
+      
+                
       <option
         value="3"
       >
         Option group 3
       </option>
+      
+                    
     </optgroup>
+    
+                
     <option
       value="5"
     >
       a select option
     </option>
+    
+                
     <option
       value="6"
     >
       another select option
     </option>
+    
+                
     <option
       value="7"
     >
       another option
     </option>
+    
+                
     <option
       value="8"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value="9"
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -145,49 +197,70 @@ exports[`OE - select renders correctly when disabled 1`] = `
   >
     A select form element
   </label>
+  
+  
+
   <select
     class="form-select"
     disabled
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -205,48 +278,69 @@ exports[`OE - select renders correctly when invalid 1`] = `
   >
     A select form element
   </label>
+  
+  
+
   <select
     class="form-select is-invalid"
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     New invalid feedback
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -264,49 +358,70 @@ exports[`OE - select renders correctly when multiple 1`] = `
   >
     A select form element
   </label>
+  
+  
+
   <select
     class="form-select"
     id="select-1"
     multiple
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -324,48 +439,69 @@ exports[`OE - select renders correctly when readonly 1`] = `
   >
     A select form element
   </label>
+  
+  
+
   <select
     class="form-select"
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -383,48 +519,69 @@ exports[`OE - select renders correctly when required 1`] = `
   >
     A select form element
   </label>
+  
+  
+
   <select
     class="form-select"
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -442,48 +599,69 @@ exports[`OE - select renders correctly when valid 1`] = `
   >
     A select form element
   </label>
+  
+  
+
   <select
     class="form-select is-valid"
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     New valid feedback
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -501,48 +679,69 @@ exports[`OE - select renders correctly with a label 1`] = `
   >
     A select label
   </label>
+  
+  
+
   <select
     class="form-select"
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
@@ -560,48 +759,69 @@ exports[`OE - select renders correctly with an hidden label 1`] = `
   >
     A select label
   </label>
+  
+  
+
   <select
     class="form-select"
     id="select-1"
     required
   >
+    
+            
     <option
       value="1"
     >
       a select option
     </option>
+    
+                
     <option
       value="2"
     >
       another select option
     </option>
+    
+                
     <option
       value="3"
     >
       another option
     </option>
+    
+                
     <option
       value="4"
     >
       last option
     </option>
+    
+                
     <option
       selected
       value=""
     >
       the selected option
     </option>
+    
+      
   </select>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+
   <div
     class="form-text"
     id="helperText"
diff --git a/src/components/bcl-select/select.html.twig b/src/components/bcl-select/select.html.twig
index 636f482d2..822a1d1e7 100644
--- a/src/components/bcl-select/select.html.twig
+++ b/src/components/bcl-select/select.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - id (string) (default: '')
@@ -181,4 +179,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-spinner/__snapshots__/spinner.test.js.snap b/src/components/bcl-spinner/__snapshots__/spinner.test.js.snap
index 376a2ac74..e2c8c728d 100644
--- a/src/components/bcl-spinner/__snapshots__/spinner.test.js.snap
+++ b/src/components/bcl-spinner/__snapshots__/spinner.test.js.snap
@@ -6,11 +6,15 @@ exports[`OE - Spinner lg and type grow renders correctly 1`] = `
     class="spinner-grow spinner-grow-lg text-danger"
     role="status"
   >
+    
+  
     <span
       class="visually-hidden"
     >
       Loading...
     </span>
+    
+
   </div>
 </jest>
 `;
@@ -21,11 +25,15 @@ exports[`OE - Spinner lg renders correctly 1`] = `
     class="spinner-border spinner-border-lg text-danger"
     role="status"
   >
+    
+  
     <span
       class="visually-hidden"
     >
       Loading...
     </span>
+    
+
   </div>
 </jest>
 `;
@@ -36,11 +44,15 @@ exports[`OE - Spinner renders correctly 1`] = `
     class="spinner-border text-danger"
     role="status"
   >
+    
+  
     <span
       class="visually-hidden"
     >
       Loading...
     </span>
+    
+
   </div>
 </jest>
 `;
@@ -51,11 +63,15 @@ exports[`OE - Spinner renders grow correctly 1`] = `
     class="spinner-grow text-danger"
     role="status"
   >
+    
+  
     <span
       class="visually-hidden"
     >
       Loading...
     </span>
+    
+
   </div>
 </jest>
 `;
@@ -66,11 +82,15 @@ exports[`OE - Spinner sm and type grow renders correctly 1`] = `
     class="spinner-grow spinner-grow-sm text-danger"
     role="status"
   >
+    
+  
     <span
       class="visually-hidden"
     >
       Loading...
     </span>
+    
+
   </div>
 </jest>
 `;
@@ -81,11 +101,15 @@ exports[`OE - Spinner sm renders correctly 1`] = `
     class="spinner-border spinner-border-sm text-danger"
     role="status"
   >
+    
+  
     <span
       class="visually-hidden"
     >
       Loading...
     </span>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/components/bcl-spinner/spinner.html.twig b/src/components/bcl-spinner/spinner.html.twig
index 9ec2e32cb..26def0eba 100644
--- a/src/components/bcl-spinner/spinner.html.twig
+++ b/src/components/bcl-spinner/spinner.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - type (string) (default: 'border')
     - options ['border', 'grow']
@@ -37,4 +35,3 @@
 {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/components/bcl-table/__snapshots__/table.test.js.snap b/src/components/bcl-table/__snapshots__/table.test.js.snap
index a59ac6b48..986e69945 100644
--- a/src/components/bcl-table/__snapshots__/table.test.js.snap
+++ b/src/components/bcl-table/__snapshots__/table.test.js.snap
@@ -8,48 +8,86 @@ exports[`OE - Table renders correctly 1`] = `
     <caption>
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -57,6 +95,8 @@ exports[`OE - Table renders correctly 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -64,6 +104,8 @@ exports[`OE - Table renders correctly 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -71,34 +113,56 @@ exports[`OE - Table renders correctly 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -106,6 +170,8 @@ exports[`OE - Table renders correctly 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -113,6 +179,8 @@ exports[`OE - Table renders correctly 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -120,34 +188,56 @@ exports[`OE - Table renders correctly 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -155,6 +245,8 @@ exports[`OE - Table renders correctly 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -162,6 +254,8 @@ exports[`OE - Table renders correctly 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -169,66 +263,117 @@ exports[`OE - Table renders correctly 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
@@ -241,48 +386,86 @@ exports[`OE - Table renders correctly small 1`] = `
     <caption>
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -290,6 +473,8 @@ exports[`OE - Table renders correctly small 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -297,6 +482,8 @@ exports[`OE - Table renders correctly small 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -304,34 +491,56 @@ exports[`OE - Table renders correctly small 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -339,6 +548,8 @@ exports[`OE - Table renders correctly small 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -346,6 +557,8 @@ exports[`OE - Table renders correctly small 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -353,34 +566,56 @@ exports[`OE - Table renders correctly small 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -388,6 +623,8 @@ exports[`OE - Table renders correctly small 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -395,6 +632,8 @@ exports[`OE - Table renders correctly small 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -402,66 +641,117 @@ exports[`OE - Table renders correctly small 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
@@ -474,48 +764,86 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
     <caption>
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -523,6 +851,8 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -530,6 +860,8 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -537,34 +869,56 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -572,6 +926,8 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -579,6 +935,8 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -586,34 +944,56 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -621,6 +1001,8 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -628,6 +1010,8 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -635,66 +1019,117 @@ exports[`OE - Table renders correctly with bordered danger variant 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
@@ -707,48 +1142,86 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
     <caption>
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -756,6 +1229,8 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -763,6 +1238,8 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -770,34 +1247,56 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -805,6 +1304,8 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -812,6 +1313,8 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -819,34 +1322,56 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -854,6 +1379,8 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -861,6 +1388,8 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -868,66 +1397,117 @@ exports[`OE - Table renders correctly with borderless style 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
@@ -942,48 +1522,86 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
     >
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -991,6 +1609,8 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -998,6 +1618,8 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1005,34 +1627,56 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1040,6 +1684,8 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1047,6 +1693,8 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1054,34 +1702,56 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1089,6 +1759,8 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1096,6 +1768,8 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1103,66 +1777,117 @@ exports[`OE - Table renders correctly with caption positioned top 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
@@ -1175,48 +1900,86 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
     <caption>
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1224,6 +1987,8 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1231,6 +1996,8 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1238,34 +2005,56 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1273,6 +2062,8 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1280,6 +2071,8 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1287,34 +2080,56 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1322,6 +2137,8 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1329,6 +2146,8 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1336,66 +2155,117 @@ exports[`OE - Table renders correctly with hoverable rows 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
@@ -1405,54 +2275,95 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
   <div
     class="table-responsive-sm"
   >
+    
+
+
     <table
       class="table"
     >
       <caption>
         List of users
       </caption>
+        
       <thead>
+        
+      
         <tr>
+          
+          
           <td>
             ID
           </td>
+          
+          
           <td>
             Name
           </td>
+          
+          
           <td>
             Description
           </td>
+          
+          
           <td>
             Position
           </td>
+          
+          
           <td>
             Start Date
           </td>
+          
+          
           <td>
             End Date
           </td>
+          
+          
           <td>
             Age
           </td>
+          
+          
           <td>
             Email
           </td>
+          
+          
           <td>
             Seniority
           </td>
+          
+          
           <td>
             Experience
           </td>
+          
+          
           <td>
             Company
           </td>
+          
+        
         </tr>
+        
+    
       </thead>
+      
+
+
       <tbody>
+        
+                      
         <tr>
+          
+                  
           <td>
             1
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1460,6 +2371,8 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Name 1
             </p>
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1467,6 +2380,8 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Description 1
             </p>
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1474,34 +2389,56 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Position 1
             </p>
           </td>
+          
+              
           <td>
             01.01.2022
           </td>
+          
+              
           <td>
             01.01.2023
           </td>
+          
+              
           <td>
             35 years
           </td>
+          
+              
           <td>
             lorem.ipsum@lorem.com
           </td>
+          
+              
           <td>
             Senior
           </td>
+          
+              
           <td>
             5 years
           </td>
+          
+              
           <td>
             Company 1
           </td>
+          
+              
         </tr>
+        
+                                                        
         <tr
           class="table-active table-primary"
         >
+          
+                  
           <td>
             2
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1509,6 +2446,8 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Name 2
             </p>
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1516,6 +2455,8 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Description 2
             </p>
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1523,34 +2464,56 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Position 2
             </p>
           </td>
+          
+              
           <td>
             01.01.2022
           </td>
+          
+              
           <td>
             01.01.2023
           </td>
+          
+              
           <td>
             35 years
           </td>
+          
+              
           <td>
             lorem.ipsum@lorem.com
           </td>
+          
+              
           <td>
             Senior
           </td>
+          
+              
           <td>
             5 years
           </td>
+          
+              
           <td>
             Company 1
           </td>
+          
+              
         </tr>
+        
+                                              
         <tr
           class="table-secondary"
         >
+          
+                  
           <td>
             3
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1558,6 +2521,8 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Name 3
             </p>
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1565,6 +2530,8 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Description 3
             </p>
           </td>
+          
+              
           <td>
             <p
               class="text-nowrap"
@@ -1572,67 +2539,121 @@ exports[`OE - Table renders correctly with responsive style 1`] = `
               Position 3
             </p>
           </td>
+          
+              
           <td>
             01.01.2022
           </td>
+          
+              
           <td>
             01.01.2023
           </td>
+          
+              
           <td>
             35 years
           </td>
+          
+              
           <td>
             lorem.ipsum@lorem.com
           </td>
+          
+              
           <td>
             Senior
           </td>
+          
+              
           <td>
             5 years
           </td>
+          
+              
           <td>
             Company 1
           </td>
+          
+              
         </tr>
+        
+  
       </tbody>
+      
+
+  
       <tfoot>
+        
+      
         <tr>
+          
+          
           <td>
             ID
           </td>
+          
+          
           <td>
             Name
           </td>
+          
+          
           <td>
             Description
           </td>
+          
+          
           <td>
             Position
           </td>
+          
+          
           <td>
             Start Date
           </td>
+          
+          
           <td>
             End Date
           </td>
+          
+          
           <td>
             Age
           </td>
+          
+          
           <td>
             Email
           </td>
+          
+          
           <td>
             Seniority
           </td>
+          
+          
           <td>
             Experience
           </td>
+          
+          
           <td>
             Company
           </td>
+          
+        
         </tr>
+        
+    
       </tfoot>
+      
+
     </table>
+    
+
+  
   </div>
 </jest>
 `;
@@ -1645,48 +2666,86 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
     <caption>
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1694,6 +2753,8 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1701,6 +2762,8 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1708,34 +2771,56 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1743,6 +2828,8 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1750,6 +2837,8 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1757,34 +2846,56 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1792,6 +2903,8 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1799,6 +2912,8 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1806,66 +2921,117 @@ exports[`OE - Table renders correctly with striped rows 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
@@ -1878,48 +3044,86 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
     <caption>
       List of users
     </caption>
+      
     <thead>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </thead>
+    
+
+
     <tbody>
+      
+                      
       <tr>
+        
+                  
         <td>
           1
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1927,6 +3131,8 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Name 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1934,6 +3140,8 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Description 1
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1941,34 +3149,56 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Position 1
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                                        
       <tr
         class="table-active table-primary"
       >
+        
+                  
         <td>
           2
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1976,6 +3206,8 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Name 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1983,6 +3215,8 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Description 2
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -1990,34 +3224,56 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Position 2
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+                                              
       <tr
         class="table-secondary"
       >
+        
+                  
         <td>
           3
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -2025,6 +3281,8 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Name 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -2032,6 +3290,8 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Description 3
           </p>
         </td>
+        
+              
         <td>
           <p
             class="text-nowrap"
@@ -2039,66 +3299,117 @@ exports[`OE - Table renders correctly with variant danger 1`] = `
             Position 3
           </p>
         </td>
+        
+              
         <td>
           01.01.2022
         </td>
+        
+              
         <td>
           01.01.2023
         </td>
+        
+              
         <td>
           35 years
         </td>
+        
+              
         <td>
           lorem.ipsum@lorem.com
         </td>
+        
+              
         <td>
           Senior
         </td>
+        
+              
         <td>
           5 years
         </td>
+        
+              
         <td>
           Company 1
         </td>
+        
+              
       </tr>
+      
+  
     </tbody>
+    
+
+  
     <tfoot>
+      
+      
       <tr>
+        
+          
         <td>
           ID
         </td>
+        
+          
         <td>
           Name
         </td>
+        
+          
         <td>
           Description
         </td>
+        
+          
         <td>
           Position
         </td>
+        
+          
         <td>
           Start Date
         </td>
+        
+          
         <td>
           End Date
         </td>
+        
+          
         <td>
           Age
         </td>
+        
+          
         <td>
           Email
         </td>
+        
+          
         <td>
           Seniority
         </td>
+        
+          
         <td>
           Experience
         </td>
+        
+          
         <td>
           Company
         </td>
+        
+        
       </tr>
+      
+    
     </tfoot>
+    
+
   </table>
 </jest>
 `;
diff --git a/src/components/bcl-table/table.html.twig b/src/components/bcl-table/table.html.twig
index d2b9efa0f..315522ff4 100644
--- a/src/components/bcl-table/table.html.twig
+++ b/src/components/bcl-table/table.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - striped (boolean) (default: false)
   - hoverable (boolean) (default: false)
@@ -192,4 +190,3 @@
   </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/components/bcl-textarea/__snapshots__/textarea.test.js.snap b/src/components/bcl-textarea/__snapshots__/textarea.test.js.snap
index 45f728106..b12183d0e 100644
--- a/src/components/bcl-textarea/__snapshots__/textarea.test.js.snap
+++ b/src/components/bcl-textarea/__snapshots__/textarea.test.js.snap
@@ -8,22 +8,31 @@ exports[`OE - textarea renders correctly 1`] = `
   >
     Example textarea
   </label>
+  
+  
+  
   <textarea
     class="form-control"
     id="example-textarea-1"
     placeholder="Text here"
     rows="4"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
   >
@@ -40,6 +49,9 @@ exports[`OE - textarea renders correctly when disabled 1`] = `
   >
     Example textarea
   </label>
+  
+  
+  
   <textarea
     class="form-control"
     disabled
@@ -47,16 +59,22 @@ exports[`OE - textarea renders correctly when disabled 1`] = `
     placeholder="Text here"
     rows="4"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
   >
@@ -70,37 +88,55 @@ exports[`OE - textarea renders correctly when horizontal 1`] = `
   <div
     class="row"
   >
+    
+  
+      
     <label
       class="col-form-label col-sm-2"
       for="example-textarea-1"
     >
       Example textarea
     </label>
+    
+  
+
     <div
       class="col-sm-10"
     >
+      
+  
       <textarea
         class="form-control"
         id="example-textarea-1"
         placeholder="Text here"
         rows="4"
       />
+      
+
     </div>
+    
+  
     <div
       class="invalid-feedback"
     >
       Invalid feedback example
     </div>
+    
+  
     <div
       class="valid-feedback"
     >
       Valid feedback example
     </div>
+    
+  
     <div
       class="form-text"
     >
       An helper text
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -113,22 +149,31 @@ exports[`OE - textarea renders correctly when invalid 1`] = `
   >
     Example textarea
   </label>
+  
+  
+  
   <textarea
     class="form-control is-invalid"
     id="example-textarea-1"
     placeholder="Text here"
     rows="4"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     New invalid feedback
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
   >
@@ -145,6 +190,9 @@ exports[`OE - textarea renders correctly when readonly 1`] = `
   >
     Example textarea
   </label>
+  
+  
+  
   <textarea
     class="form-control"
     id="example-textarea-1"
@@ -152,16 +200,22 @@ exports[`OE - textarea renders correctly when readonly 1`] = `
     readonly
     rows="4"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
   >
@@ -178,6 +232,9 @@ exports[`OE - textarea renders correctly when required 1`] = `
   >
     Example textarea
   </label>
+  
+  
+  
   <textarea
     class="form-control"
     id="example-textarea-1"
@@ -185,16 +242,22 @@ exports[`OE - textarea renders correctly when required 1`] = `
     required
     rows="4"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
   >
@@ -211,22 +274,31 @@ exports[`OE - textarea renders correctly when valid 1`] = `
   >
     Example textarea
   </label>
+  
+  
+  
   <textarea
     class="form-control is-valid"
     id="example-textarea-1"
     placeholder="Text here"
     rows="4"
   />
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     New valid feedback
   </div>
+  
+  
   <div
     class="form-text"
   >
@@ -240,33 +312,47 @@ exports[`OE - textarea renders correctly with floating label 1`] = `
   <div
     class="form-floating"
   >
+    
+  
+  
     <textarea
       class="form-control"
       id="example-textarea-1"
       placeholder="Text here"
       rows="4"
     />
+    
+      
     <label
       class="form-label"
       for="example-textarea-1"
     >
       Example textarea
     </label>
+    
+  
+  
     <div
       class="invalid-feedback"
     >
       Invalid feedback example
     </div>
+    
+  
     <div
       class="valid-feedback"
     >
       Valid feedback example
     </div>
+    
+  
     <div
       class="form-text"
     >
       An helper text
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -279,6 +365,9 @@ exports[`OE - textarea renders correctly with text 1`] = `
   >
     Example textarea
   </label>
+  
+  
+  
   <textarea
     class="form-control"
     id="example-textarea-1"
@@ -287,16 +376,22 @@ exports[`OE - textarea renders correctly with text 1`] = `
   >
     Sample text presented inside
   </textarea>
+  
+  
   <div
     class="invalid-feedback"
   >
     Invalid feedback example
   </div>
+  
+  
   <div
     class="valid-feedback"
   >
     Valid feedback example
   </div>
+  
+  
   <div
     class="form-text"
   >
diff --git a/src/components/bcl-textarea/textarea.html.twig b/src/components/bcl-textarea/textarea.html.twig
index b9816700a..774cc8a93 100644
--- a/src/components/bcl-textarea/textarea.html.twig
+++ b/src/components/bcl-textarea/textarea.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - id (string) (default: '')
@@ -146,4 +144,3 @@
 {% if _floating or _horizontal %}
 </div>
 {% endif %}
-{% endapply %}
diff --git a/src/components/bcl-toasts/__snapshots__/toasts.test.js.snap b/src/components/bcl-toasts/__snapshots__/toasts.test.js.snap
index c84e28f65..83452e9ce 100644
--- a/src/components/bcl-toasts/__snapshots__/toasts.test.js.snap
+++ b/src/components/bcl-toasts/__snapshots__/toasts.test.js.snap
@@ -8,20 +8,32 @@ exports[`OE - Toasts render correctly with body wrapper classes 1`] = `
     class="toast"
     role="alert"
   >
+    
+        
     <div
       class="test-class toast-header"
     >
       Toast title                    
+
+
+
       <button
         aria-label="Close"
         class="test-class btn-close"
         data-bs-dismiss="toast"
         type="button"
       />
+      
+
+    
     </div>
+    
+        
     <div
       class="wrapper-class another-wrapper-class"
     >
+      
+      
       <div
         class="test-class toast-body"
       >
@@ -30,12 +42,16 @@ exports[`OE - Toasts render correctly with body wrapper classes 1`] = `
         <div
           class="mt-2 pt-2 border-top"
         >
+          
+              
           <button
             class="btn btn-primary btn-sm me-1"
             type="button"
           >
             Take action
           </button>
+          
+              
           <button
             class="btn btn-secondary btn-sm"
             data-bs-dismiss="toast"
@@ -43,9 +59,15 @@ exports[`OE - Toasts render correctly with body wrapper classes 1`] = `
           >
             Close
           </button>
+          
+            
         </div>
       </div>
+      
+      
     </div>
+    
+  
     <p>
       Toast custom content.
     </p>
@@ -60,15 +82,22 @@ exports[`OE - Toasts render correctly with multiple toasts 1`] = `
     aria-live="polite"
     class="position-relative"
   >
+    
+
+  
     <div
       class="toast-container position-absolute top-0 end-0 p-3"
     >
+      
+                                                                                          
       <div
         aria-atomic="true"
         aria-live="assertive"
         class="toast"
         role="alert"
       >
+        
+        
         <div
           class="toast-header"
         >
@@ -82,25 +111,40 @@ exports[`OE - Toasts render correctly with multiple toasts 1`] = `
           >
             just now
           </small>
+                              
+
+
+
           <button
             aria-label="Close"
             class="btn-close"
             data-bs-dismiss="toast"
             type="button"
           />
+          
+
+    
         </div>
+        
+        
         <div
           class="toast-body"
         >
           See? Just like this.
         </div>
+        
+  
       </div>
+      
+                                                                                          
       <div
         aria-atomic="true"
         aria-live="assertive"
         class="test-class toast"
         role="alert"
       >
+        
+        
         <div
           class="toast-header"
         >
@@ -114,20 +158,35 @@ exports[`OE - Toasts render correctly with multiple toasts 1`] = `
           >
             2 seconds ago
           </small>
+                              
+
+
+
           <button
             aria-label="Close"
             class="btn-close"
             data-bs-dismiss="toast"
             type="button"
           />
+          
+
+    
         </div>
+        
+        
         <div
           class="toast-body"
         >
           Heads up, toasts will stack automatically.
         </div>
+        
+  
       </div>
+      
+    
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -140,17 +199,27 @@ exports[`OE - Toasts renders correctly with a single toast 1`] = `
     class="toast"
     role="alert"
   >
+    
+        
     <div
       class="test-class toast-header"
     >
       Toast title                    
+
+
+
       <button
         aria-label="Close"
         class="test-class btn-close"
         data-bs-dismiss="toast"
         type="button"
       />
+      
+
+    
     </div>
+    
+        
     <div
       class="test-class toast-body"
     >
@@ -159,12 +228,16 @@ exports[`OE - Toasts renders correctly with a single toast 1`] = `
       <div
         class="mt-2 pt-2 border-top"
       >
+        
+              
         <button
           class="btn btn-primary btn-sm me-1"
           type="button"
         >
           Take action
         </button>
+        
+              
         <button
           class="btn btn-secondary btn-sm"
           data-bs-dismiss="toast"
@@ -172,8 +245,12 @@ exports[`OE - Toasts renders correctly with a single toast 1`] = `
         >
           Close
         </button>
+        
+            
       </div>
     </div>
+    
+  
     <p>
       Toast custom content.
     </p>
@@ -189,11 +266,15 @@ exports[`OE - Toasts renders correctly with a single toast without close button
     class="toast"
     role="alert"
   >
+    
+        
     <div
       class="test-class toast-header"
     >
       Toast title    
     </div>
+    
+        
     <div
       class="test-class toast-body"
     >
@@ -202,12 +283,16 @@ exports[`OE - Toasts renders correctly with a single toast without close button
       <div
         class="mt-2 pt-2 border-top"
       >
+        
+              
         <button
           class="btn btn-primary btn-sm me-1"
           type="button"
         >
           Take action
         </button>
+        
+              
         <button
           class="btn btn-secondary btn-sm"
           data-bs-dismiss="toast"
@@ -215,8 +300,12 @@ exports[`OE - Toasts renders correctly with a single toast without close button
         >
           Close
         </button>
+        
+            
       </div>
     </div>
+    
+  
     <p>
       Toast custom content.
     </p>
diff --git a/src/components/bcl-toasts/toasts.html.twig b/src/components/bcl-toasts/toasts.html.twig
index c07481160..4f04e11a3 100644
--- a/src/components/bcl-toasts/toasts.html.twig
+++ b/src/components/bcl-toasts/toasts.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - with_wrapper (boolean) (default: false)
@@ -129,4 +127,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-banner/__snapshots__/banner.test.js.snap b/src/compositions/bcl-banner/__snapshots__/banner.test.js.snap
index fdca6efc4..a77809e9d 100644
--- a/src/compositions/bcl-banner/__snapshots__/banner.test.js.snap
+++ b/src/compositions/bcl-banner/__snapshots__/banner.test.js.snap
@@ -5,37 +5,78 @@ exports[`OE - Hero banner default renders correctly 1`] = `
   <div
     class="bcl-banner hero"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -45,37 +86,78 @@ exports[`OE - Hero banner default renders correctly with title 1`] = `
   <div
     class="bcl-banner hero"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Hero banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -85,42 +167,92 @@ exports[`OE - Hero banner default renders correctly with title and link 1`] = `
   <div
     class="bcl-banner hero"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+  
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
+          
+
+
+
+  
+    
+
           <a
             class="standalone"
             href="/example.html"
           >
             Hero banner test title
           </a>
+          
+
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -130,41 +262,84 @@ exports[`OE - Hero banner image shade renders correctly 1`] = `
   <div
     class="bcl-banner shade hero"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -174,41 +349,84 @@ exports[`OE - Hero banner image shade renders correctly with title 1`] = `
   <div
     class="bcl-banner shade hero"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Hero banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -218,41 +436,84 @@ exports[`OE - Hero banner image text-block renders correctly 1`] = `
   <div
     class="bcl-banner overlay hero"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -262,41 +523,84 @@ exports[`OE - Hero banner image text-block renders correctly with title 1`] = `
   <div
     class="bcl-banner overlay hero"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Hero banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -306,37 +610,78 @@ exports[`OE - Hero banner primary renders correctly 1`] = `
   <div
     class="bcl-banner hero"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-light"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -346,37 +691,78 @@ exports[`OE - Hero banner primary renders correctly with title 1`] = `
   <div
     class="bcl-banner hero"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Hero banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-light"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -386,37 +772,78 @@ exports[`OE - Page banner default renders correctly 1`] = `
   <div
     class="bcl-banner"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -426,37 +853,78 @@ exports[`OE - Page banner default renders correctly fixed height 1`] = `
   <div
     class="bcl-banner fixed-height"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -466,37 +934,78 @@ exports[`OE - Page banner default renders correctly full width 1`] = `
   <div
     class="bcl-banner full-width"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -506,37 +1015,78 @@ exports[`OE - Page banner default renders correctly with content classes 1`] = `
   <div
     class="bcl-banner"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content new-content-class"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -546,37 +1096,78 @@ exports[`OE - Page banner default renders correctly with title 1`] = `
   <div
     class="bcl-banner"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Page banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -586,42 +1177,92 @@ exports[`OE - Page banner default renders correctly with title and link 1`] = `
   <div
     class="bcl-banner"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+  
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
+          
+
+
+
+  
+    
+
           <a
             class="standalone"
             href="/example.html"
           >
             Page banner test title
           </a>
+          
+
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -631,41 +1272,84 @@ exports[`OE - Page banner image shade renders correctly 1`] = `
   <div
     class="bcl-banner shade"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -675,41 +1359,84 @@ exports[`OE - Page banner image shade renders correctly with title 1`] = `
   <div
     class="bcl-banner shade"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Page banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -719,41 +1446,84 @@ exports[`OE - Page banner image text-block renders correctly 1`] = `
   <div
     class="bcl-banner overlay"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -763,41 +1533,84 @@ exports[`OE - Page banner image text-block renders correctly with title 1`] = `
   <div
     class="bcl-banner overlay"
   >
+    
+      
     <div
       class="bcl-banner__image"
       style="background-image:url(https://picsum.photos/id/154/1200/800)"
     />
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Page banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-primary"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -807,37 +1620,78 @@ exports[`OE - Page banner primary renders correctly 1`] = `
   <div
     class="bcl-banner"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <div
           class="display-6 mb-3 bcl-heading"
         >
           EU Budget for the future
         </div>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-light"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -847,37 +1701,78 @@ exports[`OE - Page banner primary renders correctly with title 1`] = `
   <div
     class="bcl-banner"
   >
+    
+    
     <div
       class="container"
     >
+      
+    
       <div
         class="bcl-banner__content"
       >
+        
+              
+
+
+
+
+
+
         <h6
           class="display-6 mb-3 bcl-heading"
         >
           Page banner test title
         </h6>
+        
+                
         <p
           class="mb-4"
         >
           Innovation, economy, environment and geopolitics
         </p>
+        
+              
+
+
+                                
+
+
+
         <a
           class="btn btn-light"
           href="/example.html"
         >
           Subscribe
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+        
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-banner/banner.html.twig b/src/compositions/bcl-banner/banner.html.twig
index 8f3012e62..140584cfa 100644
--- a/src/compositions/bcl-banner/banner.html.twig
+++ b/src/compositions/bcl-banner/banner.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'div')
@@ -93,4 +91,3 @@
   </div>
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-base-templates/content-type.html.twig b/src/compositions/bcl-base-templates/content-type.html.twig
index a6da669ff..f8a7ab0fe 100644
--- a/src/compositions/bcl-base-templates/content-type.html.twig
+++ b/src/compositions/bcl-base-templates/content-type.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - with_header (boolean) (default: false)
@@ -136,4 +134,3 @@
   {% include '@oe-bcl/bcl-footer/footer.html.twig' with footer only %}
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-colors/colors.html.twig b/src/compositions/bcl-colors/colors.html.twig
index bf06c224a..0d8390fb8 100644
--- a/src/compositions/bcl-colors/colors.html.twig
+++ b/src/compositions/bcl-colors/colors.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
     - "colors"
@@ -24,4 +22,3 @@
 {% endfor %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-contact-form/__snapshots__/contact-form.test.js.snap b/src/compositions/bcl-contact-form/__snapshots__/contact-form.test.js.snap
index 9b00ab19a..64902e600 100644
--- a/src/compositions/bcl-contact-form/__snapshots__/contact-form.test.js.snap
+++ b/src/compositions/bcl-contact-form/__snapshots__/contact-form.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,31 +2281,86 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+    
     <div
       class="container"
     >
+      
+              
+
+
+    
+
+
+  
+
+
+
       <div
         class="mt-lg-5 mt-2 alert alert-danger d-flex align-items-center alert-dismissible fade show text-dark"
         role="alert"
       >
+        
+  
+
+
+
+
+
+
         <svg
           class="flex-shrink-0 me-3 mt-1 align-self-start text-danger bi icon--s"
         >
+          
+  
           <use
             xlink:href="/icons.svg#dash-circle-fill"
           />
+          
+
         </svg>
+        
+
+  
         <div
           class="alert-content flex-grow-1"
         >
@@ -1132,77 +2376,186 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
           class="btn-close"
           data-bs-dismiss="alert"
           type="button"
-        />
+        >
+          
+  
+        </button>
       </div>
+      
+
+      
     </div>
+    
+  
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Contact form
                 </h1>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                        
+              
+
+
+  
+
+
+
+
+
+
           <h2
             class="mb-2-5 bcl-heading"
           >
             Enter your message
           </h2>
+          
+
+  
           <p>
             *Please fill in all required fields.
           </p>
+          
+
+
           <form
             class="needs-validation row g-3"
             novalidate
             onsubmit="return false;"
           >
+            
+                                        
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText1"
               >
                 Your name*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputText1"
@@ -1210,21 +2563,47 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                 required
                 type="text"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please type your name.
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+  
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputEmail1"
               >
                 Your email address*
               </label>
+              
+  
+    
               <input
                 class="form-control is-invalid"
                 id="exampleInputEmail1"
@@ -1232,21 +2611,47 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                 required
                 type="email"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please verify your email address.
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText2"
               >
                 Subject*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputText2"
@@ -1254,21 +2659,46 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                 required
                 type="text"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please choose a subject for your message
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                          
+
+
+
+  
+
+  
+  
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText3"
               >
                 Message*
               </label>
+              
+  
+  
               <textarea
                 class="form-control"
                 id="exampleInputText3"
@@ -1276,65 +2706,150 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                 required
                 rows="4"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please provide a message.
               </div>
+              
+                        
             </div>
+            
+                                                          
             <div
               class="col-lg-6 gy-4"
             >
+              
+                          
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
               <label
                 class="form-label"
                 for="exampleInputSelect1"
               >
                 Topic*
               </label>
+              
+  
+
               <select
                 class="form-select"
                 id="exampleInputSelect1"
                 required
               >
+                
+            
                 <option
                   selected
                   value="1"
                 >
                   Other topic
                 </option>
+                
+      
               </select>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="col-lg-6 gy-4"
             >
+              
+                          
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
               <label
                 class="form-label"
                 for="exampleInputSelect2"
               >
                 Country of residence*
               </label>
+              
+  
+
               <select
                 class="form-select"
                 id="exampleInputSelect2"
                 required
               >
+                
+            
                 <option
                   selected
                   value="1"
                 >
                   Belgium
                 </option>
+                
+      
               </select>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputPhone"
               >
                 Phone*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputPhone"
@@ -1342,44 +2857,99 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                 required
                 type="telephone"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please provide a valid phone number.
               </div>
+              
+
+                  
             </div>
+            
+                                          
             <fieldset>
+              
+          
               <div
                 class="border-top pt-5 mt-4-5"
               >
+                
+                                                    
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                 <div
                   class="form-check"
                 >
+                  
+    
                   <input
                     class="form-check-input"
                     id="exampleInputCheck1"
                     required
                     type="checkbox"
                   />
+                  
+      
                   <label
                     class="form-check-label"
                     for="exampleInputCheck1"
                   >
                     Send yourself a copy
                   </label>
+                  
+  
+
                 </div>
+                
+
+                                        
                 <div
                   class="mt-4"
                 >
+                  
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="exampleInputCheck1"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="exampleInputCheck1"
@@ -1391,55 +2961,116 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
                         data protection terms
                       </a>
                     </label>
+                    
+  
+  
                     <div
                       class="invalid-feedback"
                     >
                       Please check and approve the data protection terms.
                     </div>
+                    
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                  
               </div>
+              
+      
             </fieldset>
+            
+      
             <div
               class="mt-4 mb-2"
             >
+              
+    
               <div
                 class="text-bg-light"
               >
+                
+      
                 <div
                   class="p-4 mt-0 fs-4"
                 >
                   Antispam
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+            
             <div
               class="contact-form-submit"
             >
+              
+        
+
+      
+
               <button
                 class="w-auto mb-4 btn btn-primary btn-md"
                 type="submit"
               >
                 Send
               </button>
+              
+
+      
             </div>
+            
+  
           </form>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+  
+
+
   <footer
     class="bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1450,187 +3081,396 @@ exports[`OE - Contact-form contact-form error page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
-            <a
-              class="standalone"
-              href="/example.html"
-            >
-              Link
+            
+                      
+
+
+
+
+
+
+            <a
+              class="standalone"
+              href="/example.html"
+            >
+              Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -1640,28 +3480,42 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -1671,56 +3525,140 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -1733,42 +3671,78 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -1778,41 +3752,88 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -1823,6 +3844,10 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1830,142 +3855,322 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -1975,6 +4180,10 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1982,189 +4191,443 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
-            <a
-              aria-current="page"
+            
+                          
+
+
+
+
+
+
+            <a
+              aria-current="page"
               class="nav-link active"
               href="/example.html"
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2175,142 +4638,335 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2318,12 +4974,18 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2333,6 +4995,8 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2340,21 +5004,29 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2362,6 +5034,8 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2372,6 +5046,8 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2379,9 +5055,28 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2389,80 +5084,151 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2471,6 +5237,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2479,6 +5253,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2487,6 +5269,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2495,6 +5285,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2503,6 +5301,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2511,6 +5317,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2519,6 +5333,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2526,14 +5348,35 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2542,6 +5385,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2550,6 +5401,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2558,6 +5417,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -2566,10 +5433,22 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2578,6 +5457,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -2586,6 +5473,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2594,6 +5489,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2602,6 +5505,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -2610,6 +5521,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -2618,6 +5537,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -2626,6 +5553,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -2634,6 +5569,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -2642,6 +5585,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -2650,6 +5601,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -2658,6 +5617,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -2666,23 +5633,49 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -2691,6 +5684,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -2699,6 +5700,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -2707,10 +5716,22 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -2719,6 +5740,14 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -2727,85 +5756,215 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Contact form
                 </h1>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                        
+              
+
+
+  
+
+
+
+
+
+
           <h2
             class="mb-2-5 bcl-heading"
           >
             Enter your message
           </h2>
+          
+
+  
           <p>
             *Please fill in all required fields.
           </p>
+          
+
+
           <form
             class="needs-validation row g-3"
             novalidate
             onsubmit="return false;"
           >
+            
+                                        
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText1"
               >
                 Your name*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputText1"
@@ -2813,21 +5972,47 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                 required
                 type="text"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please type your name.
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputEmail1"
               >
                 Your email address*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputEmail1"
@@ -2835,21 +6020,47 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                 required
                 type="email"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please verify your email address.
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText2"
               >
                 Subject*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputText2"
@@ -2857,21 +6068,46 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                 required
                 type="text"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please choose a subject for your message
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                          
+
+
+
+  
+
+  
+  
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText3"
               >
                 Message*
               </label>
+              
+  
+  
               <textarea
                 class="form-control"
                 id="exampleInputText3"
@@ -2879,65 +6115,150 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                 required
                 rows="4"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please provide a message.
               </div>
+              
+                        
             </div>
+            
+                                                          
             <div
               class="col-lg-6 gy-4"
             >
+              
+                          
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
               <label
                 class="form-label"
                 for="exampleInputSelect1"
               >
                 Topic*
               </label>
+              
+  
+
               <select
                 class="form-select"
                 id="exampleInputSelect1"
                 required
               >
+                
+            
                 <option
                   selected
                   value="1"
                 >
                   Other topic
                 </option>
+                
+      
               </select>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="col-lg-6 gy-4"
             >
+              
+                          
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
               <label
                 class="form-label"
                 for="exampleInputSelect2"
               >
                 Country of residence*
               </label>
+              
+  
+
               <select
                 class="form-select"
                 id="exampleInputSelect2"
                 required
               >
+                
+            
                 <option
                   selected
                   value="1"
                 >
                   Belgium
                 </option>
+                
+      
               </select>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputPhone"
               >
                 Phone*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputPhone"
@@ -2945,44 +6266,99 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                 required
                 type="telephone"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please provide a valid phone number.
               </div>
+              
+
+                  
             </div>
+            
+                                          
             <fieldset>
+              
+          
               <div
                 class="border-top pt-5 mt-4-5"
               >
+                
+                                                    
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                 <div
                   class="form-check"
                 >
+                  
+    
                   <input
                     class="form-check-input"
                     id="exampleInputCheck1"
                     required
                     type="checkbox"
                   />
+                  
+      
                   <label
                     class="form-check-label"
                     for="exampleInputCheck1"
                   >
                     Send yourself a copy
                   </label>
+                  
+  
+
                 </div>
+                
+
+                                        
                 <div
                   class="mt-4"
                 >
+                  
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="exampleInputCheck2"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="exampleInputCheck2"
@@ -2994,55 +6370,116 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
                         data protection terms
                       </a>
                     </label>
+                    
+  
+  
                     <div
                       class="invalid-feedback"
                     >
                       Please check and approve the data protection terms.
                     </div>
+                    
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                  
               </div>
+              
+      
             </fieldset>
+            
+      
             <div
               class="mt-4 mb-2"
             >
+              
+    
               <div
                 class="text-bg-light"
               >
+                
+      
                 <div
                   class="p-4 mt-0 fs-4"
                 >
                   Antispam
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+            
             <div
               class="contact-form-submit"
             >
+              
+        
+
+      
+
               <button
                 class="w-auto mb-4 btn btn-primary btn-md"
                 type="submit"
               >
                 Send
               </button>
+              
+
+      
             </div>
+            
+  
           </form>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+  
+
+
   <footer
     class="bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -3053,187 +6490,396 @@ exports[`OE - Contact-form contact-form page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -3243,28 +6889,42 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -3274,56 +6934,140 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -3336,42 +7080,78 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -3381,41 +7161,88 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -3426,6 +7253,10 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -3433,142 +7264,322 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -3578,6 +7589,10 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -3585,158 +7600,371 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -3744,30 +7972,71 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -3778,142 +8047,335 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -3921,12 +8383,18 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -3936,6 +8404,8 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -3943,21 +8413,29 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -3965,6 +8443,8 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -3975,6 +8455,8 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -3982,9 +8464,28 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -3992,80 +8493,151 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -4074,6 +8646,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -4082,6 +8662,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -4090,6 +8678,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -4098,6 +8694,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -4106,6 +8710,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -4114,6 +8726,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -4122,6 +8742,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -4129,14 +8757,35 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -4145,6 +8794,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -4153,6 +8810,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -4161,6 +8826,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -4169,10 +8842,22 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -4181,6 +8866,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -4189,6 +8882,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -4197,6 +8898,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -4205,6 +8914,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -4213,6 +8930,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -4221,6 +8946,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -4229,6 +8962,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -4237,6 +8978,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -4245,6 +8994,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -4253,6 +9010,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -4261,6 +9026,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -4269,23 +9042,49 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -4294,6 +9093,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -4302,6 +9109,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -4310,10 +9125,22 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -4322,6 +9149,14 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -4330,31 +9165,86 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+    
     <div
       class="container"
     >
+      
+              
+
+
+    
+
+
+  
+
+
+
       <div
         class="mt-lg-5 mt-2 alert alert-success d-flex align-items-center alert-dismissible fade show text-dark"
         role="alert"
       >
+        
+  
+
+
+
+
+
+
         <svg
           class="flex-shrink-0 me-3 mt-1 align-self-start text-success bi icon--s"
         >
+          
+  
           <use
             xlink:href="/icons.svg#check-circle-fill"
           />
+          
+
         </svg>
+        
+
+  
         <div
           class="alert-content flex-grow-1"
         >
@@ -4367,9 +9257,13 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
             Your informations were sent successfully
           </p>
           <hr />
+          
+  
           <dl
             class="d-md-grid grid-3-9"
           >
+            
+    
             <dt
               class="d-flex"
             >
@@ -4379,9 +9273,13 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 The sender’s name
               </p>
             </dt>
+            
+    
             <dd>
               John Doe
             </dd>
+            
+    
             <dt>
               <p
                 class="mb-0"
@@ -4389,9 +9287,13 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 The sender’s email
               </p>
             </dt>
+            
+    
             <dd>
               John.doe@gmail.com
             </dd>
+            
+    
             <dt
               class="d-flex"
             >
@@ -4401,6 +9303,8 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 Subject
               </p>
             </dt>
+            
+    
             <dd>
               <p
                 class="mb-0"
@@ -4408,32 +9312,50 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 My feedback
               </p>
             </dd>
+            
+    
             <dt>
               Message
             </dt>
+            
+    
             <dd>
               Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris...
             </dd>
+            
+    
             <dt>
               Topic
             </dt>
+            
+    
             <dd>
               Website issue
             </dd>
+            
+    
             <dt
               class="d-flex"
             >
               Country of residence
             </dt>
+            
+    
             <dd>
               France
             </dd>
+            
+    
             <dt>
               Phone
             </dt>
+            
+    
             <dd>
               (+33)123456789
             </dd>
+            
+  
           </dl>
         </div>
         <button
@@ -4441,77 +9363,186 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
           class="btn-close"
           data-bs-dismiss="alert"
           type="button"
-        />
+        >
+          
+  
+        </button>
       </div>
+      
+
+      
     </div>
+    
+  
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Contact form
                 </h1>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                        
+              
+
+
+  
+
+
+
+
+
+
           <h2
             class="mb-2-5 bcl-heading"
           >
             Enter your message
           </h2>
+          
+
+  
           <p>
             *Please fill in all required fields.
           </p>
+          
+
+
           <form
             class="needs-validation row g-3"
             novalidate
             onsubmit="return false;"
           >
+            
+                                        
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText1"
               >
                 Your name*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputText1"
@@ -4519,21 +9550,47 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 required
                 type="text"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please type your name.
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputEmail1"
               >
                 Your email address*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputEmail1"
@@ -4541,21 +9598,47 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 required
                 type="email"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please verify your email address.
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText2"
               >
                 Subject*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputText2"
@@ -4563,21 +9646,46 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 required
                 type="text"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please choose a subject for your message
               </div>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                          
+
+
+
+  
+
+  
+  
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputText3"
               >
                 Message*
               </label>
+              
+  
+  
               <textarea
                 class="form-control"
                 id="exampleInputText3"
@@ -4585,65 +9693,150 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 required
                 rows="4"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please provide a message.
               </div>
+              
+                        
             </div>
+            
+                                                          
             <div
               class="col-lg-6 gy-4"
             >
+              
+                          
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
               <label
                 class="form-label"
                 for="exampleInputSelect1"
               >
                 Topic*
               </label>
+              
+  
+
               <select
                 class="form-select"
                 id="exampleInputSelect1"
                 required
               >
+                
+            
                 <option
                   selected
                   value="1"
                 >
                   Other topic
                 </option>
+                
+      
               </select>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="col-lg-6 gy-4"
             >
+              
+                          
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
               <label
                 class="form-label"
                 for="exampleInputSelect2"
               >
                 Country of residence*
               </label>
+              
+  
+
               <select
                 class="form-select"
                 id="exampleInputSelect2"
                 required
               >
+                
+            
                 <option
                   selected
                   value="1"
                 >
                   Belgium
                 </option>
+                
+      
               </select>
+              
+
+                  
             </div>
+            
+                                                          
             <div
               class="gy-4"
             >
+              
+                                
+
+
+
+  
+
+  
+  
+
+
+
+  
+
+  
+      
               <label
                 class="form-label"
                 for="exampleInputPhone"
               >
                 Phone*
               </label>
+              
+  
+    
               <input
                 class="form-control"
                 id="exampleInputPhone"
@@ -4651,44 +9844,99 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                 required
                 type="telephone"
               />
+              
+  
               <div
                 class="invalid-feedback"
               >
                 Please provide a valid phone number.
               </div>
+              
+
+                  
             </div>
+            
+                                          
             <fieldset>
+              
+          
               <div
                 class="border-top pt-5 mt-4-5"
               >
+                
+                                                    
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                 <div
                   class="form-check"
                 >
+                  
+    
                   <input
                     class="form-check-input"
                     id="exampleInputCheck1"
                     required
                     type="checkbox"
                   />
+                  
+      
                   <label
                     class="form-check-label"
                     for="exampleInputCheck1"
                   >
                     Send yourself a copy
                   </label>
+                  
+  
+
                 </div>
+                
+
+                                        
                 <div
                   class="mt-4"
                 >
+                  
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="exampleInputCheck2"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="exampleInputCheck2"
@@ -4700,55 +9948,116 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
                         data protection terms
                       </a>
                     </label>
+                    
+  
+  
                     <div
                       class="invalid-feedback"
                     >
                       Please check and approve the data protection terms.
                     </div>
+                    
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                  
               </div>
+              
+      
             </fieldset>
+            
+      
             <div
               class="mt-4 mb-2"
             >
+              
+    
               <div
                 class="text-bg-light"
               >
+                
+      
                 <div
                   class="p-4 mt-0 fs-4"
                 >
                   Antispam
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+            
             <div
               class="contact-form-submit"
             >
+              
+        
+
+      
+
               <button
                 class="w-auto mb-4 btn btn-primary btn-md"
                 type="submit"
               >
                 Send
               </button>
+              
+
+      
             </div>
+            
+  
           </form>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+  
+
+
   <footer
     class="bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -4759,187 +10068,396 @@ exports[`OE - Contact-form contact-form success page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-content-banner/__snapshots__/content-banner.test.js.snap b/src/compositions/bcl-content-banner/__snapshots__/content-banner.test.js.snap
index f0b92b928..6ce04b395 100644
--- a/src/compositions/bcl-content-banner/__snapshots__/content-banner.test.js.snap
+++ b/src/compositions/bcl-content-banner/__snapshots__/content-banner.test.js.snap
@@ -5,35 +5,70 @@ exports[`OE - Content banner renders correctly 1`] = `
   <div
     class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
   >
+    
+  
     <div
       class="container"
     >
+      
+  
+
+
+
+  
+  
+
+
+
+
       <article
         class="bg-transparent border-0 card"
       >
+        
+  
         <div
           class="row"
         >
+          
+                          
           <div
             class="bcl-card-start-col bcl-size-large"
           >
+            
+      
             <img
               alt="alt img"
               class="card-img-top rounded-1"
               src="https://picsum.photos/255/255?random=6"
             />
+            
+    
           </div>
+          
+
           <div
             class="col-md col-xl-9 col-xxl-8"
           >
+            
+  
             <div
               class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
             >
+              
+              
+
+
+
+
+
+
               <h1
                 class="fs-1 card-title bcl-heading"
               >
                 This is the title of this page
               </h1>
+              
+  
               <div
                 class="my-3"
               >
@@ -50,30 +85,59 @@ exports[`OE - Content banner renders correctly 1`] = `
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
               <div
                 class="mt-2-5"
               >
+                
+                                                                          
+
+  
+  
+
+
                 <span
                   class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 1
                 </span>
+                        
+                                                        
+
+  
+  
+
+
                 <span
                   class="mb-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 2
                 </span>
+                        
+            
               </div>
+                  
             </div>
+            
+
           </div>
+          
+          
         </div>
+        
+
       </article>
+      
+
+
       <div
         class="d-flex justify-content-end mt-2 align-items-center"
       >
+        
+      
         <button
           class="w-auto me-3 btn btn-outline-primary btn-md"
           type="button"
@@ -87,6 +151,8 @@ exports[`OE - Content banner renders correctly 1`] = `
             />
           </svg>
         </button>
+        
+      
         <button
           class="w-auto btn btn-outline-primary btn-md"
           type="button"
@@ -100,8 +166,12 @@ exports[`OE - Content banner renders correctly 1`] = `
             />
           </svg>
         </button>
+        
+    
       </div>
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -111,66 +181,130 @@ exports[`OE - Content banner renders correctly with a date block 1`] = `
   <div
     class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
   >
+    
+  
     <div
       class="container"
     >
+      
+  
+
+
+
+  
+  
+
+
+
+
       <article
         class="bg-transparent border-0 card"
       >
+        
+  
         <div
           class="row"
         >
+          
+  
           <div
             class="bcl-card-start-col"
           >
+            
+            
+
+
+  
+
+  
+
             <time
               class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               datetime="2021-01-23"
             >
+              
+  
               <div
                 class="d-flex flex-column pt-2"
               >
+                
+    
                 <div
                   class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                 >
+                  
+      
                   <div
                     class="d-flex flex-column align-item-center justify-content-center"
                   >
+                    
+        
                     <div
                       class="date-month lh-1"
                     >
                       Jan
                     </div>
+                    
+        
                     <div
                       class="date-day fw-bold fs-4 lh-1"
                     >
                       23
                     </div>
+                    
+      
                   </div>
+                  
+          
                 </div>
+                
+    
                 <div
                   class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                 >
+                  
+      
                   <div
                     class="date-year year-start"
                   >
                     2021
                   </div>
                 </div>
+                
+  
               </div>
+              
+
             </time>
+            
+
+        
           </div>
+          
+
           <div
             class="col-12 col-md col-xxl-9"
           >
+            
+  
             <div
               class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
             >
+              
+              
+
+
+
+
+
+
               <h1
                 class="fs-1 card-title bcl-heading"
               >
                 This is the title of this page
               </h1>
+              
+  
               <div
                 class="my-3"
               >
@@ -187,30 +321,59 @@ exports[`OE - Content banner renders correctly with a date block 1`] = `
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
               <div
                 class="mt-2-5"
               >
+                
+                                                                          
+
+  
+  
+
+
                 <span
                   class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 1
                 </span>
+                        
+                                                        
+
+  
+  
+
+
                 <span
                   class="mb-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 2
                 </span>
+                        
+            
               </div>
+                  
             </div>
+            
+
           </div>
+          
+  
         </div>
+        
+
       </article>
+      
+
+
       <div
         class="d-flex justify-content-end mt-2 align-items-center"
       >
+        
+      
         <button
           class="w-auto me-3 btn btn-outline-primary btn-md"
           type="button"
@@ -224,6 +387,8 @@ exports[`OE - Content banner renders correctly with a date block 1`] = `
             />
           </svg>
         </button>
+        
+      
         <button
           class="w-auto btn btn-outline-primary btn-md"
           type="button"
@@ -237,8 +402,12 @@ exports[`OE - Content banner renders correctly with a date block 1`] = `
             />
           </svg>
         </button>
+        
+    
       </div>
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -248,40 +417,84 @@ exports[`OE - Content banner renders correctly with title and link 1`] = `
   <div
     class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
   >
+    
+  
     <div
       class="container"
     >
+      
+  
+
+
+
+  
+  
+
+
+
+
       <article
         class="bg-transparent border-0 card"
       >
+        
+  
         <div
           class="row"
         >
+          
+                          
           <div
             class="bcl-card-start-col bcl-size-large"
           >
+            
+      
             <img
               alt="alt img"
               class="card-img-top rounded-1"
               src="https://picsum.photos/255/255?random=6"
             />
+            
+    
           </div>
+          
+
           <div
             class="col-md col-xl-9 col-xxl-8"
           >
+            
+  
             <div
               class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
             >
+              
+              
+
+
+
+
+  
+
               <h6
                 class="fs-1 card-title bcl-heading"
               >
+                
+
+
+
+  
+    
+
                 <a
                   class="standalone"
                   href="/example.html"
                 >
                   Page banner test title
                 </a>
+                
+
               </h6>
+              
+  
               <div
                 class="my-3"
               >
@@ -298,30 +511,59 @@ exports[`OE - Content banner renders correctly with title and link 1`] = `
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
               <div
                 class="mt-2-5"
               >
+                
+                                                                          
+
+  
+  
+
+
                 <span
                   class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 1
                 </span>
+                        
+                                                        
+
+  
+  
+
+
                 <span
                   class="mb-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 2
                 </span>
+                        
+            
               </div>
+                  
             </div>
+            
+
           </div>
+          
+          
         </div>
+        
+
       </article>
+      
+
+
       <div
         class="d-flex justify-content-end mt-2 align-items-center"
       >
+        
+      
         <button
           class="w-auto me-3 btn btn-outline-primary btn-md"
           type="button"
@@ -335,6 +577,8 @@ exports[`OE - Content banner renders correctly with title and link 1`] = `
             />
           </svg>
         </button>
+        
+      
         <button
           class="w-auto btn btn-outline-primary btn-md"
           type="button"
@@ -348,8 +592,12 @@ exports[`OE - Content banner renders correctly with title and link 1`] = `
             />
           </svg>
         </button>
+        
+    
       </div>
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -359,35 +607,70 @@ exports[`OE - Content banner with links renders correctly 1`] = `
   <div
     class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
   >
+    
+  
     <div
       class="container"
     >
+      
+  
+
+
+
+  
+  
+
+
+
+
       <article
         class="bg-transparent border-0 card"
       >
+        
+  
         <div
           class="row"
         >
+          
+                          
           <div
             class="bcl-card-start-col bcl-size-large"
           >
+            
+      
             <img
               alt="alt img"
               class="card-img-top rounded-1"
               src="https://picsum.photos/255/255?random=6"
             />
+            
+    
           </div>
+          
+
           <div
             class="col-md col-xl-9 col-xxl-8"
           >
+            
+  
             <div
               class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
             >
+              
+              
+
+
+
+
+
+
               <h1
                 class="fs-1 card-title bcl-heading"
               >
                 This is the title of this page
               </h1>
+              
+  
               <div
                 class="my-3"
               >
@@ -404,82 +687,189 @@ exports[`OE - Content banner with links renders correctly 1`] = `
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
               <div
                 class="mt-2-5"
               >
+                
+                                                                          
+
+  
+  
+
+
                 <span
                   class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 1
                 </span>
+                        
+                                                        
+
+  
+  
+
+
                 <span
                   class="mb-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 2
                 </span>
+                        
+            
               </div>
+                
               <div
                 class="mt-2-5 mb-2"
               >
+                
+              
                 <div
                   class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                 >
+                  
+          
+
+
+                                
+  
+
+
                   <a
                     href="#"
                   >
+                    
+
+
+
+
+
+
                     <svg
                       class="me-2-5 bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#linkedin"
                       />
+                      
+
                     </svg>
-                    Linkedin
+                    
+
+Linkedin
                   </a>
+                  
+        
                 </div>
+                
+              
                 <div
                   class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                 >
+                  
+          
+
+
+                                
+  
+
+
                   <a
                     href="#"
                   >
+                    
+
+
+
+
+
+
                     <svg
                       class="me-2-5 bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#envelope-fill"
                       />
+                      
+
                     </svg>
-                    Contact
+                    
+
+Contact
                   </a>
+                  
+        
                 </div>
+                
+              
                 <div
                   class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                 >
+                  
+          
+
+
+                                
+  
+
+
                   <a
                     href="#"
                   >
+                    
+
+
+
+
+
+
                     <svg
                       class="me-2-5 bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-arrow-down-fill"
                       />
+                      
+
                     </svg>
-                    Download CV
+                    
+
+Download CV
                   </a>
+                  
+        
                 </div>
+                
+            
               </div>
+                
             </div>
+            
+
           </div>
+          
+          
         </div>
+        
+
       </article>
+      
+
+
       <div
         class="d-flex justify-content-end mt-2 align-items-center"
       >
+        
+      
         <button
           class="w-auto me-3 btn btn-outline-primary btn-md"
           type="button"
@@ -493,6 +883,8 @@ exports[`OE - Content banner with links renders correctly 1`] = `
             />
           </svg>
         </button>
+        
+      
         <button
           class="w-auto btn btn-outline-primary btn-md"
           type="button"
@@ -506,8 +898,12 @@ exports[`OE - Content banner with links renders correctly 1`] = `
             />
           </svg>
         </button>
+        
+    
       </div>
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -517,35 +913,70 @@ exports[`OE - Content banner with white background renders correctly 1`] = `
   <div
     class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
   >
+    
+  
     <div
       class="container"
     >
+      
+  
+
+
+
+  
+  
+
+
+
+
       <article
         class="bg-transparent border-0 card"
       >
+        
+  
         <div
           class="row"
         >
+          
+                          
           <div
             class="bcl-card-start-col bcl-size-large"
           >
+            
+      
             <img
               alt="alt img"
               class="card-img-top rounded-1"
               src="https://picsum.photos/255/255?random=6"
             />
+            
+    
           </div>
+          
+
           <div
             class="col-md col-xl-9 col-xxl-8"
           >
+            
+  
             <div
               class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
             >
+              
+              
+
+
+
+
+
+
               <h1
                 class="fs-1 card-title bcl-heading"
               >
                 This is the title of this page
               </h1>
+              
+  
               <div
                 class="my-3"
               >
@@ -562,30 +993,59 @@ exports[`OE - Content banner with white background renders correctly 1`] = `
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
               <div
                 class="mt-2-5"
               >
+                
+                                                                          
+
+  
+  
+
+
                 <span
                   class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 1
                 </span>
+                        
+                                                        
+
+  
+  
+
+
                 <span
                   class="mb-2 badge rounded-pill badge-outline-primary"
                 >
                   Category 2
                 </span>
+                        
+            
               </div>
+                  
             </div>
+            
+
           </div>
+          
+          
         </div>
+        
+
       </article>
+      
+
+
       <div
         class="d-flex justify-content-end mt-2 align-items-center"
       >
+        
+      
         <button
           class="w-auto me-3 btn btn-outline-primary btn-md"
           type="button"
@@ -599,6 +1059,8 @@ exports[`OE - Content banner with white background renders correctly 1`] = `
             />
           </svg>
         </button>
+        
+      
         <button
           class="w-auto btn btn-outline-primary btn-md"
           type="button"
@@ -612,8 +1074,12 @@ exports[`OE - Content banner with white background renders correctly 1`] = `
             />
           </svg>
         </button>
+        
+    
       </div>
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-content-banner/content-banner.html.twig b/src/compositions/bcl-content-banner/content-banner.html.twig
index 25c968e94..d3d51134a 100644
--- a/src/compositions/bcl-content-banner/content-banner.html.twig
+++ b/src/compositions/bcl-content-banner/content-banner.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
     - title: (string) (default: '')
@@ -136,4 +134,3 @@
   </div>
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-date-block/__snapshots__/date-block.test.js.snap b/src/compositions/bcl-date-block/__snapshots__/date-block.test.js.snap
index 71598a02b..ce931492e 100644
--- a/src/compositions/bcl-date-block/__snapshots__/date-block.test.js.snap
+++ b/src/compositions/bcl-date-block/__snapshots__/date-block.test.js.snap
@@ -6,37 +6,59 @@ exports[`OE - Date block renders correctly 1`] = `
     class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
     datetime="2021-01-23"
   >
+    
+  
     <div
       class="d-flex flex-column pt-2"
     >
+      
+    
       <div
         class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
       >
+        
+      
         <div
           class="d-flex flex-column align-item-center justify-content-center"
         >
+          
+        
           <div
             class="date-month lh-1"
           >
             Jan
           </div>
+          
+        
           <div
             class="date-day fw-bold fs-4 lh-1"
           >
             23
           </div>
+          
+      
         </div>
+        
+          
       </div>
+      
+    
       <div
         class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
       >
+        
+      
         <div
           class="date-year year-start"
         >
           2021
         </div>
       </div>
+      
+  
     </div>
+    
+
   </time>
 </jest>
 `;
@@ -47,55 +69,96 @@ exports[`OE - Date block with end date renders correctly 1`] = `
     class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
     datetime="2021-01-23"
   >
+    
+  
     <div
       class="d-flex flex-column pt-2"
     >
+      
+    
       <div
         class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
       >
+        
+      
         <div
           class="d-flex flex-column align-item-center justify-content-center"
         >
+          
+        
           <div
             class="date-month lh-1"
           >
             Jan
           </div>
+          
+        
           <div
             class="date-day fw-bold fs-4 lh-1"
           >
             23
           </div>
+          
+      
         </div>
+        
+              
         <div
           class="d-flex flex-column align-item-center justify-content-center"
         >
+          
+
+
+
+  
+
+
           <svg
             class="bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#chevron-right"
             />
+            
+
           </svg>
+          
+
+
         </div>
+        
+        
         <div
           class="d-flex flex-column align-item-center justify-content-center"
         >
+                      
           <div
             class="date-month lh-1"
           >
             Jun
           </div>
+          
+                      
           <div
             class="date-day fw-bold fs-4 lh-1"
           >
             24
           </div>
+          
+          
         </div>
+        
+          
       </div>
+      
+    
       <div
         class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
       >
+        
+      
         <div
           class="date-year year-start"
         >
@@ -107,7 +170,11 @@ exports[`OE - Date block with end date renders correctly 1`] = `
           2023
         </div>
       </div>
+      
+  
     </div>
+    
+
   </time>
 </jest>
 `;
diff --git a/src/compositions/bcl-date-block/date-block.html.twig b/src/compositions/bcl-date-block/date-block.html.twig
index adc467fb6..3a108823e 100644
--- a/src/compositions/bcl-date-block/date-block.html.twig
+++ b/src/compositions/bcl-date-block/date-block.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
     - day (integer) (default: '')
@@ -77,4 +75,3 @@
   </div>
 </time>
 
-{% endapply %}
diff --git a/src/compositions/bcl-description-list/__snapshots__/description-list.test.js.snap b/src/compositions/bcl-description-list/__snapshots__/description-list.test.js.snap
index 84624251c..39d3f0f09 100644
--- a/src/compositions/bcl-description-list/__snapshots__/description-list.test.js.snap
+++ b/src/compositions/bcl-description-list/__snapshots__/description-list.test.js.snap
@@ -5,23 +5,47 @@ exports[`OE - Description List horizontal renders correctly 1`] = `
   <div
     class="bcl-description-list"
   >
+    
+      
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               <p
                 class="mb-0"
@@ -32,75 +56,162 @@ exports[`OE - Description List horizontal renders correctly 1`] = `
                 </em>
               </p>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
             <div
               class="align-self-center"
             >
+              
+      
               <span
                 class="p-2 me-2 d-inline-block rounded-1 bg-success"
               />
+              
+    
             </div>
             <div>
               First title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               Second title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+        
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
@@ -110,33 +221,74 @@ exports[`OE - Description List horizontal renders correctly 1`] = `
                 label
               </strong>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+        
       </div>
+      
+                
       <div
         class="col"
       >
+        
+              
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+
+
+
+
         <dd>
+                
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div
             class="mb-0 d-inline-block"
           >
             Description text goes here.
           </div>
         </dd>
+        
+
+            
       </div>
+      
+          
     </dl>
+    
+    
   </div>
 </jest>
 `;
@@ -146,20 +298,42 @@ exports[`OE - Description List renders correctly 1`] = `
   <dl
     class="bcl-description-list"
   >
+    
+      
     <div
       class="mb-3"
     >
+      
+                  
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
+                      
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div>
             <p
               class="mb-0"
@@ -170,59 +344,130 @@ exports[`OE - Description List renders correctly 1`] = `
               </em>
             </p>
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                    
+
+
+
       <dd>
         <div>
           Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+        
     <div
       class="mb-3"
     >
+      
+                  
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
           <div
             class="align-self-center"
           >
+            
+      
             <span
               class="p-2 me-2 d-inline-block rounded-1 bg-success"
             />
+            
+    
           </div>
           <div>
             First title label
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
+                      
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div>
             Second title label
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                    
+
+
+
       <dd>
         <div>
           Description text goes here.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+        
     <div
       class="mb-3"
     >
+      
+            
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
@@ -232,28 +477,63 @@ exports[`OE - Description List renders correctly 1`] = `
               label
             </strong>
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                      
+
+
+
       <dd>
         <div>
           Description text goes here.
         </div>
       </dd>
+      
+
+
+
+
+
       <dd>
+              
+
+
+
+
+
+
         <svg
           class="me-2 align-self-center flex-shrink-0 bi icon--xs"
         >
+          
+  
           <use
             xlink:href="/icons.svg#geo-alt-fill"
           />
+          
+
         </svg>
+        
+
+
         <div
           class="mb-0 d-inline-block"
         >
           Description text goes here.
         </div>
       </dd>
+      
+
+              
     </div>
+    
+    
   </dl>
 </jest>
 `;
@@ -265,23 +545,49 @@ exports[`OE - Description List with title bordered renders correctly 1`] = `
   >
     Description list test title
   </h6>
+  
+
+
+
   <dl
     class="bcl-description-list"
   >
+    
+      
     <div
       class="border-bottom pb-2-5 mb-2-5"
     >
+      
+                  
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
+                      
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div>
             <p
               class="mb-0"
@@ -292,59 +598,130 @@ exports[`OE - Description List with title bordered renders correctly 1`] = `
               </em>
             </p>
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                    
+
+
+
       <dd>
         <div>
           Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+        
     <div
       class="border-bottom pb-2-5 mb-2-5"
     >
+      
+                  
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
           <div
             class="align-self-center"
           >
+            
+      
             <span
               class="p-2 me-2 d-inline-block rounded-1 bg-success"
             />
+            
+    
           </div>
           <div>
             First title label
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
+                      
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div>
             Second title label
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                    
+
+
+
       <dd>
         <div>
           Description text goes here.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+        
     <div
       class="border-bottom pb-2-5 mb-2-5"
     >
+      
+            
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
@@ -354,28 +731,63 @@ exports[`OE - Description List with title bordered renders correctly 1`] = `
               label
             </strong>
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                      
+
+
+
       <dd>
         <div>
           Description text goes here.
         </div>
       </dd>
+      
+
+
+
+
+
       <dd>
+              
+
+
+
+
+
+
         <svg
           class="me-2 align-self-center flex-shrink-0 bi icon--xs"
         >
+          
+  
           <use
             xlink:href="/icons.svg#geo-alt-fill"
           />
+          
+
         </svg>
+        
+
+
         <div
           class="mb-0 d-inline-block"
         >
           Description text goes here.
         </div>
       </dd>
+      
+
+              
     </div>
+    
+    
   </dl>
 </jest>
 `;
@@ -387,26 +799,54 @@ exports[`OE - Description List with title horizontal and bordered renders correc
   >
     Description list test title
   </h6>
+  
+
+
+
   <div
     class="bcl-description-list"
   >
+    
+      
     <dl
       class="border-bottom pb-2-5 mb-2-5 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               <p
                 class="mb-0"
@@ -417,75 +857,162 @@ exports[`OE - Description List with title horizontal and bordered renders correc
                 </em>
               </p>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="border-bottom pb-2-5 mb-2-5 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
             <div
               class="align-self-center"
             >
+              
+      
               <span
                 class="p-2 me-2 d-inline-block rounded-1 bg-success"
               />
+              
+    
             </div>
             <div>
               First title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               Second title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="border-bottom pb-2-5 mb-2-5 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+        
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
@@ -495,33 +1022,74 @@ exports[`OE - Description List with title horizontal and bordered renders correc
                 label
               </strong>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+        
       </div>
+      
+                
       <div
         class="col"
       >
+        
+              
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+
+
+
+
         <dd>
+                
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div
             class="mb-0 d-inline-block"
           >
             Description text goes here.
           </div>
         </dd>
+        
+
+            
       </div>
+      
+          
     </dl>
+    
+    
   </div>
 </jest>
 `;
@@ -533,26 +1101,54 @@ exports[`OE - Description List with title horizontal renders correctly 1`] = `
   >
     Description list test title
   </h6>
+  
+
+
+
   <div
     class="bcl-description-list"
   >
+    
+      
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               <p
                 class="mb-0"
@@ -563,75 +1159,162 @@ exports[`OE - Description List with title horizontal renders correctly 1`] = `
                 </em>
               </p>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
             <div
               class="align-self-center"
             >
+              
+      
               <span
                 class="p-2 me-2 d-inline-block rounded-1 bg-success"
               />
+              
+    
             </div>
             <div>
               First title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               Second title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+        
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
@@ -641,33 +1324,74 @@ exports[`OE - Description List with title horizontal renders correctly 1`] = `
                 label
               </strong>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+        
       </div>
+      
+                
       <div
         class="col"
       >
+        
+              
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+
+
+
+
         <dd>
+                
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div
             class="mb-0 d-inline-block"
           >
             Description text goes here.
           </div>
         </dd>
+        
+
+            
       </div>
+      
+          
     </dl>
+    
+    
   </div>
 </jest>
 `;
@@ -679,26 +1403,54 @@ exports[`OE - Description List with title horizontal with different col size ren
   >
     Description list test title
   </h6>
+  
+
+
+
   <div
     class="bcl-description-list"
   >
+    
+      
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               <p
                 class="mb-0"
@@ -709,75 +1461,162 @@ exports[`OE - Description List with title horizontal with different col size ren
                 </em>
               </p>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+              
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
             <div
               class="align-self-center"
             >
+              
+      
               <span
                 class="p-2 me-2 d-inline-block rounded-1 bg-success"
               />
+              
+    
             </div>
             <div>
               First title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
+                        
+
+
+
+
+
+
             <svg
               class="me-2 align-self-center flex-shrink-0 bi icon--xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#geo-alt-fill"
               />
+              
+
             </svg>
+            
+
+
             <div>
               Second title label
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+            
       </div>
+      
+                
       <div
         class="col"
       >
+        
+        
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+        
       </div>
+      
+          
     </dl>
+    
+        
     <dl
       class="mb-3 row"
     >
+      
+            
       <div
         class="col-md-3"
       >
+        
+        
+
+
         <dt>
+          
+  
           <div
             class="d-flex"
           >
@@ -787,33 +1626,74 @@ exports[`OE - Description List with title horizontal with different col size ren
                 label
               </strong>
             </div>
+            
+  
           </div>
+          
+
         </dt>
+        
+
+        
       </div>
+      
+                
       <div
         class="col"
       >
+        
+              
+
+
+
         <dd>
           <div>
             Description text goes here.
           </div>
         </dd>
+        
+
+
+
+
+
         <dd>
+                
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div
             class="mb-0 d-inline-block"
           >
             Description text goes here.
           </div>
         </dd>
+        
+
+            
       </div>
+      
+          
     </dl>
+    
+    
   </div>
 </jest>
 `;
@@ -825,23 +1705,49 @@ exports[`OE - Description List with title renders correctly 1`] = `
   >
     Description list test title
   </h6>
+  
+
+
+
   <dl
     class="bcl-description-list"
   >
+    
+      
     <div
       class="mb-3"
     >
+      
+                  
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
+                      
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div>
             <p
               class="mb-0"
@@ -852,59 +1758,130 @@ exports[`OE - Description List with title renders correctly 1`] = `
               </em>
             </p>
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                    
+
+
+
       <dd>
         <div>
           Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+        
     <div
       class="mb-3"
     >
+      
+                  
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
           <div
             class="align-self-center"
           >
+            
+      
             <span
               class="p-2 me-2 d-inline-block rounded-1 bg-success"
             />
+            
+    
           </div>
           <div>
             First title label
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
+                      
+
+
+
+
+
+
           <svg
             class="me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div>
             Second title label
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                    
+
+
+
       <dd>
         <div>
           Description text goes here.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+        
     <div
       class="mb-3"
     >
+      
+            
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
@@ -914,28 +1891,63 @@ exports[`OE - Description List with title renders correctly 1`] = `
               label
             </strong>
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                      
+
+
+
       <dd>
         <div>
           Description text goes here.
         </div>
       </dd>
+      
+
+
+
+
+
       <dd>
+              
+
+
+
+
+
+
         <svg
           class="me-2 align-self-center flex-shrink-0 bi icon--xs"
         >
+          
+  
           <use
             xlink:href="/icons.svg#geo-alt-fill"
           />
+          
+
         </svg>
+        
+
+
         <div
           class="mb-0 d-inline-block"
         >
           Description text goes here.
         </div>
       </dd>
+      
+
+              
     </div>
+    
+    
   </dl>
 </jest>
 `;
@@ -945,10 +1957,18 @@ exports[`OE - Description List with title with inline icon renders correctly 1`]
   <dl
     class="bcl-description-list"
   >
+    
+      
     <div
       class="mb-3"
     >
+      
+            
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
@@ -966,8 +1986,18 @@ exports[`OE - Description List with title with inline icon renders correctly 1`]
             </strong>
              with inline icon
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                
+
+
+
       <dd>
         <div>
           <svg
@@ -980,7 +2010,12 @@ exports[`OE - Description List with title with inline icon renders correctly 1`]
           Description text goes here.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+    
   </dl>
 </jest>
 `;
@@ -990,26 +2025,58 @@ exports[`OE - Description List with title with new classes on definition icon re
   <dl
     class="bcl-description-list"
   >
+    
+      
     <div
       class="mb-3"
     >
+      
+            
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
           <div>
             Term title
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                      
+
+
+
       <dd>
+              
+
+
+
+
+
+
         <svg
           class="new-class me-2 align-self-center flex-shrink-0 bi icon--xs"
         >
+          
+  
           <use
             xlink:href="/icons.svg#geo-alt-fill"
           />
+          
+
         </svg>
+        
+
+
         <div
           class="mb-0 d-inline-block"
         >
@@ -1023,7 +2090,12 @@ exports[`OE - Description List with title with new classes on definition icon re
           </p>
         </div>
       </dd>
+      
+
+              
     </div>
+    
+    
   </dl>
 </jest>
 `;
@@ -1033,20 +2105,42 @@ exports[`OE - Description List with title with new classes on term icon renders
   <dl
     class="bcl-description-list"
   >
+    
+      
     <div
       class="mb-3"
     >
+      
+                  
+
+
       <dt>
+        
+  
         <div
           class="d-flex"
         >
+                      
+
+
+
+
+
+
           <svg
             class="new-class me-2 align-self-center flex-shrink-0 bi icon--xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#geo-alt-fill"
             />
+            
+
           </svg>
+          
+
+
           <div>
             <p
               class="mb-0"
@@ -1057,14 +2151,29 @@ exports[`OE - Description List with title with new classes on term icon renders
               </em>
             </p>
           </div>
+          
+  
         </div>
+        
+
       </dt>
+      
+
+                    
+
+
+
       <dd>
         <div>
           Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
         </div>
       </dd>
+      
+
+          
     </div>
+    
+    
   </dl>
 </jest>
 `;
diff --git a/src/compositions/bcl-description-list/description-list-details.html.twig b/src/compositions/bcl-description-list/description-list-details.html.twig
index 05fb37120..98ca6a505 100644
--- a/src/compositions/bcl-description-list/description-list-details.html.twig
+++ b/src/compositions/bcl-description-list/description-list-details.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - button: (button object) (default: {})
@@ -41,4 +39,3 @@
 {% endblock %}
 </dd>
 
-{% endapply %}
diff --git a/src/compositions/bcl-description-list/description-list-title.html.twig b/src/compositions/bcl-description-list/description-list-title.html.twig
index 1a8c3a7ba..01a4a4300 100644
--- a/src/compositions/bcl-description-list/description-list-title.html.twig
+++ b/src/compositions/bcl-description-list/description-list-title.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - icon: (icon object) (default: {})
@@ -30,4 +28,3 @@
   </div>
 </dt>
 
-{% endapply %}
diff --git a/src/compositions/bcl-description-list/description-list.html.twig b/src/compositions/bcl-description-list/description-list.html.twig
index 09a83159a..36d13206c 100644
--- a/src/compositions/bcl-description-list/description-list.html.twig
+++ b/src/compositions/bcl-description-list/description-list.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - title: (string) (default: '')
@@ -118,4 +116,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-event/__snapshots__/event.test.js.snap b/src/compositions/bcl-event/__snapshots__/event.test.js.snap
index f0016ab5d..775acaa37 100644
--- a/src/compositions/bcl-event/__snapshots__/event.test.js.snap
+++ b/src/compositions/bcl-event/__snapshots__/event.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - event listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - event listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - event listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - event listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - event listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - event listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - event listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - event listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
-                            <a
-                              href="/example.html"
-                            >
-                              Base Category Item
-                            </a>
+                            
+                            
+
+
+
+  
+
+
+                            <a
+                              href="/example.html"
+                            >
+                              Base Category Item
+                            </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - event listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - event listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - event listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - event listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - event listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - event listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - event listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - event listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - event listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - event listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,14 +1926,30 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#hr"
-                        hreflang="hr"
-                        lang="hr"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#hr"
+                        hreflang="hr"
+                        lang="hr"
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,23 +2158,49 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -1056,6 +2209,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,55 +2281,161 @@ exports[`OE - event listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Events
                 </h1>
+                
+      
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -1148,15 +2443,30 @@ exports[`OE - event listing renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -1165,163 +2475,353 @@ exports[`OE - event listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                                            
+
+
+
+
+
+  
+
+
+
+
+  
+
+  
+      
                 <label
                   class="form-label"
                   for="keyword"
                 >
                   Keyword
                 </label>
+                
+  
+    
                 <input
                   class="mb-3 form-control"
                   id="keyword"
                   placeholder="Type a keyword"
                   type="text"
                 />
+                
+
+                                                  
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+
+
+
+  
+
+  
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="type"
                   >
                     Type
                   </label>
+                  
+  
+
                   <select
                     class="multiselect form-select"
                     id="type"
                     multiple
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       Culture
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="location"
                   >
                     Location
                   </label>
+                  
+  
+
                   <select
                     class="form-select"
                     id="location"
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       Placeholder
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                              
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-from"
                   >
                     Start date
                   </label>
+                  
+  
+    
                   <input
                     class="mb-2 form-control"
                     id="creation-date-from"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                                                          
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-to"
                   >
                     End date
                   </label>
+                  
+  
+    
                   <input
                     class="mb-4-5 form-control"
                     id="creation-date-to"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                        
                 <div
                   class="mt-4 d-grid gap-4 d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -1329,30 +2829,67 @@ exports[`OE - event listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -1361,15 +2898,36 @@ exports[`OE - event listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -1378,149 +2936,349 @@ exports[`OE - event listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+  
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+            
+
+
+  
+
+
+
                       <time
                         class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
                       >
+                        
+  
                         <div
                           class="d-flex flex-column pt-2"
                         >
+                          
+    
                           <div
                             class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                           >
+                            
+      
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                              
+        
                               <div
                                 class="date-month lh-1"
                               >
                                 Oct
                               </div>
+                              
+        
                               <div
                                 class="date-day fw-bold fs-4 lh-1"
                               >
                                 17
                               </div>
+                              
+      
                             </div>
+                            
+              
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                              
+
+
+
+  
+
+
                               <svg
                                 class="bi icon--xs"
                               >
+                                
+  
                                 <use
                                   xlink:href="#chevron-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </div>
+                            
+        
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                                          
                               <div
                                 class="date-month lh-1"
                               >
                                 Oct
                               </div>
+                              
+                      
                               <div
                                 class="date-day fw-bold fs-4 lh-1"
                               >
                                 20
                               </div>
+                              
+          
                             </div>
+                            
+          
                           </div>
+                          
+    
                           <div
                             class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                           >
+                            
+      
                             <div
                               class="date-year year-start"
                             >
                               2021
                             </div>
                           </div>
+                          
+  
                         </div>
+                        
+
                       </time>
+                      
+
+        
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1531,6 +3289,8 @@ exports[`OE - event listing renders correctly 1`] = `
                             Card title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-3"
                         >
@@ -1540,95 +3300,191 @@ exports[`OE - event listing renders correctly 1`] = `
                           <br />
                         </p>
                         <div>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             Various time (see detail)
                           </span>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             Barcelona, Spain
                           </span>
+                          
+            
                           <span
                             class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                           >
                             Published: 3 September 2020
                           </span>
+                          
+          
                         </div>
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Culture
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Technology
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+  
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+  
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+            
+
+
+  
+
+
+
                       <time
                         class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
                       >
+                        
+  
                         <div
                           class="d-flex flex-column pt-2"
                         >
+                          
+    
                           <div
                             class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                           >
+                            
+      
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                              
+        
                               <div
                                 class="date-month lh-1"
                               >
                                 Oct
                               </div>
+                              
+        
                               <div
                                 class="date-day fw-bold fs-4 lh-1"
                               >
                                 17
                               </div>
+                              
+      
                             </div>
+                            
+          
                           </div>
+                          
+    
                           <div
                             class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                           >
+                            
+      
                             <div
                               class="date-year year-start"
                             >
                               2021
                             </div>
                           </div>
+                          
+  
                         </div>
+                        
+
                       </time>
+                      
+
+        
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1639,6 +3495,8 @@ exports[`OE - event listing renders correctly 1`] = `
                             Card title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-3"
                         >
@@ -1647,105 +3505,210 @@ exports[`OE - event listing renders correctly 1`] = `
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
                         <div>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             08.00 - 18.00 (CET)
                           </span>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             Barcelona, Spain
                           </span>
+                          
+            
                           <span
                             class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                           >
                             Published: 3 September 2020
                           </span>
+                          
+          
                         </div>
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Culture
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 2
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 3
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+  
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+  
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+            
+
+
+  
+
+
+
                       <time
                         class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
                       >
+                        
+  
                         <div
                           class="d-flex flex-column pt-2"
                         >
+                          
+    
                           <div
                             class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                           >
+                            
+      
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                              
+        
                               <div
                                 class="date-month lh-1"
                               >
                                 Oct
                               </div>
+                              
+        
                               <div
                                 class="date-day fw-bold fs-4 lh-1"
                               >
                                 17
                               </div>
+                              
+      
                             </div>
+                            
+          
                           </div>
+                          
+    
                           <div
                             class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                           >
+                            
+      
                             <div
                               class="date-year year-start"
                             >
                               2021
                             </div>
                           </div>
+                          
+  
                         </div>
+                        
+
                       </time>
+                      
+
+        
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
                           Title card
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-3"
                         >
@@ -1755,100 +3718,203 @@ exports[`OE - event listing renders correctly 1`] = `
                           <br />
                         </p>
                         <div>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             08.00 - 18.00 (CET)
                           </span>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             Barcelona, Spain
                           </span>
+                          
+            
                           <span
                             class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                           >
                             Published: 3 September 2020
                           </span>
+                          
+          
                         </div>
                         <div
                           class="mt-2-5"
                         >
-                          <span
-                            class="me-2 mb-2 badge rounded-pill badge-outline-primary"
+                          
+                                                        
+
+  
+  
+
+
+                          <span
+                            class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Culture
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 2
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 3
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+  
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+  
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+            
+
+
+  
+
+
+
                       <time
                         class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
                       >
+                        
+  
                         <div
                           class="d-flex flex-column pt-2"
                         >
+                          
+    
                           <div
                             class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                           >
+                            
+      
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                              
+        
                               <div
                                 class="date-month lh-1"
                               >
                                 Oct
                               </div>
+                              
+        
                               <div
                                 class="date-day fw-bold fs-4 lh-1"
                               >
                                 17
                               </div>
+                              
+      
                             </div>
+                            
+          
                           </div>
+                          
+    
                           <div
                             class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                           >
+                            
+      
                             <div
                               class="date-year year-start"
                             >
                               2021
                             </div>
                           </div>
+                          
+  
                         </div>
+                        
+
                       </time>
+                      
+
+        
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1859,6 +3925,8 @@ exports[`OE - event listing renders correctly 1`] = `
                             Card title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-3"
                         >
@@ -1869,100 +3937,203 @@ exports[`OE - event listing renders correctly 1`] = `
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                         </p>
                         <div>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             08.00 - 18.00 (CET)
                           </span>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             Barcelona, Spain
                           </span>
+                          
+            
                           <span
                             class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                           >
                             Published: 3 September 2020
                           </span>
+                          
+          
                         </div>
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Culture
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 2
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 3
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+  
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+  
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+            
+
+
+  
+
+
+
                       <time
                         class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
                       >
+                        
+  
                         <div
                           class="d-flex flex-column pt-2"
                         >
+                          
+    
                           <div
                             class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                           >
+                            
+      
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                              
+        
                               <div
                                 class="date-month lh-1"
                               >
                                 Oct
                               </div>
+                              
+        
                               <div
                                 class="date-day fw-bold fs-4 lh-1"
                               >
                                 17
                               </div>
+                              
+      
                             </div>
+                            
+          
                           </div>
+                          
+    
                           <div
                             class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                           >
+                            
+      
                             <div
                               class="date-year year-start"
                             >
                               2021
                             </div>
                           </div>
+                          
+  
                         </div>
+                        
+
                       </time>
+                      
+
+        
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1973,6 +4144,8 @@ exports[`OE - event listing renders correctly 1`] = `
                             Card title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-3"
                         >
@@ -1982,104 +4155,208 @@ exports[`OE - event listing renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
                         <div>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             08.00 - 18.00 (CET)
                           </span>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             Barcelona, Spain
                           </span>
+                          
+            
                           <span
                             class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                           >
                             Published: 3 September 2020
                           </span>
+                          
+          
                         </div>
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Culture
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 2
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 3
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+  
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+  
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+            
+
+
+  
+
+
+
                       <time
                         class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
                       >
+                        
+  
                         <div
                           class="d-flex flex-column pt-2"
                         >
+                          
+    
                           <div
                             class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                           >
+                            
+      
                             <div
                               class="d-flex flex-column align-item-center justify-content-center"
                             >
+                              
+        
                               <div
                                 class="date-month lh-1"
                               >
                                 Oct
                               </div>
+                              
+        
                               <div
                                 class="date-day fw-bold fs-4 lh-1"
                               >
                                 17
                               </div>
+                              
+      
                             </div>
+                            
+          
                           </div>
+                          
+    
                           <div
                             class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                           >
+                            
+      
                             <div
                               class="date-year year-start"
                             >
                               2021
                             </div>
                           </div>
+                          
+  
                         </div>
+                        
+
                       </time>
+                      
+
+        
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -2090,6 +4367,8 @@ exports[`OE - event listing renders correctly 1`] = `
                             Card title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-3"
                         >
@@ -2099,79 +4378,203 @@ exports[`OE - event listing renders correctly 1`] = `
                           <br />
                         </p>
                         <div>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             08.00 - 18.00 (CET)
                           </span>
+                          
+            
                           <span
                             class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                           >
                             Barcelona, Spain
                           </span>
+                          
+            
                           <span
                             class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                           >
                             Published: 3 September 2020
                           </span>
+                          
+          
                         </div>
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Culture
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 2
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 3
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+  
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -2179,10 +4582,31 @@ exports[`OE - event listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -2190,50 +4614,155 @@ exports[`OE - event listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -2241,42 +4770,110 @@ exports[`OE - event listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -2287,187 +4884,396 @@ exports[`OE - event listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -2477,28 +5283,42 @@ exports[`OE - event page renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -2508,56 +5328,140 @@ exports[`OE - event page renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -2570,42 +5474,78 @@ exports[`OE - event page renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -2615,41 +5555,88 @@ exports[`OE - event page renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2660,6 +5647,10 @@ exports[`OE - event page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2667,142 +5658,322 @@ exports[`OE - event page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2812,6 +5983,10 @@ exports[`OE - event page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2819,158 +5994,371 @@ exports[`OE - event page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2978,30 +6366,71 @@ exports[`OE - event page renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -3012,142 +6441,335 @@ exports[`OE - event page renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -3155,12 +6777,18 @@ exports[`OE - event page renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -3170,6 +6798,8 @@ exports[`OE - event page renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -3177,21 +6807,29 @@ exports[`OE - event page renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -3199,6 +6837,8 @@ exports[`OE - event page renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -3209,6 +6849,8 @@ exports[`OE - event page renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -3216,9 +6858,28 @@ exports[`OE - event page renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -3226,80 +6887,151 @@ exports[`OE - event page renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -3308,6 +7040,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -3316,6 +7056,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -3324,6 +7072,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -3332,6 +7088,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -3340,6 +7104,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -3348,6 +7120,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -3356,6 +7136,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -3363,14 +7151,35 @@ exports[`OE - event page renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -3379,6 +7188,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -3387,6 +7204,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -3395,6 +7220,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -3403,10 +7236,22 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -3415,6 +7260,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -3423,6 +7276,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -3431,6 +7292,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -3439,6 +7308,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -3447,6 +7324,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -3455,6 +7340,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -3463,6 +7356,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -3471,6 +7372,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -3479,6 +7388,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -3487,6 +7404,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -3495,6 +7420,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -3503,23 +7436,49 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -3528,6 +7487,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -3536,6 +7503,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -3544,10 +7519,22 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -3556,6 +7543,14 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -3564,49 +7559,126 @@ exports[`OE - event page renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Translation, Interpreting, Culture 2: Human Factor in translation Technologies
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -3623,64 +7695,145 @@ exports[`OE - event page renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Technology
                   </span>
+                          
+            
                 </div>
+                  
                 <div
                   class="mt-2-5 mb-2"
                 >
+                  
+              
                   <div
                     class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                   >
+                    
+          
+
+
+                                
+
+
+
                     <a
                       class="btn btn-primary d-block d-md-inline-block"
                       href="/example.html"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--s"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#calendar-check"
                         />
+                        
+
                       </svg>
-                      Register
+                      
+
+Register
                     </a>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                  
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -3689,137 +7842,327 @@ exports[`OE - event page renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#item-1"
                   >
                     Description
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#item-2"
                   >
                     Related documents
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+              
+
+
+
+
+  
+
+
+
           <div
             class="mt-3 mb-4 bcl-description-list"
           >
+            
+      
             <dl
               class="mb-3 row"
             >
+              
+            
               <div
                 class="col-md-3"
               >
+                
+              
+
+
                 <dt>
+                  
+  
                   <div
                     class="d-flex"
                   >
+                                
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#calendar-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div>
                       Date
                     </div>
+                    
+  
                   </div>
+                  
+
                 </dt>
+                
+
+            
               </div>
+              
+                
               <div
                 class="col"
               >
+                
+        
+
+
+
                 <dd>
                   <div>
                     17 October 2021, 08.00 - 20 October 2021, 16.30 (CET)
                   </div>
                 </dd>
+                
+
+        
               </div>
+              
+          
             </dl>
+            
+        
             <dl
               class="mb-3 row"
             >
+              
+            
               <div
                 class="col-md-3"
               >
+                
+              
+
+
                 <dt>
+                  
+  
                   <div
                     class="d-flex"
                   >
+                                
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#geo-alt-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div>
                       Location
                     </div>
+                    
+  
                   </div>
+                  
+
                 </dt>
+                
+
+            
               </div>
+              
+                
               <div
                 class="col"
               >
+                
+              
+
+
+
                 <dd>
+                        
+
+
+
+
+
+
                   <svg
                     class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/flags.svg#spain"
                     />
+                    
+
                   </svg>
+                  
+
+
                   <div
                     class="mb-0 d-inline-block"
                   >
                     Barcelona, Spain
                   </div>
                 </dd>
+                
+
+            
               </div>
+              
+          
             </dl>
+            
+    
           </div>
+          
+
+
+  
           <h2
             class="my-4"
             id="item-1"
           >
             Description
           </h2>
+          
+  
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
   a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
@@ -3828,48 +8171,94 @@ exports[`OE - event page renders correctly 1`] = `
   sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
   
           </p>
+          
+  
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
   a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet.
   
           </p>
+          
+
+  
           <h2
             class="my-4"
             id="item-2"
           >
             Related documents
           </h2>
+          
+  
+
+
+
+
+
+    
+
+
+
+
           <div
             class="mb-3-5 bcl-file border rounded"
           >
+            
+    
             <div
               class="px-3-5 py-3"
             >
+              
+    
               <div
                 class="d-md-flex"
               >
+                
+              
                 <div
                   class="pe-2 pb-2"
                 >
+                  
+        
+
+
+
+
+
+
                   <svg
                     class="mt-1 icon--file bi icon--xl"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#file-pdf-fill"
                     />
+                    
+
                   </svg>
+                  
+
+        
                 </div>
+                
+            
                 <div
                   class="d-md-flex flex-grow-1"
                 >
+                  
+        
                   <div
                     class="flex-grow-1"
                   >
+                    
+                      
                     <p
                       class="fw-medium m-0 fs-5"
                     >
                       File title
                     </p>
+                    
+                              
                     <small
                       class="fw-medium m-0"
                     >
@@ -3880,7 +8269,17 @@ exports[`OE - event page renders correctly 1`] = `
                          (16.2 MB - PDF)
                       </span>
                     </small>
+                    
+                  
                   </div>
+                  
+                        
+
+
+                                
+
+
+
                   <a
                     class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                     download
@@ -3888,49 +8287,112 @@ exports[`OE - event page renders correctly 1`] = `
                     target="_blank"
                   >
                     Download
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#download"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+  
           </div>
+          
+
+  
+
+
+
+
+
+    
+
+
+
+
           <div
             class="mb-3-5 bcl-file border rounded"
           >
+            
+    
             <div
               class="px-3-5 py-3"
             >
+              
+    
               <div
                 class="d-md-flex"
               >
+                
+              
                 <div
                   class="pe-2 pb-2"
                 >
+                  
+        
+
+
+
+
+
+
                   <svg
                     class="mt-1 icon--file bi icon--xl"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#file-pdf-fill"
                     />
+                    
+
                   </svg>
+                  
+
+        
                 </div>
+                
+            
                 <div
                   class="d-md-flex flex-grow-1"
                 >
+                  
+        
                   <div
                     class="flex-grow-1"
                   >
+                    
+                      
                     <p
                       class="fw-medium m-0 fs-5"
                     >
                       File title
                     </p>
+                    
+                              
                     <small
                       class="fw-medium m-0"
                     >
@@ -3941,7 +8403,17 @@ exports[`OE - event page renders correctly 1`] = `
                          (16.2 MB - PDF)
                       </span>
                     </small>
+                    
+                  
                   </div>
+                  
+                        
+
+
+                                
+
+
+
                   <a
                     class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                     download
@@ -3949,34 +8421,82 @@ exports[`OE - event page renders correctly 1`] = `
                     target="_blank"
                   >
                     Download
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#download"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+  
           </div>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -3987,187 +8507,396 @@ exports[`OE - event page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-fact-figures/__snapshots__/fact-figures.test.js.snap b/src/compositions/bcl-fact-figures/__snapshots__/fact-figures.test.js.snap
index fb2345543..2556fbb18 100644
--- a/src/compositions/bcl-fact-figures/__snapshots__/fact-figures.test.js.snap
+++ b/src/compositions/bcl-fact-figures/__snapshots__/fact-figures.test.js.snap
@@ -5,174 +5,334 @@ exports[`OE - Fact and figures renders correctly in 1 column 1`] = `
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-1 row row-cols-1 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -182,174 +342,334 @@ exports[`OE - Fact and figures renders correctly in 1 column with custom title t
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-1 row row-cols-1 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -359,174 +679,334 @@ exports[`OE - Fact and figures renders correctly in 2 columns 1`] = `
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-2 row row-cols-1 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -536,174 +1016,334 @@ exports[`OE - Fact and figures renders correctly in 2 columns with custom title
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-2 row row-cols-1 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -713,174 +1353,334 @@ exports[`OE - Fact and figures renders correctly in 3 columns 1`] = `
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-3 row row-cols-1 row-cols-sm-2 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -890,174 +1690,334 @@ exports[`OE - Fact and figures renders correctly in 3 columns with custom title
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-3 row row-cols-1 row-cols-sm-2 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -1067,176 +2027,336 @@ exports[`OE - Fact and figures renders correctly with block variant 1`] = `
   <div
     class="bcl-fact-figures bcl-fact-figures--block"
   >
+    
+  
     <div
       class="bg-light p-3-5 pt-0"
     >
+      
+    
       <div
         class="row-cols-md-3 row row-cols-1 row-cols-sm-2 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -1246,176 +2366,336 @@ exports[`OE - Fact and figures renders correctly with block variant and with cus
   <div
     class="bcl-fact-figures bcl-fact-figures--block"
   >
+    
+  
     <div
       class="bg-light p-3-5 pt-0"
     >
+      
+    
       <div
         class="row-cols-md-3 row row-cols-1 row-cols-sm-2 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -1425,174 +2705,334 @@ exports[`OE - Fact and figures renders correctly with extra class on columns 1`]
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-3 row row-cols-1 row-cols-sm-2 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#sticky"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inboxes"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#shield-check"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-earmark-code"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#inbox"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                              
+
+
+
+
+
+
           <svg
             class="mb-2 icon--primary bi icon--l"
           >
+            
+  
             <use
               xlink:href="/icons.svg#eye"
             />
+            
+
           </svg>
+          
+
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -1602,132 +3042,214 @@ exports[`OE - Fact and figures renders correctly with hidden icons 1`] = `
   <div
     class="bcl-fact-figures bcl-fact-figures--default"
   >
+    
+  
     <div>
+      
+    
       <div
         class="row-cols-md-3 row row-cols-1 row-cols-sm-2 g-4"
       >
+        
+                
         <div
           class="col h-100"
         >
+          
+                    
           <div
             class="fs-4 fw-medium"
           >
             1529 JIRA Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira Tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                    
           <div
             class="fs-4 fw-medium"
           >
             337 Features
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Feature tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                    
           <div
             class="fs-4 fw-medium"
           >
             107 Tests
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test tickets
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                    
           <div
             class="fs-4 fw-medium"
           >
             5670 Variants
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Test variants
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                    
           <div
             class="fs-4 fw-medium"
           >
             345 Dev Ticket
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Jira ticket
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+            
         </div>
+        
+            
         <div
           class="col h-100"
         >
+          
+                    
           <div
             class="fs-4 fw-medium"
           >
             43 Components
           </div>
+          
+                    
           <div
             class="fs-5 fw-medium"
           >
             Figma components
           </div>
+          
+                    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
           </p>
+          
+            
         </div>
+        
+              
       </div>
+      
+          
       <div
         class="border-top d-block pt-3 mt-3"
       >
+        
+        
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-fact-figures/fact-figures.html.twig b/src/compositions/bcl-fact-figures/fact-figures.html.twig
index eed41cef9..7ba78e89f 100644
--- a/src/compositions/bcl-fact-figures/fact-figures.html.twig
+++ b/src/compositions/bcl-fact-figures/fact-figures.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - title (string) (default: '')
@@ -125,4 +123,3 @@
   </div>
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-featured-media/__snapshots__/featured-media.test.js.snap b/src/compositions/bcl-featured-media/__snapshots__/featured-media.test.js.snap
index 8e63d5ea4..ff688375f 100644
--- a/src/compositions/bcl-featured-media/__snapshots__/featured-media.test.js.snap
+++ b/src/compositions/bcl-featured-media/__snapshots__/featured-media.test.js.snap
@@ -5,14 +5,26 @@ exports[`OE - Featured media featured item renders correctly 1`] = `
   <div
     class="bcl-featured-item pb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+
+
+  
+  
+
+
+
       <h2
         class="mb-4 bcl-heading"
       >
         A title for a featured item
       </h2>
+      
+  
       <div
         class="col-12 col-md-6 order-1"
       >
@@ -23,23 +35,40 @@ exports[`OE - Featured media featured item renders correctly 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
         </p>
+              
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+  
       <div
         class="col-12 col-md-6 order-2 mt-4 mt-md-0"
       >
+        
+
+
         <figure
           class="rounded overflow-hidden"
           src="https://www.youtube.com/embed/VFYlYeFAEH4"
         >
+          
+    
           <div
             class="ratio ratio-16x9"
           >
@@ -53,14 +82,26 @@ exports[`OE - Featured media featured item renders correctly 1`] = `
               width="350"
             />
           </div>
+          
+
+  
           <figcaption
             class="bg-lighter p-3"
           >
             Media description text goes here.
           </figcaption>
+          
+
         </figure>
+        
+
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -70,22 +111,43 @@ exports[`OE - Featured media featured item renders correctly with description ti
   <div
     class="bcl-featured-item pb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+
+
+  
+  
+
+
+
       <h2
         class="mb-4 bcl-heading"
       >
         A title for a featured item
       </h2>
+      
+  
       <div
         class="col-12 col-md-6 order-1"
       >
+        
+
+  
+  
+
+
+
         <h6
           class="mb-4 bcl-heading"
         >
           Featured media test description title
         </h6>
+        
+
         <p>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
@@ -93,23 +155,40 @@ exports[`OE - Featured media featured item renders correctly with description ti
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
         </p>
+              
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+  
       <div
         class="col-12 col-md-6 order-2 mt-4 mt-md-0"
       >
+        
+
+
         <figure
           class="rounded overflow-hidden"
           src="https://www.youtube.com/embed/VFYlYeFAEH4"
         >
+          
+    
           <div
             class="ratio ratio-16x9"
           >
@@ -123,14 +202,26 @@ exports[`OE - Featured media featured item renders correctly with description ti
               width="350"
             />
           </div>
+          
+
+  
           <figcaption
             class="bg-lighter p-3"
           >
             Media description text goes here.
           </figcaption>
+          
+
         </figure>
+        
+
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -140,14 +231,26 @@ exports[`OE - Featured media featured item renders correctly with title 1`] = `
   <div
     class="bcl-featured-item pb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+
+
+  
+  
+
+
+
       <h6
         class="mb-4 bcl-heading"
       >
         Featured media test title
       </h6>
+      
+  
       <div
         class="col-12 col-md-6 order-1"
       >
@@ -158,23 +261,40 @@ exports[`OE - Featured media featured item renders correctly with title 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
         </p>
+              
+
+
+
+  
+
+
         <a
           href="/example.html"
         >
           Read more
         </a>
+        
+      
       </div>
+      
+  
       <div
         class="col-12 col-md-6 order-2 mt-4 mt-md-0"
       >
+        
+
+
         <figure
           class="rounded overflow-hidden"
           src="https://www.youtube.com/embed/VFYlYeFAEH4"
         >
+          
+    
           <div
             class="ratio ratio-16x9"
           >
@@ -188,14 +308,26 @@ exports[`OE - Featured media featured item renders correctly with title 1`] = `
               width="350"
             />
           </div>
+          
+
+  
           <figcaption
             class="bg-lighter p-3"
           >
             Media description text goes here.
           </figcaption>
+          
+
         </figure>
+        
+
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -206,6 +338,8 @@ exports[`OE - Featured media renders correctly with iframe 1`] = `
     class="rounded overflow-hidden"
     src="https://www.youtube.com/embed/VFYlYeFAEH4"
   >
+    
+    
     <div
       class="ratio ratio-16x9"
     >
@@ -219,11 +353,16 @@ exports[`OE - Featured media renders correctly with iframe 1`] = `
         width="350"
       />
     </div>
+    
+
+  
     <figcaption
       class="bg-lighter p-3"
     >
       Media description text goes here.
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -235,10 +374,15 @@ exports[`OE - Featured media renders correctly with iframe and with title 1`] =
   >
     Featured media test title
   </h6>
+  
+
+
   <figure
     class="rounded overflow-hidden"
     src="https://www.youtube.com/embed/VFYlYeFAEH4"
   >
+    
+    
     <div
       class="ratio ratio-16x9"
     >
@@ -252,11 +396,16 @@ exports[`OE - Featured media renders correctly with iframe and with title 1`] =
         width="350"
       />
     </div>
+    
+
+  
     <figcaption
       class="bg-lighter p-3"
     >
       Media description text goes here.
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -266,16 +415,23 @@ exports[`OE - Featured media renders correctly with image 1`] = `
   <figure
     class="rounded overflow-hidden d-inline-flex flex-wrap"
   >
+    
+  
     <img
       alt="random image"
       class="img-fluid flex-end-100"
       src="https://picsum.photos/1000/400?random=1"
     />
+    
+
+  
     <figcaption
       class="bg-lighter p-3 flex-1 w-min-content"
     >
       Media description text goes here.
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -285,20 +441,33 @@ exports[`OE - Featured media renders correctly with image and forced wrapper 1`]
   <div
     class="bcl-featured-item"
   >
+    
+
+
     <figure
       class="rounded overflow-hidden d-inline-flex flex-wrap"
     >
+      
+  
       <img
         alt="random image"
         class="img-fluid flex-end-100"
         src="https://picsum.photos/1000/400?random=1"
       />
+      
+
+  
       <figcaption
         class="bg-lighter p-3 flex-1 w-min-content"
       >
         Media description text goes here.
       </figcaption>
+      
+
     </figure>
+    
+
+
   </div>
 </jest>
 `;
@@ -310,19 +479,29 @@ exports[`OE - Featured media renders correctly with image and with title 1`] = `
   >
     Featured media test title
   </h6>
+  
+
+
   <figure
     class="rounded overflow-hidden d-inline-flex flex-wrap"
   >
+    
+  
     <img
       alt="random image"
       class="img-fluid flex-end-100"
       src="https://picsum.photos/1000/400?random=1"
     />
+    
+
+  
     <figcaption
       class="bg-lighter p-3 flex-1 w-min-content"
     >
       Media description text goes here.
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -332,31 +511,46 @@ exports[`OE - Featured media renders correctly with ratio 1`] = `
   <figure
     class="rounded overflow-hidden"
   >
+    
+  
     <video
       class="w-100 d-block"
       controls
       poster="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
     >
+      
+    
       <source
         src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
         type="video/mp4"
       />
+      
+    
       <source
         src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
         type="video/webm"
       />
+      
+            
       <track
         kind="captions"
         label="English"
         src="example.vtt"
         srclang=""
       />
+      
+        
     </video>
+    
+
+  
     <figcaption
       class="bg-lighter p-3"
     >
       Media description text goes here.
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -366,31 +560,46 @@ exports[`OE - Featured media renders correctly with video 1`] = `
   <figure
     class="rounded overflow-hidden"
   >
+    
+  
     <video
       class="w-100 d-block"
       controls
       poster="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
     >
+      
+    
       <source
         src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
         type="video/mp4"
       />
+      
+    
       <source
         src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
         type="video/webm"
       />
+      
+            
       <track
         kind="captions"
         label="English"
         src="example.vtt"
         srclang=""
       />
+      
+        
     </video>
+    
+
+  
     <figcaption
       class="bg-lighter p-3"
     >
       Media description text goes here.
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
@@ -402,34 +611,52 @@ exports[`OE - Featured media renders correctly with video and with title 1`] = `
   >
     Featured media test title
   </h6>
+  
+
+
   <figure
     class="rounded overflow-hidden"
   >
+    
+  
     <video
       class="w-100 d-block"
       controls
       poster="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
     >
+      
+    
       <source
         src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
         type="video/mp4"
       />
+      
+    
       <source
         src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
         type="video/webm"
       />
+      
+            
       <track
         kind="captions"
         label="English"
         src="example.vtt"
         srclang=""
       />
+      
+        
     </video>
+    
+
+  
     <figcaption
       class="bg-lighter p-3"
     >
       Media description text goes here.
     </figcaption>
+    
+
   </figure>
 </jest>
 `;
diff --git a/src/compositions/bcl-featured-media/featured-media.html.twig b/src/compositions/bcl-featured-media/featured-media.html.twig
index 6ec3205cd..39024dcaa 100644
--- a/src/compositions/bcl-featured-media/featured-media.html.twig
+++ b/src/compositions/bcl-featured-media/featured-media.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
@@ -169,4 +167,3 @@
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-file/__snapshots__/file.test.js.snap b/src/compositions/bcl-file/__snapshots__/file.test.js.snap
index 5f6341ff7..4ef502c70 100644
--- a/src/compositions/bcl-file/__snapshots__/file.test.js.snap
+++ b/src/compositions/bcl-file/__snapshots__/file.test.js.snap
@@ -5,31 +5,58 @@ exports[`OE - File Card renders correctly 1`] = `
   <div
     class="bcl-file border rounded"
   >
+    
+      
     <div
       class="border-bottom px-3-5 py-3 d-md-flex"
     >
+      
+      
       <div
         class="pe-2 pb-2"
       >
+        
+      
+
+
+
+
+
+
         <svg
           class="mt-1 icon--file bi icon--xl"
         >
+          
+  
           <use
             xlink:href="/icons.svg#file-pdf-fill"
           />
+          
+
         </svg>
+        
+
+      
       </div>
+      
+      
       <div>
+        
+                  
         <p
           class="fw-medium mb-2 fs-5"
         >
           Document title
         </p>
+        
+                          
         <p
           class="mb-3"
         >
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         </p>
+        
+                          
         <span
           class="text-muted d-inline-block me-3 mb-2 mb-md-0 text-nowrap"
         >
@@ -40,20 +67,34 @@ exports[`OE - File Card renders correctly 1`] = `
         >
           Published : 3 September 2022
         </span>
+        
+              
       </div>
+      
+    
     </div>
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -64,7 +105,17 @@ exports[`OE - File Card renders correctly 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -72,23 +123,58 @@ exports[`OE - File Card renders correctly 1`] = `
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -98,38 +184,67 @@ exports[`OE - File Card renders correctly 1`] = `
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title FR
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -140,10 +255,22 @@ exports[`OE - File Card renders correctly 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -151,31 +278,60 @@ exports[`OE - File Card renders correctly 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title ES
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
@@ -183,6 +339,8 @@ exports[`OE - File Card renders correctly 1`] = `
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -193,10 +351,22 @@ exports[`OE - File Card renders correctly 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -204,36 +374,67 @@ exports[`OE - File Card renders correctly 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title BG
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -244,10 +445,22 @@ exports[`OE - File Card renders correctly 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -255,20 +468,43 @@ exports[`OE - File Card renders correctly 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2 d-inline-block me-2"
           >
@@ -279,9 +515,18 @@ exports[`OE - File Card renders correctly 1`] = `
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -291,34 +536,63 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -329,7 +603,17 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -337,23 +621,58 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#cloud-download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -363,28 +682,53 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -395,10 +739,22 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -406,26 +762,53 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -436,10 +819,22 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -447,26 +842,53 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -477,10 +899,22 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -488,20 +922,43 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2"
           >
@@ -513,9 +970,18 @@ exports[`OE - File Card renders correctly with different download icon 1`] = `
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -525,34 +991,63 @@ exports[`OE - File Card renders correctly with download that has different icon
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -563,7 +1058,17 @@ exports[`OE - File Card renders correctly with download that has different icon
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -571,23 +1076,58 @@ exports[`OE - File Card renders correctly with download that has different icon
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="new_icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -597,28 +1137,53 @@ exports[`OE - File Card renders correctly with download that has different icon
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -629,10 +1194,22 @@ exports[`OE - File Card renders correctly with download that has different icon
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -640,26 +1217,53 @@ exports[`OE - File Card renders correctly with download that has different icon
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -670,10 +1274,22 @@ exports[`OE - File Card renders correctly with download that has different icon
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -681,26 +1297,53 @@ exports[`OE - File Card renders correctly with download that has different icon
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -711,10 +1354,22 @@ exports[`OE - File Card renders correctly with download that has different icon
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -722,20 +1377,43 @@ exports[`OE - File Card renders correctly with download that has different icon
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2"
           >
@@ -747,9 +1425,18 @@ exports[`OE - File Card renders correctly with download that has different icon
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -759,34 +1446,63 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -797,31 +1513,76 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
-          <a
-            class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
+          
+                        
+
+
+                                
+
+
+
+          <a
+            class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
             href="/example.html"
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--m"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -831,28 +1592,53 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -863,10 +1649,22 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -874,26 +1672,53 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -904,10 +1729,22 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -915,26 +1752,53 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -945,10 +1809,22 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -956,20 +1832,43 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2"
           >
@@ -981,9 +1880,18 @@ exports[`OE - File Card renders correctly with empty download icon name 1`] = `
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -993,34 +1901,63 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -1031,7 +1968,17 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -1040,23 +1987,58 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
             target="_blank"
           >
             Go here
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -1066,28 +2048,53 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -1098,10 +2105,22 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1109,26 +2128,53 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -1139,10 +2185,22 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1150,26 +2208,53 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -1180,10 +2265,22 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1191,20 +2288,43 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2"
           >
@@ -1216,9 +2336,18 @@ exports[`OE - File Card renders correctly with new attributes download 1`] = `
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -1228,34 +2357,63 @@ exports[`OE - File Card renders correctly with override default attributes downl
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -1266,7 +2424,17 @@ exports[`OE - File Card renders correctly with override default attributes downl
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0 new-class"
             download="false"
@@ -1274,23 +2442,58 @@ exports[`OE - File Card renders correctly with override default attributes downl
             target="_self"
           >
             Go here
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -1300,28 +2503,53 @@ exports[`OE - File Card renders correctly with override default attributes downl
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -1332,10 +2560,22 @@ exports[`OE - File Card renders correctly with override default attributes downl
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1343,26 +2583,53 @@ exports[`OE - File Card renders correctly with override default attributes downl
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -1373,10 +2640,22 @@ exports[`OE - File Card renders correctly with override default attributes downl
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1384,26 +2663,53 @@ exports[`OE - File Card renders correctly with override default attributes downl
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -1414,10 +2720,22 @@ exports[`OE - File Card renders correctly with override default attributes downl
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1425,20 +2743,43 @@ exports[`OE - File Card renders correctly with override default attributes downl
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2"
           >
@@ -1450,9 +2791,18 @@ exports[`OE - File Card renders correctly with override default attributes downl
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -1464,34 +2814,66 @@ exports[`OE - File Card renders correctly with title 1`] = `
   >
     File card test title
   </h6>
+  
+
+
+
+
   <div
     class="bcl-file border rounded"
   >
+    
+      
     <div
       class="border-bottom px-3-5 py-3 d-md-flex"
     >
+      
+      
       <div
         class="pe-2 pb-2"
       >
+        
+      
+
+
+
+
+
+
         <svg
           class="mt-1 icon--file bi icon--xl"
         >
+          
+  
           <use
             xlink:href="/icons.svg#file-pdf-fill"
           />
+          
+
         </svg>
+        
+
+      
       </div>
+      
+      
       <div>
+        
+                  
         <p
           class="fw-medium mb-2 fs-5"
         >
           Document title
         </p>
+        
+                          
         <p
           class="mb-3"
         >
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         </p>
+        
+                          
         <span
           class="text-muted d-inline-block me-3 mb-2 mb-md-0 text-nowrap"
         >
@@ -1502,20 +2884,34 @@ exports[`OE - File Card renders correctly with title 1`] = `
         >
           Published : 3 September 2022
         </span>
+        
+              
       </div>
+      
+    
     </div>
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -1526,7 +2922,17 @@ exports[`OE - File Card renders correctly with title 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -1534,23 +2940,58 @@ exports[`OE - File Card renders correctly with title 1`] = `
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -1560,38 +3001,67 @@ exports[`OE - File Card renders correctly with title 1`] = `
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title FR
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -1602,10 +3072,22 @@ exports[`OE - File Card renders correctly with title 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1613,31 +3095,60 @@ exports[`OE - File Card renders correctly with title 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title ES
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
@@ -1645,6 +3156,8 @@ exports[`OE - File Card renders correctly with title 1`] = `
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -1655,10 +3168,22 @@ exports[`OE - File Card renders correctly with title 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1666,36 +3191,67 @@ exports[`OE - File Card renders correctly with title 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title BG
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -1706,10 +3262,22 @@ exports[`OE - File Card renders correctly with title 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1717,20 +3285,43 @@ exports[`OE - File Card renders correctly with title 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2 d-inline-block me-2"
           >
@@ -1741,9 +3332,18 @@ exports[`OE - File Card renders correctly with title 1`] = `
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -1753,31 +3353,58 @@ exports[`OE - File Card translations renders correctly with download that has di
   <div
     class="bcl-file border rounded"
   >
+    
+      
     <div
       class="border-bottom px-3-5 py-3 d-md-flex"
     >
+      
+      
       <div
         class="pe-2 pb-2"
       >
+        
+      
+
+
+
+
+
+
         <svg
           class="mt-1 icon--file bi icon--xl"
         >
+          
+  
           <use
             xlink:href="/icons.svg#file-pdf-fill"
           />
+          
+
         </svg>
+        
+
+      
       </div>
+      
+      
       <div>
+        
+                  
         <p
           class="fw-medium mb-2 fs-5"
         >
           Document title
         </p>
+        
+                          
         <p
           class="mb-3"
         >
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         </p>
+        
+                          
         <span
           class="text-muted d-inline-block me-3 mb-2 mb-md-0 text-nowrap"
         >
@@ -1788,20 +3415,34 @@ exports[`OE - File Card translations renders correctly with download that has di
         >
           Published : 3 September 2022
         </span>
+        
+              
       </div>
+      
+    
     </div>
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -1812,7 +3453,17 @@ exports[`OE - File Card translations renders correctly with download that has di
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -1820,23 +3471,58 @@ exports[`OE - File Card translations renders correctly with download that has di
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="new_icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -1846,38 +3532,67 @@ exports[`OE - File Card translations renders correctly with download that has di
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title FR
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -1888,10 +3603,22 @@ exports[`OE - File Card translations renders correctly with download that has di
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1899,31 +3626,60 @@ exports[`OE - File Card translations renders correctly with download that has di
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title ES
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
@@ -1931,6 +3687,8 @@ exports[`OE - File Card translations renders correctly with download that has di
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -1941,10 +3699,22 @@ exports[`OE - File Card translations renders correctly with download that has di
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -1952,36 +3722,67 @@ exports[`OE - File Card translations renders correctly with download that has di
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title BG
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -1992,10 +3793,22 @@ exports[`OE - File Card translations renders correctly with download that has di
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2003,20 +3816,43 @@ exports[`OE - File Card translations renders correctly with download that has di
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2 d-inline-block me-2"
           >
@@ -2027,9 +3863,18 @@ exports[`OE - File Card translations renders correctly with download that has di
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -2039,31 +3884,58 @@ exports[`OE - File Card translations renders correctly with empty download icon
   <div
     class="bcl-file border rounded"
   >
+    
+      
     <div
       class="border-bottom px-3-5 py-3 d-md-flex"
     >
+      
+      
       <div
         class="pe-2 pb-2"
       >
+        
+      
+
+
+
+
+
+
         <svg
           class="mt-1 icon--file bi icon--xl"
         >
+          
+  
           <use
             xlink:href="/icons.svg#file-pdf-fill"
           />
+          
+
         </svg>
+        
+
+      
       </div>
+      
+      
       <div>
+        
+                  
         <p
           class="fw-medium mb-2 fs-5"
         >
           Document title
         </p>
+        
+                          
         <p
           class="mb-3"
         >
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         </p>
+        
+                          
         <span
           class="text-muted d-inline-block me-3 mb-2 mb-md-0 text-nowrap"
         >
@@ -2074,20 +3946,34 @@ exports[`OE - File Card translations renders correctly with empty download icon
         >
           Published : 3 September 2022
         </span>
+        
+              
       </div>
+      
+    
     </div>
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -2098,7 +3984,17 @@ exports[`OE - File Card translations renders correctly with empty download icon
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -2106,23 +4002,58 @@ exports[`OE - File Card translations renders correctly with empty download icon
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--m"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -2132,38 +4063,67 @@ exports[`OE - File Card translations renders correctly with empty download icon
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title FR
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -2174,10 +4134,22 @@ exports[`OE - File Card translations renders correctly with empty download icon
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2185,31 +4157,60 @@ exports[`OE - File Card translations renders correctly with empty download icon
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title ES
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
@@ -2217,6 +4218,8 @@ exports[`OE - File Card translations renders correctly with empty download icon
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -2227,10 +4230,22 @@ exports[`OE - File Card translations renders correctly with empty download icon
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2238,36 +4253,67 @@ exports[`OE - File Card translations renders correctly with empty download icon
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title BG
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -2278,10 +4324,22 @@ exports[`OE - File Card translations renders correctly with empty download icon
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2289,20 +4347,43 @@ exports[`OE - File Card translations renders correctly with empty download icon
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2 d-inline-block me-2"
           >
@@ -2313,9 +4394,18 @@ exports[`OE - File Card translations renders correctly with empty download icon
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -2325,31 +4415,58 @@ exports[`OE - File Card translations renders correctly with new attributes downl
   <div
     class="bcl-file border rounded"
   >
+    
+      
     <div
       class="border-bottom px-3-5 py-3 d-md-flex"
     >
+      
+      
       <div
         class="pe-2 pb-2"
       >
+        
+      
+
+
+
+
+
+
         <svg
           class="mt-1 icon--file bi icon--xl"
         >
+          
+  
           <use
             xlink:href="/icons.svg#file-pdf-fill"
           />
+          
+
         </svg>
+        
+
+      
       </div>
+      
+      
       <div>
+        
+                  
         <p
           class="fw-medium mb-2 fs-5"
         >
           Document title
         </p>
+        
+                          
         <p
           class="mb-3"
         >
           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         </p>
+        
+                          
         <span
           class="text-muted d-inline-block me-3 mb-2 mb-md-0 text-nowrap"
         >
@@ -2360,20 +4477,34 @@ exports[`OE - File Card translations renders correctly with new attributes downl
         >
           Published : 3 September 2022
         </span>
+        
+              
       </div>
+      
+    
     </div>
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -2384,7 +4515,17 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -2393,23 +4534,58 @@ exports[`OE - File Card translations renders correctly with new attributes downl
             target="_blank"
           >
             Go here
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -2419,38 +4595,67 @@ exports[`OE - File Card translations renders correctly with new attributes downl
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title FR
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -2461,10 +4666,22 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2472,31 +4689,60 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title ES
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
@@ -2504,6 +4750,8 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -2514,10 +4762,22 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2525,36 +4785,67 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                          
               <p
                 class="fw-bold m-0"
               >
                 File title BG
               </p>
+              
+                                      
               <p
                 class="m-0"
               >
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
               </p>
+              
+                                    
               <small
                 class="fw-bold m-0"
               >
@@ -2565,10 +4856,22 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2576,20 +4879,43 @@ exports[`OE - File Card translations renders correctly with new attributes downl
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2 d-inline-block me-2"
           >
@@ -2600,9 +4926,18 @@ exports[`OE - File Card translations renders correctly with new attributes downl
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -2612,34 +4947,63 @@ exports[`OE - File renders correctly 1`] = `
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -2650,7 +5014,17 @@ exports[`OE - File renders correctly 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -2658,23 +5032,58 @@ exports[`OE - File renders correctly 1`] = `
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -2684,28 +5093,53 @@ exports[`OE - File renders correctly 1`] = `
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -2716,10 +5150,22 @@ exports[`OE - File renders correctly 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2727,26 +5173,53 @@ exports[`OE - File renders correctly 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -2757,10 +5230,22 @@ exports[`OE - File renders correctly 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2768,26 +5253,53 @@ exports[`OE - File renders correctly 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -2798,10 +5310,22 @@ exports[`OE - File renders correctly 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2809,20 +5333,43 @@ exports[`OE - File renders correctly 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2"
           >
@@ -2834,9 +5381,18 @@ exports[`OE - File renders correctly 1`] = `
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -2846,34 +5402,63 @@ exports[`OE - File renders correctly with new class on translation 1`] = `
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -2884,7 +5469,17 @@ exports[`OE - File renders correctly with new class on translation 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -2892,23 +5487,58 @@ exports[`OE - File renders correctly with new class on translation 1`] = `
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+
+
+
     <div
       class="new-class bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -2919,20 +5549,32 @@ exports[`OE - File renders correctly with new class on translation 1`] = `
         >
           Other languages (3)
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -2943,10 +5585,22 @@ exports[`OE - File renders correctly with new class on translation 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -2954,19 +5608,45 @@ exports[`OE - File renders correctly with new class on translation 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
@@ -2976,44 +5656,87 @@ exports[`OE - File renders correctly with title and link 1`] = `
   <h6
     class="mb-4 bcl-heading"
   >
+    
+
+
+
+  
+    
+
     <a
       class="standalone"
       href="/example.html"
     >
       File test title
     </a>
+    
+
   </h6>
+  
+
+
+
+
   <div
     class="bcl-file border rounded"
   >
+    
+    
     <div
       class="px-3-5 py-3"
     >
+      
+    
       <div
         class="d-md-flex"
       >
+        
+              
         <div
           class="pe-2 pb-2"
         >
+          
+        
+
+
+
+
+
+
           <svg
             class="mt-1 icon--file bi icon--xl"
           >
+            
+  
             <use
               xlink:href="/icons.svg#file-pdf-fill"
             />
+            
+
           </svg>
+          
+
+        
         </div>
+        
+            
         <div
           class="d-md-flex flex-grow-1"
         >
+          
+        
           <div
             class="flex-grow-1"
           >
+            
+                      
             <p
               class="fw-medium m-0 fs-5"
             >
               File title
             </p>
+            
+                              
             <small
               class="fw-medium m-0"
             >
@@ -3024,7 +5747,17 @@ exports[`OE - File renders correctly with title and link 1`] = `
                  (16.2 MB - PDF)
               </span>
             </small>
+            
+                  
           </div>
+          
+                        
+
+
+                                
+
+
+
           <a
             class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
             download
@@ -3032,23 +5765,58 @@ exports[`OE - File renders correctly with title and link 1`] = `
             target="_blank"
           >
             Download
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#download"
               />
+              
+
             </svg>
+            
+
+
           </a>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+      
+
+  
+
+
     <div
       class="bg-lighter py-3 px-4 border-top"
     >
+      
+  
       <div
         class="text-end text-md-center"
       >
+        
+    
+
+
+                                
+
+
+
         <a
           aria-controls="language-dropdown"
           aria-expanded="false"
@@ -3058,28 +5826,53 @@ exports[`OE - File renders correctly with title and link 1`] = `
           role="button"
         >
           Other languages (3)
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+
         </a>
+        
+  
       </div>
+      
+    
       <div
         class="collapse"
         id="language-dropdown"
       >
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -3090,10 +5883,22 @@ exports[`OE - File renders correctly with title and link 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -3101,26 +5906,53 @@ exports[`OE - File renders correctly with title and link 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -3131,10 +5963,22 @@ exports[`OE - File renders correctly with title and link 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -3142,26 +5986,53 @@ exports[`OE - File renders correctly with title and link 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="py-3 border-bottom"
         >
+          
+              
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md-9"
             >
+              
+                                                
               <small
                 class="fw-bold m-0"
               >
@@ -3172,10 +6043,22 @@ exports[`OE - File renders correctly with title and link 1`] = `
                    (16.2 MB - PDF)
                 </span>
               </small>
+              
+                      
             </div>
+            
+          
             <div
               class="col-12 col-md-3 align-self-end text-md-end"
             >
+              
+                              
+
+
+                                
+
+
+
               <a
                 class="d-block standalone mt-1"
                 download
@@ -3183,20 +6066,43 @@ exports[`OE - File renders correctly with title and link 1`] = `
                 target="_blank"
               >
                 Download
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#download"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+        
           </div>
+          
+            
         </div>
+        
+                
         <div
           class="pt-3"
         >
+          
+              
           <p
             class="mb-2"
           >
@@ -3208,9 +6114,18 @@ exports[`OE - File renders correctly with title and link 1`] = `
           >
             Find out why.
           </a>
+          
+            
         </div>
+        
+      
       </div>
+      
+  
     </div>
+    
+
+  
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-file/file-translations.html.twig b/src/compositions/bcl-file/file-translations.html.twig
index af1d29bf3..32c0d3c0a 100644
--- a/src/compositions/bcl-file/file-translations.html.twig
+++ b/src/compositions/bcl-file/file-translations.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - id (string) (default: language-dropdown-random(10000))
   - label (string) (default: '')
@@ -93,4 +91,3 @@
   {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-file/file.html.twig b/src/compositions/bcl-file/file.html.twig
index bb18963b1..7400a98ba 100644
--- a/src/compositions/bcl-file/file.html.twig
+++ b/src/compositions/bcl-file/file.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - title (string) (default: '')
@@ -162,4 +160,3 @@
   {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-footer/__snapshots__/footer.test.js.snap b/src/compositions/bcl-footer/__snapshots__/footer.test.js.snap
index 2cef83c55..c91d321e3 100644
--- a/src/compositions/bcl-footer/__snapshots__/footer.test.js.snap
+++ b/src/compositions/bcl-footer/__snapshots__/footer.test.js.snap
@@ -5,15 +5,23 @@ exports[`OE - Footer EC renders correctly 1`] = `
   <footer
     class="bcl-footer bcl-footer--ec"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -24,285 +32,609 @@ exports[`OE - Footer EC renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4 pb-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             European Commission
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                                                              
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Commission
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                      
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Follow the EC on social media
+
+
+
+
+
+
               <svg
                 class="ms-2 ms-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#box-arrow-up-right"
                 />
+                
+
               </svg>
+              
+
+
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Resources for partners
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                                                              
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Language policy
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Cookies
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Privacy policy
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Legal notice
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -312,15 +644,23 @@ exports[`OE - Footer EU renders correctly 1`] = `
   <footer
     class="bcl-footer bcl-footer--eu"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -331,196 +671,413 @@ exports[`OE - Footer EU renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                                              
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4"
         >
+          
+                                                                    
           <img
             alt="logo"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+                                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact the EU
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Call us 00 800 6 7 8 9 10 11
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Use other telephone options
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Write us via our contact form
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Meet us at a local EU office
             </a>
+            
+                      
           </div>
+          
+                                                                                                              
           <p
             class="fw-bold border-bottom pb-2 pt-3 mb-2"
           >
             Social media
           </p>
+          
+                                                                                                            
           <p>
             Search for 
             <a
@@ -530,233 +1087,501 @@ exports[`OE - Footer EU renders correctly 1`] = `
               EU social media channels
             </a>
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 pt-3 mb-2"
           >
             Legal
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Language policy
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Privacy policy
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Legal notice
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Cookies
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 pt-4 pt-lg-0 mb-2"
           >
             EU institutions
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Parliament
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Council
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Council of the European Union
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Commission
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Court of Justice of the European Union
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Central Bank
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Court of Auditors
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European External Action Service
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Economic and Social Committee
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Committee of the Region
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Investment Bank
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Ombudsman
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Data Protection Supervisor
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Data Protection Board
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               European Personnel Selection Office
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Publications Office of the European Union
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Agencies
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -766,15 +1591,23 @@ exports[`OE - Footer renders correctly 1`] = `
   <footer
     class="bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -785,187 +1618,396 @@ exports[`OE - Footer renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-footer/footer.html.twig b/src/compositions/bcl-footer/footer.html.twig
index 57f0d8961..2c8647a80 100644
--- a/src/compositions/bcl-footer/footer.html.twig
+++ b/src/compositions/bcl-footer/footer.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - variant (string) (default: 'neutral')
     - options: ['eu', 'ec', 'neutral']
@@ -87,4 +85,3 @@
   </div>
 </footer>
 
-{% endapply %}
diff --git a/src/compositions/bcl-gallery/__snapshots__/gallery.test.js.snap b/src/compositions/bcl-gallery/__snapshots__/gallery.test.js.snap
index 204848c92..fb07413f3 100644
--- a/src/compositions/bcl-gallery/__snapshots__/gallery.test.js.snap
+++ b/src/compositions/bcl-gallery/__snapshots__/gallery.test.js.snap
@@ -5,502 +5,979 @@ exports[`OE - Gallery default renders correctly 1`] = `
   <div
     class="bcl-gallery"
   >
+    
+    
     <div
       class="d-sm-flex flex-sm-row align-items-sm-center"
     >
+      
+      
       <div
         class="flex-sm-grow-1"
       >
+        
+      
+
+  
+  
+
+
+
         <h2
           class="mb-4 bcl-heading"
         >
           Media gallery title
         </h2>
+        
+    
       </div>
+      
+  
       <div
         class="mb-3 mb-sm-0 fw-bold"
       >
         (13) medias
       </div>
     </div>
+    
+    
     <div
       class="bcl-gallery__thumbnails"
     >
+      
+            
       <ul
         class="bcl-gallery__grid"
       >
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="0"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   First slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the first slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="First slide"
               src="https://picsum.photos/id/1005/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="1"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/101/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="2"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+      
               <span
                 class="bcl-gallery__item-play-icon"
               >
+                
+    
+
+
+
+  
+
+
                 <svg
                   class="bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#play-fill"
                   />
+                  
+
                 </svg>
+                
+
+    
               </span>
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/1012/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="3"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="Slide"
               src="https://picsum.photos/id/1015/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="4"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+      
               <span
                 class="bcl-gallery__item-play-icon"
               >
+                
+    
+
+
+
+  
+
+
                 <svg
                   class="bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#play-fill"
                   />
+                  
+
                 </svg>
+                
+
+    
               </span>
+              
+      
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/1081/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+              
       </ul>
+      
+                
       <div
         class="bcl-gallery__thumbnails-collaspe collapse"
         id="collapseGalleryExample"
       >
+        
+          
         <ul
           class="bcl-gallery__grid"
         >
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="5"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1018/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="6"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1026/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="7"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+            
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1043/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="8"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1050/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="9"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Last slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1071/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+              
         </ul>
+        
+                
         <ul
           class="bcl-gallery__grid"
         >
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="10"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Last slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1077/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="11"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+      
                 <span
                   class="bcl-gallery__item-play-icon"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#play-fill"
                     />
+                    
+
                   </svg>
+                  
+
+    
                 </span>
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1012/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="12"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+      
                 <span
                   class="bcl-gallery__item-play-icon"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#play-fill"
                     />
+                    
+
                   </svg>
+                  
+
+    
                 </span>
+                
+      
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1081/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+              
         </ul>
+        
+          
       </div>
+      
+                
       <div
         class="bg-lighter py-3 px-4 mt-2 rounded text-center"
       >
+        
+        
         <a
           aria-controls="collapseGalleryExample"
           aria-expanded="false"
@@ -509,24 +986,45 @@ exports[`OE - Gallery default renders correctly 1`] = `
           href="#collapseGalleryExample"
           role="button"
         >
+          
+          
           <span
             class="label-collapsed"
           >
             view the full gallery (13)
           </span>
+          
+          
           <span
             class="label-expanded"
           >
             view less
           </span>
+          
+          
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+        
         </a>
+        
+        
         <a
           class="bcl-gallery__mobile-view-more standalone d-inline-block d-sm-none"
           data-bs-slide-to="4"
@@ -534,27 +1032,55 @@ exports[`OE - Gallery default renders correctly 1`] = `
           href="#"
           role="button"
         >
+          
+          
           <span
             data-bs-target="#modalGalleryExample"
             data-bs-toggle="modal"
           >
+            
+            
             <span
               class="label-collapsed"
             >
               view the full gallery (13)
             </span>
+            
+            
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--2xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#caret-down-fill"
               />
+              
+
             </svg>
-            <span />
+            
+
+          
+            <span>
+              
+        
+            </span>
           </span>
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+  
     <div
       aria-hidden="true"
       aria-labelledby="modalGalleryExample"
@@ -563,335 +1089,573 @@ exports[`OE - Gallery default renders correctly 1`] = `
       id="modalGalleryExample"
       tabindex="-1"
     >
+      
+    
       <div
         class="modal-dialog modal-dialog-centered modal-fullscreen"
       >
+        
+      
         <div
           class="modal-content"
         >
+          
+        
           <div
             class="modal-header border-0 justify-content-between"
           >
+            
+                  
             <div
               class="modal-title"
             >
+              
+                          
+
+
+
+
+
+
               <h3
                 class="d-sm-block d-none bcl-heading"
               >
                 Media gallery title
               </h3>
+              
+                      
             </div>
+            
+                  
             <div
               class="carousel-pager"
             >
+              
+            
               <span>
                 1
               </span>
                / 13
             </div>
+            
+          
             <div
               class="modal-close"
             >
+              
+                        
+
+
+
               <button
                 aria-label="Close"
                 class="btn-close"
                 data-bs-dismiss="modal"
                 type="button"
               />
+              
+
+          
             </div>
+            
+        
           </div>
+          
+        
           <div
             class="modal-body d-flex align-items-center justify-content-center"
           >
+            
+                                                                                                                                                                                                                                                                                                                          
+
+
+
+  
+  
+
+
+
+
             <div
               class="carousel slide"
               id="carouselGalleryExample"
             >
+              
+  
               <div
                 class="carousel-inner"
               >
+                
+                            
                 <div
                   class="carousel-item active"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1005/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       First slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the first slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="slide"
                     data-src="https://picsum.photos/id/101/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <iframe
                     data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                     frameborder="0"
                   />
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="slide"
                     data-src="https://picsum.photos/id/1015/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <video
                     controls="controls"
                     poster="https://picsum.photos/id/1081/800/400"
                   >
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                       type="video/mp4"
                     />
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                       type="video/webm"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="English"
                       src="/captions/bunny-en.vtt"
                       srclang="en"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="français"
                       src="/captions/bunny-fr.vtt"
                       srclang="fr"
                     />
+                    
+              
                   </video>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1018/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1026/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1043/800/400"
                   />
+                  
+                          
                   <div
                     class="carousel-caption"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+                                
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1050/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                            
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1071/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Last slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1077/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Last slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <iframe
                     data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                     frameborder="0"
                   />
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <video
                     controls="controls"
                     poster="https://picsum.photos/id/1081/800/400"
                   >
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                       type="video/mp4"
                     />
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                       type="video/webm"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="English"
                       src="/captions/bunny-en.vtt"
                       srclang="en"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="français"
                       src="/captions/bunny-fr.vtt"
                       srclang="fr"
                     />
+                    
+              
                   </video>
+                  
+            
                 </div>
+                
+        
               </div>
+              
+  
               <button
                 class="carousel-control-prev"
                 data-bs-slide="prev"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-prev-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Previous
                 </span>
+                
+    
               </button>
+              
+  
               <button
                 class="carousel-control-next"
                 data-bs-slide="next"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-next-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Next
                 </span>
+                
+    
               </button>
+              
+
             </div>
+            
+
+                
           </div>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -901,148 +1665,284 @@ exports[`OE - Gallery renders correctly with less than 5 items 1`] = `
   <div
     class="bcl-gallery"
   >
+    
+    
     <div
       class="d-sm-flex flex-sm-row align-items-sm-center"
     >
+      
+      
       <div
         class="flex-sm-grow-1"
       >
+        
+      
+
+  
+  
+
+
+
         <h2
           class="mb-4 bcl-heading"
         >
           Media gallery title
         </h2>
+        
+    
       </div>
+      
+  
       <div
         class="mb-3 mb-sm-0 fw-bold"
       >
         (3) medias
       </div>
     </div>
+    
+    
     <div
       class="bcl-gallery__thumbnails"
     >
+      
+            
       <ul
         class="bcl-gallery__grid"
       >
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="0"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   First slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the first slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="First slide"
               src="https://picsum.photos/id/1005/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="1"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/101/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="2"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+      
               <span
                 class="bcl-gallery__item-play-icon"
               >
+                
+    
+
+
+
+  
+
+
                 <svg
                   class="bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#play-fill"
                   />
+                  
+
                 </svg>
+                
+
+    
               </span>
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/1012/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+              
       </ul>
+      
+            
     </div>
+    
+  
     <div
       aria-hidden="true"
       aria-labelledby="modalGalleryExample"
@@ -1051,137 +1951,249 @@ exports[`OE - Gallery renders correctly with less than 5 items 1`] = `
       id="modalGalleryExample"
       tabindex="-1"
     >
+      
+    
       <div
         class="modal-dialog modal-dialog-centered modal-fullscreen"
       >
+        
+      
         <div
           class="modal-content"
         >
+          
+        
           <div
             class="modal-header border-0 justify-content-between"
           >
+            
+                  
             <div
               class="modal-title"
             >
+              
+                          
+
+
+
+
+
+
               <h3
                 class="d-sm-block d-none bcl-heading"
               >
                 Media gallery title
               </h3>
+              
+                      
             </div>
+            
+                  
             <div
               class="carousel-pager"
             >
+              
+            
               <span>
                 1
               </span>
                / 3
             </div>
+            
+          
             <div
               class="modal-close"
             >
+              
+                        
+
+
+
               <button
                 aria-label="Close"
                 class="btn-close"
                 data-bs-dismiss="modal"
                 type="button"
               />
+              
+
+          
             </div>
+            
+        
           </div>
+          
+        
           <div
             class="modal-body d-flex align-items-center justify-content-center"
           >
+            
+                                                                                              
+
+
+
+  
+  
+
+
+
+
             <div
               class="carousel slide"
               id="carouselGalleryExample"
             >
+              
+  
               <div
                 class="carousel-inner"
               >
+                
+                            
                 <div
                   class="carousel-item active"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1005/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       First slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the first slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="slide"
                     data-src="https://picsum.photos/id/101/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <iframe
                     data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                     frameborder="0"
                   />
+                  
+            
                 </div>
+                
+        
               </div>
+              
+  
               <button
                 class="carousel-control-prev"
                 data-bs-slide="prev"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-prev-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Previous
                 </span>
+                
+    
               </button>
+              
+  
               <button
                 class="carousel-control-next"
                 data-bs-slide="next"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-next-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Next
                 </span>
+                
+    
               </button>
+              
+
             </div>
+            
+
+                
           </div>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -1191,500 +2203,977 @@ exports[`OE - Gallery renders correctly with new counter 1`] = `
   <div
     class="bcl-gallery"
   >
+    
+    
     <div
       class="d-sm-flex flex-sm-row align-items-sm-center"
     >
+      
+      
       <div
         class="flex-sm-grow-1"
       >
+        
+      
+
+  
+  
+
+
+
         <h2
           class="mb-4 bcl-heading"
         >
           Media gallery title
         </h2>
+        
+    
       </div>
+      
+  
       <div
         class="mb-3 mb-sm-0 fw-bold"
       />
     </div>
+    
+    
     <div
       class="bcl-gallery__thumbnails"
     >
+      
+            
       <ul
         class="bcl-gallery__grid"
       >
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="0"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   First slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the first slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="First slide"
               src="https://picsum.photos/id/1005/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="1"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/101/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="2"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+      
               <span
                 class="bcl-gallery__item-play-icon"
               >
+                
+    
+
+
+
+  
+
+
                 <svg
                   class="bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#play-fill"
                   />
+                  
+
                 </svg>
+                
+
+    
               </span>
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/1012/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="3"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="Slide"
               src="https://picsum.photos/id/1015/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="4"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+      
               <span
                 class="bcl-gallery__item-play-icon"
               >
+                
+    
+
+
+
+  
+
+
                 <svg
                   class="bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#play-fill"
                   />
+                  
+
                 </svg>
+                
+
+    
               </span>
+              
+      
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/1081/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+              
       </ul>
+      
+                
       <div
         class="bcl-gallery__thumbnails-collaspe collapse"
         id="collapseGalleryExample"
       >
+        
+          
         <ul
           class="bcl-gallery__grid"
         >
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="5"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1018/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="6"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1026/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="7"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+            
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1043/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="8"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1050/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="9"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Last slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1071/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+              
         </ul>
+        
+                
         <ul
           class="bcl-gallery__grid"
         >
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="10"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Last slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1077/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="11"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+      
                 <span
                   class="bcl-gallery__item-play-icon"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#play-fill"
                     />
+                    
+
                   </svg>
+                  
+
+    
                 </span>
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1012/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="12"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+      
                 <span
                   class="bcl-gallery__item-play-icon"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#play-fill"
                     />
+                    
+
                   </svg>
+                  
+
+    
                 </span>
+                
+      
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1081/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+              
         </ul>
+        
+          
       </div>
+      
+                
       <div
         class="bg-lighter py-3 px-4 mt-2 rounded text-center"
       >
+        
+        
         <a
           aria-controls="collapseGalleryExample"
           aria-expanded="false"
@@ -1693,24 +3182,45 @@ exports[`OE - Gallery renders correctly with new counter 1`] = `
           href="#collapseGalleryExample"
           role="button"
         >
+          
+          
           <span
             class="label-collapsed"
           >
             view the full gallery (13)
           </span>
+          
+          
           <span
             class="label-expanded"
           >
             view less
           </span>
+          
+          
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+        
         </a>
+        
+        
         <a
           class="bcl-gallery__mobile-view-more standalone d-inline-block d-sm-none"
           data-bs-slide-to="4"
@@ -1718,27 +3228,55 @@ exports[`OE - Gallery renders correctly with new counter 1`] = `
           href="#"
           role="button"
         >
+          
+          
           <span
             data-bs-target="#modalGalleryExample"
             data-bs-toggle="modal"
           >
+            
+            
             <span
               class="label-collapsed"
             >
               view the full gallery (13)
             </span>
+            
+            
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--2xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#caret-down-fill"
               />
+              
+
             </svg>
-            <span />
+            
+
+          
+            <span>
+              
+        
+            </span>
           </span>
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+  
     <div
       aria-hidden="true"
       aria-labelledby="modalGalleryExample"
@@ -1747,335 +3285,573 @@ exports[`OE - Gallery renders correctly with new counter 1`] = `
       id="modalGalleryExample"
       tabindex="-1"
     >
+      
+    
       <div
         class="modal-dialog modal-dialog-centered modal-fullscreen"
       >
+        
+      
         <div
           class="modal-content"
         >
+          
+        
           <div
             class="modal-header border-0 justify-content-between"
           >
+            
+                  
             <div
               class="modal-title"
             >
+              
+                          
+
+
+
+
+
+
               <h3
                 class="d-sm-block d-none bcl-heading"
               >
                 Media gallery title
               </h3>
+              
+                      
             </div>
+            
+                  
             <div
               class="carousel-pager"
             >
+              
+            
               <span>
                 1
               </span>
                / 13
             </div>
+            
+          
             <div
               class="modal-close"
             >
+              
+                        
+
+
+
               <button
                 aria-label="Close"
                 class="btn-close"
                 data-bs-dismiss="modal"
                 type="button"
               />
+              
+
+          
             </div>
+            
+        
           </div>
+          
+        
           <div
             class="modal-body d-flex align-items-center justify-content-center"
           >
+            
+                                                                                                                                                                                                                                                                                                                          
+
+
+
+  
+  
+
+
+
+
             <div
               class="carousel slide"
               id="carouselGalleryExample"
             >
+              
+  
               <div
                 class="carousel-inner"
               >
+                
+                            
                 <div
                   class="carousel-item active"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1005/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       First slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the first slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="slide"
                     data-src="https://picsum.photos/id/101/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <iframe
                     data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                     frameborder="0"
                   />
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="slide"
                     data-src="https://picsum.photos/id/1015/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <video
                     controls="controls"
                     poster="https://picsum.photos/id/1081/800/400"
                   >
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                       type="video/mp4"
                     />
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                       type="video/webm"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="English"
                       src="/captions/bunny-en.vtt"
                       srclang="en"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="français"
                       src="/captions/bunny-fr.vtt"
                       srclang="fr"
                     />
+                    
+              
                   </video>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1018/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1026/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1043/800/400"
                   />
+                  
+                          
                   <div
                     class="carousel-caption"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+                                
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1050/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                            
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1071/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Last slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1077/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Last slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <iframe
                     data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                     frameborder="0"
                   />
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <video
                     controls="controls"
                     poster="https://picsum.photos/id/1081/800/400"
                   >
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                       type="video/mp4"
                     />
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                       type="video/webm"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="English"
                       src="/captions/bunny-en.vtt"
                       srclang="en"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="français"
                       src="/captions/bunny-fr.vtt"
                       srclang="fr"
                     />
+                    
+              
                   </video>
+                  
+            
                 </div>
+                
+        
               </div>
+              
+  
               <button
                 class="carousel-control-prev"
                 data-bs-slide="prev"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-prev-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Previous
                 </span>
+                
+    
               </button>
+              
+  
               <button
                 class="carousel-control-next"
                 data-bs-slide="next"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-next-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Next
                 </span>
+                
+    
               </button>
+              
+
             </div>
+            
+
+                
           </div>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -2085,507 +3861,993 @@ exports[`OE - Gallery renders correctly with title and link 1`] = `
   <div
     class="bcl-gallery"
   >
+    
+    
     <div
       class="d-sm-flex flex-sm-row align-items-sm-center"
     >
+      
+      
       <div
         class="flex-sm-grow-1"
       >
+        
+      
+
+  
+  
+
+
+
         <h6
           class="mb-4 bcl-heading"
         >
+          
+
+
+
+  
+    
+
           <a
             class="standalone"
             href="/example.html"
           >
             Link label
           </a>
+          
+
         </h6>
+        
+    
       </div>
+      
+  
       <div
         class="mb-3 mb-sm-0 fw-bold"
       >
         (13) medias
       </div>
     </div>
+    
+    
     <div
       class="bcl-gallery__thumbnails"
     >
+      
+            
       <ul
         class="bcl-gallery__grid"
       >
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="0"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   First slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the first slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="First slide"
               src="https://picsum.photos/id/1005/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="1"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/101/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="2"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+      
               <span
                 class="bcl-gallery__item-play-icon"
               >
+                
+    
+
+
+
+  
+
+
                 <svg
                   class="bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#play-fill"
                   />
+                  
+
                 </svg>
+                
+
+    
               </span>
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/1012/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="3"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+        
               <div
                 class="bcl-gallery__item-caption"
               >
+                
+          
                 <div
                   class="fs-5"
                 >
                   Slide label
                 </div>
+                
+              
                 <div
                   class="bcl-gallery__item-description"
                 >
+                  
+        
                   <p>
                     Some representative placeholder content for the slide.
                   </p>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+    
             </div>
+            
+  
             <img
               alt="Slide"
               src="https://picsum.photos/id/1015/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+                  
         <li>
+          
+          
+
+  
+
+
           <a
             class="bcl-gallery__item d-block w-100 img-fluid"
             data-bs-slide-to="4"
             data-bs-target="#carouselGalleryExample"
             tabindex="0"
           >
+            
+  
             <div
               class="bcl-gallery__item-overlay"
               data-bs-target="#modalGalleryExample"
               data-bs-toggle="modal"
             >
+              
+      
               <span
                 class="bcl-gallery__item-play-icon"
               >
+                
+    
+
+
+
+  
+
+
                 <svg
                   class="bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#play-fill"
                   />
+                  
+
                 </svg>
+                
+
+    
               </span>
+              
+      
             </div>
+            
+  
             <img
               alt="slide"
               src="https://picsum.photos/id/1081/400/400"
             />
+            
+
           </a>
+          
+
+          
         </li>
+        
+              
       </ul>
+      
+                
       <div
         class="bcl-gallery__thumbnails-collaspe collapse"
         id="collapseGalleryExample"
       >
+        
+          
         <ul
           class="bcl-gallery__grid"
         >
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="5"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1018/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="6"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1026/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="7"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+            
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1043/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="8"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1050/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="9"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Last slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1071/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+              
         </ul>
+        
+                
         <ul
           class="bcl-gallery__grid"
         >
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="10"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Last slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1077/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="11"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+      
                 <span
                   class="bcl-gallery__item-play-icon"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#play-fill"
                     />
+                    
+
                   </svg>
+                  
+
+    
                 </span>
+                
+        
                 <div
                   class="bcl-gallery__item-caption"
                 >
+                  
+          
                   <div
                     class="fs-5"
                   >
                     Slide label
                   </div>
+                  
+              
                   <div
                     class="bcl-gallery__item-description"
                   >
+                    
+        
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                    
+      
                   </div>
+                  
+        
                 </div>
+                
+    
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1012/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+                  
           <li>
+            
+          
+
+  
+
+
             <a
               class="bcl-gallery__item d-block w-100 img-fluid"
               data-bs-slide-to="12"
               data-bs-target="#carouselGalleryExample"
               tabindex="0"
             >
+              
+  
               <div
                 class="bcl-gallery__item-overlay"
                 data-bs-target="#modalGalleryExample"
                 data-bs-toggle="modal"
               >
+                
+      
                 <span
                   class="bcl-gallery__item-play-icon"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#play-fill"
                     />
+                    
+
                   </svg>
+                  
+
+    
                 </span>
+                
+      
               </div>
+              
+  
               <img
                 alt="slide"
                 src="https://picsum.photos/id/1081/400/400"
               />
+              
+
             </a>
+            
+
+          
           </li>
+          
+              
         </ul>
+        
+          
       </div>
+      
+                
       <div
         class="bg-lighter py-3 px-4 mt-2 rounded text-center"
       >
+        
+        
         <a
           aria-controls="collapseGalleryExample"
           aria-expanded="false"
@@ -2594,24 +4856,45 @@ exports[`OE - Gallery renders correctly with title and link 1`] = `
           href="#collapseGalleryExample"
           role="button"
         >
+          
+          
           <span
             class="label-collapsed"
           >
             view the full gallery (13)
           </span>
+          
+          
           <span
             class="label-expanded"
           >
             view less
           </span>
+          
+          
+
+
+
+
+
+
           <svg
             class="ms-2-5 bi icon--2xs"
           >
+            
+  
             <use
               xlink:href="/icons.svg#caret-down-fill"
             />
+            
+
           </svg>
+          
+
+        
         </a>
+        
+        
         <a
           class="bcl-gallery__mobile-view-more standalone d-inline-block d-sm-none"
           data-bs-slide-to="4"
@@ -2619,27 +4902,55 @@ exports[`OE - Gallery renders correctly with title and link 1`] = `
           href="#"
           role="button"
         >
+          
+          
           <span
             data-bs-target="#modalGalleryExample"
             data-bs-toggle="modal"
           >
+            
+            
             <span
               class="label-collapsed"
             >
               view the full gallery (13)
             </span>
+            
+            
+
+
+
+
+
+
             <svg
               class="ms-2-5 bi icon--2xs"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#caret-down-fill"
               />
+              
+
             </svg>
-            <span />
+            
+
+          
+            <span>
+              
+        
+            </span>
           </span>
         </a>
+        
+      
       </div>
+      
+      
     </div>
+    
+  
     <div
       aria-hidden="true"
       aria-labelledby="modalGalleryExample"
@@ -2648,335 +4959,573 @@ exports[`OE - Gallery renders correctly with title and link 1`] = `
       id="modalGalleryExample"
       tabindex="-1"
     >
+      
+    
       <div
         class="modal-dialog modal-dialog-centered modal-fullscreen"
       >
+        
+      
         <div
           class="modal-content"
         >
+          
+        
           <div
             class="modal-header border-0 justify-content-between"
           >
+            
+                  
             <div
               class="modal-title"
             >
+              
+                          
+
+
+
+
+
+
               <h3
                 class="d-sm-block d-none bcl-heading"
               >
                 File test title
               </h3>
+              
+                      
             </div>
+            
+                  
             <div
               class="carousel-pager"
             >
+              
+            
               <span>
                 1
               </span>
                / 13
             </div>
+            
+          
             <div
               class="modal-close"
             >
+              
+                        
+
+
+
               <button
                 aria-label="Close"
                 class="btn-close"
                 data-bs-dismiss="modal"
                 type="button"
               />
+              
+
+          
             </div>
+            
+        
           </div>
+          
+        
           <div
             class="modal-body d-flex align-items-center justify-content-center"
           >
+            
+                                                                                                                                                                                                                                                                                                                          
+
+
+
+  
+  
+
+
+
+
             <div
               class="carousel slide"
               id="carouselGalleryExample"
             >
+              
+  
               <div
                 class="carousel-inner"
               >
+                
+                            
                 <div
                   class="carousel-item active"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1005/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       First slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the first slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="slide"
                     data-src="https://picsum.photos/id/101/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <iframe
                     data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                     frameborder="0"
                   />
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="slide"
                     data-src="https://picsum.photos/id/1015/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <video
                     controls="controls"
                     poster="https://picsum.photos/id/1081/800/400"
                   >
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                       type="video/mp4"
                     />
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                       type="video/webm"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="English"
                       src="/captions/bunny-en.vtt"
                       srclang="en"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="français"
                       src="/captions/bunny-fr.vtt"
                       srclang="fr"
                     />
+                    
+              
                   </video>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1018/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1026/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="Slide"
                     data-src="https://picsum.photos/id/1043/800/400"
                   />
+                  
+                          
                   <div
                     class="carousel-caption"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Slide label
                     </div>
+                    
+                                
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1050/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                            
                     <p>
                       Some representative placeholder content for the slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1071/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Last slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <img
                     alt="First slide"
                     data-src="https://picsum.photos/id/1077/800/400"
                   />
+                  
+                                        
                   <div
                     class="carousel-caption d-none d-md-block"
                   >
+                    
+                                        
                     <div
                       class="fs-5"
                     >
                       Last slide label
                     </div>
+                    
+          
                     <p>
                       Some representative placeholder content for the last slide.
                     </p>
+                                          
                   </div>
+                  
+        
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <iframe
                     data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                     frameborder="0"
                   />
+                  
+            
                 </div>
+                
+                
                 <div
                   class="carousel-item"
                 >
+                  
+          
                   <video
                     controls="controls"
                     poster="https://picsum.photos/id/1081/800/400"
                   >
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                       type="video/mp4"
                     />
+                    
+                
                     <source
                       src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                       type="video/webm"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="English"
                       src="/captions/bunny-en.vtt"
                       srclang="en"
                     />
+                    
+                
                     <track
                       kind="captions"
                       label="français"
                       src="/captions/bunny-fr.vtt"
                       srclang="fr"
                     />
+                    
+              
                   </video>
+                  
+            
                 </div>
+                
+        
               </div>
+              
+  
               <button
                 class="carousel-control-prev"
                 data-bs-slide="prev"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-prev-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Previous
                 </span>
+                
+    
               </button>
+              
+  
               <button
                 class="carousel-control-next"
                 data-bs-slide="next"
                 data-bs-target="#carouselGalleryExample"
                 type="button"
               >
+                
+    
                 <span
                   class="carousel-control-next-icon"
                 />
+                
+      
                 <span
                   class="visually-hidden"
                 >
                   Next
                 </span>
+                
+    
               </button>
+              
+
             </div>
+            
+
+                
           </div>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-gallery/gallery-item.html.twig b/src/compositions/bcl-gallery/gallery-item.html.twig
index 53274fbd5..dc8d85870 100644
--- a/src/compositions/bcl-gallery/gallery-item.html.twig
+++ b/src/compositions/bcl-gallery/gallery-item.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
 Parameters:
   - item (object) (default: {})
@@ -62,4 +60,3 @@ Parameters:
   {{ _item.thumbnail }}
 </a>
 
-{% endapply %}
diff --git a/src/compositions/bcl-gallery/gallery.html.twig b/src/compositions/bcl-gallery/gallery.html.twig
index 02dacb5dd..8f75124a0 100644
--- a/src/compositions/bcl-gallery/gallery.html.twig
+++ b/src/compositions/bcl-gallery/gallery.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
 Parameters:
   - id (string) (default: gallery-random(10000))
@@ -192,4 +190,3 @@ Parameters:
 </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-glossary/__snapshots__/glossary.test.js.snap b/src/compositions/bcl-glossary/__snapshots__/glossary.test.js.snap
index 3acf1f281..3ebc06bb3 100644
--- a/src/compositions/bcl-glossary/__snapshots__/glossary.test.js.snap
+++ b/src/compositions/bcl-glossary/__snapshots__/glossary.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Glossary detail renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Glossary detail renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Glossary detail renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Glossary detail renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Glossary detail renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Glossary detail renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Glossary detail renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Glossary detail renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Glossary detail renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Glossary detail renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Glossary detail renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Glossary detail renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,61 +2281,163 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="pb-4 pb-md-4-75 bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Active substance
                 </h1>
-                  The substance responsible for the activity of a medicine.    
+                
+  The substance responsible for the activity of a medicine.    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                        
+            	
+
+  
+  
+
+
+
           <h2
             class="mb-4 bcl-heading"
           >
             Description
           </h2>
+          
+
+	
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
 	volutpat ultricies massa, a dapibus libero porta nec. Sed facilisis dictum vestibulum. 
@@ -1157,12 +2448,16 @@ exports[`OE - Glossary detail renders correctly 1`] = `
 	Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris, a fermentum libero orci semper lacus. 
 	Duis tristique fringilla magna, eu egestas dolor molestie non.
           </p>
+          
+	
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse volutpat ultricies massa, 
 	a dapibus libero porta nec. Sed facilisis dictum vestibulum. Fusce commodo hendrerit diam, pretium tempus
 	leo varius sit amet. Etiam interdum, orci at sagittis luctus, lorem libero tempus mauris, a fermentum libero
 	orci semper lacus. Duis tristique fringilla magna, eu egestas dolor molestie non. 
           </p>
+          
+	
           <p>
             Lorem ipsum dolor
 	sit amet, consectetur adipiscing elit. Suspendisse volutpat ultricies massa, a dapibus libero porta nec.
@@ -1171,43 +2466,96 @@ exports[`OE - Glossary detail renders correctly 1`] = `
 	lorem libero tempus mauris, a fermentum libero orci semper lacus. Duis tristique fringilla magna,
 	eu egestas dolor molestie non. 
           </p>
+          
+
+	
+
+
+
+
+
+
           <h2
             class="mt-5 mb-4 bcl-heading"
           >
             File Downloads
           </h2>
+          
+
+			    
           <div>
+            
+      
+
+
+
+  
+
+    
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -1218,7 +2566,17 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -1226,23 +2584,58 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown"
                     aria-expanded="false"
@@ -1252,28 +2645,53 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                                                
                         <small
                           class="fw-bold m-0"
                         >
@@ -1284,10 +2702,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1295,26 +2725,53 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                                                
                         <small
                           class="fw-bold m-0"
                         >
@@ -1325,10 +2782,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1336,26 +2805,53 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                                                
                         <small
                           class="fw-bold m-0"
                         >
@@ -1366,10 +2862,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1377,20 +2885,43 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2"
                     >
@@ -1402,45 +2933,100 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+    
           </div>
+          
+								    
           <div
             class="mt-4"
           >
+            
+      
+
+
+
+  
+
+    
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -1451,7 +3037,17 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -1459,23 +3055,58 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-1"
                     aria-expanded="false"
@@ -1485,28 +3116,53 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-1"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                                                
                         <small
                           class="fw-bold m-0"
                         >
@@ -1517,10 +3173,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1528,26 +3196,53 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                                                
                         <small
                           class="fw-bold m-0"
                         >
@@ -1558,10 +3253,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1569,26 +3276,53 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                                                
                         <small
                           class="fw-bold m-0"
                         >
@@ -1599,10 +3333,22 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1610,20 +3356,43 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
-                          <svg
+
+
+
+
+
+
+                          <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2"
                     >
@@ -1635,27 +3404,65 @@ exports[`OE - Glossary detail renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+    
           </div>
+          
+	              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1666,187 +3473,396 @@ exports[`OE - Glossary detail renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -1856,28 +3872,42 @@ exports[`OE - Glossary listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -1887,56 +3917,140 @@ exports[`OE - Glossary listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -1949,42 +4063,78 @@ exports[`OE - Glossary listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -1994,41 +4144,88 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2039,6 +4236,10 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2046,142 +4247,322 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2191,6 +4572,10 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2198,158 +4583,371 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2357,30 +4955,71 @@ exports[`OE - Glossary listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2391,142 +5030,335 @@ exports[`OE - Glossary listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2534,12 +5366,18 @@ exports[`OE - Glossary listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2549,6 +5387,8 @@ exports[`OE - Glossary listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2556,21 +5396,29 @@ exports[`OE - Glossary listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2578,6 +5426,8 @@ exports[`OE - Glossary listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2588,6 +5438,8 @@ exports[`OE - Glossary listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2595,9 +5447,28 @@ exports[`OE - Glossary listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2605,80 +5476,151 @@ exports[`OE - Glossary listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2687,6 +5629,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2695,6 +5645,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2703,6 +5661,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2711,6 +5677,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2719,6 +5693,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2727,6 +5709,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2735,6 +5725,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2742,14 +5740,35 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
-                        <svg
-                          class="ms-2-5 bi icon--s"
-                        >
+
+
+
+
+
+
+                        <svg
+                          class="ms-2-5 bi icon--s"
+                        >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2758,6 +5777,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2766,6 +5793,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2774,6 +5809,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -2782,10 +5825,22 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2794,6 +5849,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -2802,6 +5865,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2810,6 +5881,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2818,6 +5897,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -2826,6 +5913,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -2834,6 +5929,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -2842,6 +5945,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -2850,6 +5961,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -2858,6 +5977,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -2866,6 +5993,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -2874,6 +6009,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -2882,23 +6025,49 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -2907,6 +6076,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -2915,6 +6092,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -2923,10 +6108,22 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -2935,6 +6132,14 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -2943,69 +6148,198 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Glossary
                 </h1>
+                
+  
                 <p>
                   Glossary of regulatory terms gives definitions for the main regulatory terms used on this website and in XXX documents.
                 </p>
+                
+           
                 <p>
                   Disclaimer: XXX has developed the definitions in this glossary to help this website's users understand regulatory terminology. Definitions may differ from those given in European Union legislation.    
                 </p>
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+      		
+
+    
+
+
+
+
+
+
+
+
+  
+  
+
+
+  
+
+
         <nav
           aria-label="aria label"
           class="bcl-glossary"
           role="navigation"
         >
+          
+  
           <ul
             class="pagination pagination--glossary"
           >
+            
+                                                        
             <li
               class="page-item active"
             >
+              
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
               <a
                 aria-current="page"
                 class="page-link"
@@ -3013,881 +6347,2496 @@ exports[`OE - Glossary listing renders correctly 1`] = `
               >
                 A
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 B
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 C
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 D
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 E
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 F
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 G
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 H
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 I
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 J
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 K
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 L
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 M
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 N
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 O
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 P
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 Q
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 R
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 S
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 T
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 U
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 V
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 W
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 X
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 Y
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 Z
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 0
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 1
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 2
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 3
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 4
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 5
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 6
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 7
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 8
               </a>
+              
+
+      
             </li>
+            
+                                  
             <li
               class="page-item"
             >
+              
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
               <a
                 class="page-link"
                 href="/example.html"
               >
                 9
               </a>
+              
+
+      
             </li>
+            
+                    
           </ul>
+          
+
         </nav>
+        
+
+	
         <div
           class="col-12"
         >
+          
+	  
           <div
             class="d-md-flex justify-content-end mb-md-4-75 align-items-center border-bottom-md border-top-md border-gray-300 py-3"
           >
+            
+	    
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
             <label
               class="form-label mb-0"
             >
               Sort by
             </label>
+            
+  
+
             <select
               aria-label="sort-select"
               class="mt-2 mt-md-0 mb-4 mb-md-0 mx-md-4 w-auto form-select"
             >
+              
+            
               <option
                 value="1"
               >
                 A-Z
               </option>
+              
+                
               <option
                 value="2"
               >
                 Z-A
               </option>
+              
+                
               <option
                 selected
                 value="3"
               >
                 Recent entry
               </option>
+              
+                
               <option
                 value="4"
               >
                 Oldest Entry
               </option>
+              
+                
               <option
                 value="5"
               >
                 Latest update
               </option>
+              
+      
             </select>
+            
+
+	    
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
             <label
               class="form-label mb-0"
             >
               Items per page
             </label>
+            
+  
+
             <select
               aria-label="sort-select"
               class="mt-2 mt-md-0 mb-md-0 ms-md-4 w-auto form-select"
             >
+              
+            
               <option
                 value="10"
               >
                 10
               </option>
+              
+                
               <option
                 selected
                 value="20"
               >
                 20
               </option>
+              
+                
               <option
                 value="50"
               >
                 50
               </option>
+              
+      
             </select>
+            
+
+	  
           </div>
+          
+  
         </div>
+                        
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                	
+
+  
+  
+
+
+
           <h2
             class="mb-4 bcl-heading"
           >
             Starting with "A" (48)
           </h2>
+          
+            
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                              
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Accelerated assessment
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Rapid assessment of medicines in the centralised procedure that are of major interest for public health, especially ones that are therapeutic innovations. Accelerated assessment usually takes 150 evaluation days, rather than 210.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Access to documents
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Active substance
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Active substance master file
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Adjuvant
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Advanced therapy medicinal product
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Adverse drug reaction
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Adverse event
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Ancillary human blood derivative
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Ancillary medicinal substance
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Annual re-assessment
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Article 58 application
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         ATC code
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Ancillary medicinal substance
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Ancillary medicinal substance
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ut ex tristique, dignissim sem ac, bibendum est. Sed vehicula lorem non nunc tincidunt hendrerit. Nunc tristique ante et fringilla fermentum.
                     </p>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -3895,10 +8844,31 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -3906,50 +8876,155 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -3957,42 +9032,110 @@ exports[`OE - Glossary listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -4003,187 +9146,396 @@ exports[`OE - Glossary listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-group/__snapshots__/group.test.js.snap b/src/compositions/bcl-group/__snapshots__/group.test.js.snap
index 72aceddca..f0df281be 100644
--- a/src/compositions/bcl-group/__snapshots__/group.test.js.snap
+++ b/src/compositions/bcl-group/__snapshots__/group.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Group landing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Group landing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Group landing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Group landing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Group landing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Group landing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Group landing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Group landing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Group landing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Group landing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Group landing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Group landing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Group landing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Group landing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Group landing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Group landing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Group landing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Group landing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,45 +2281,106 @@ exports[`OE - Group landing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+  
     <div
       class="container"
     >
+      
+    
       <div
         class="mt-4 mt-md-5"
       >
+        
+          
         <img
           alt="alt img"
           class="d-none d-md-block w-100"
           src="https://picsum.photos/seed/1002/1100/255"
         />
+        
+              
         <div
           class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container"
         >
+          
+        
           <h1
             class="mb-0 d-inline-block"
           >
             Group Name
           </h1>
+          
+                
           <div
             class="d-grid d-md-block ms-auto"
           >
+            
+                                    
+
+
+
+
+
+
             <a
               class="d-md-inline-block me-2 p-2 d-none"
               href="/example.html"
             >
               Leave group
             </a>
+            
+                                                
+
+
+
+  
+
+
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -1141,34 +2391,86 @@ exports[`OE - Group landing renders correctly 1`] = `
             >
               Create content
             </button>
+            
+
+    
             <ul
               aria-labelledby="dropdown-content"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="#"
                 >
                   Create an event
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item"
                   type="button"
                 >
                   Add an article
                 </button>
+                
+
+                
               </li>
+              
+            
             </ul>
+            
+
+                              
           </div>
+          
+              
         </div>
+        
+      
       </div>
+      
+    
+
+
+                    
+                        
+  
+  
+          
+    
       <nav
         class="bcl__nav bg-gray n-mx-container nav nav-tabs"
         role="tablist"
       >
+        
+                                                                                                                                                              
+
+
+
+
+
+
         <a
           class="nav-link active"
           href="/example.html"
@@ -1176,6 +2478,14 @@ exports[`OE - Group landing renders correctly 1`] = `
         >
           Home
         </a>
+        
+                                                                                                                                                              
+
+
+
+
+
+
         <a
           class="nav-link"
           href="/example.html"
@@ -1183,6 +2493,14 @@ exports[`OE - Group landing renders correctly 1`] = `
         >
           Members
         </a>
+        
+                                                                                                                                                              
+
+
+
+
+
+
         <a
           class="nav-link"
           href="/example.html"
@@ -1190,6 +2508,22 @@ exports[`OE - Group landing renders correctly 1`] = `
         >
           Content
         </a>
+        
+                                                                                                                                                                                                              
+
+
+
+
+
+
+  
+      
+
+
+
+
+
+
         <a
           aria-expanded="false"
           class="nav-link dropdown-toggle"
@@ -1200,34 +2534,71 @@ exports[`OE - Group landing renders correctly 1`] = `
         >
           Links
         </a>
+        
+    
         <ul
           aria-hidden="true"
           aria-labelledby="dropdown-1"
           class="dropdown-menu"
           role="presentation"
         >
+          
+                                                                    
           <li>
+            
+                  
+
+
+
+
+
+
             <a
               class="dropdown-item"
               href="/example.html"
             >
               I'm a link
             </a>
+            
+                
           </li>
+          
+                                                                
           <li>
+            
+                  
+
+
+
             <button
               class="dropdown-item"
               type="button"
             >
               I'm a button
             </button>
+            
+
+                
           </li>
+          
+                                                                
           <li>
+            
+                  
             <hr
               class="dropdown-divider"
             />
+            
+                
           </li>
+          
+                                                                
           <li>
+            
+                  
+
+  
+
             <button
               aria-disabled="true"
               class="dropdown-item"
@@ -1236,17 +2607,45 @@ exports[`OE - Group landing renders correctly 1`] = `
             >
               I'm a disabled button
             </button>
+            
+
+                
           </li>
+          
+                                                                                  
           <li>
+            
+                  
+
+
+
             <button
               class="dropdown-item active"
               type="button"
             >
               I'm a active button
             </button>
+            
+
+                
           </li>
+          
+            
         </ul>
+        
+
+                                      
       </nav>
+      
+    
+
+    
+
+
+                                
+
+
+
       <a
         aria-controls="banner-description"
         aria-expanded="false"
@@ -1265,55 +2664,115 @@ exports[`OE - Group landing renders correctly 1`] = `
         >
           Hide group detail
         </span>
+        
+
+
+
+
+
+
         <svg
           class="ms-2-5 bi icon--xs"
         >
+          
+  
           <use
             xlink:href="/icons.svg#caret-down-fill"
           />
+          
+
         </svg>
+        
+
+
       </a>
+      
+  
       <div
         class="collapse d-md-block"
         id="banner-description"
       >
+        
+    
         <div
           class="row mt-md-4 mb-md-5 pb-md-5"
         >
+          
+      
           <div
             class="col-md-8"
           >
+            
+        
             <div
               class="ps-md-3"
             >
+              
+                    
               <div
                 class="d-block"
               >
+                
+                        
                 <p
                   class="mb-0 me-4 d-inline-block text-muted"
                 >
+                  
+              
+
+
+
+
+
+
                   <svg
                     class="me-2 align-top mt-1 bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#key-fill"
                     />
+                    
+
                   </svg>
-                  Public group
+                  
+
+Public group
                 </p>
+                
+                        
                 <p
                   class="mb-0 me-4 d-inline-block text-muted"
                 >
+                  
+              
+
+
+
+
+
+
                   <svg
                     class="me-2 align-top mt-1 bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#people-fill"
                     />
+                    
+
                   </svg>
-                  22 Members
+                  
+
+22 Members
                 </p>
+                
+                      
               </div>
+              
+                    
               <p
                 class="mt-3"
               >
@@ -1323,159 +2782,295 @@ exports[`OE - Group landing renders correctly 1`] = `
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                 <br />
               </p>
+              
+        
             </div>
+            
+      
           </div>
+          
+      
           <div
             class="col-md-4"
           >
+            
+        
             <h2
               class="mb-3 pb-2"
             >
               Contact information
             </h2>
+            
+                              
+
+
+  
+
+
+
             <div
               class="bcl-user-compact d-flex mb-3"
             >
+              
+  
               <div
                 class="flex-shrink-0"
               >
+                
+    
                 <img
                   alt="Stefan Mayer profile picture"
                   class="rounded-pill"
                   src="https://picsum.photos/50/50"
                 />
+                
+  
               </div>
+              
+  
               <div
                 class="flex-grow-1 ms-3"
               >
+                
+      
                 <a
                   class="fs-5 standalone mb-0"
                   href="/example.html"
                 >
                   Stefan Mayer
                 </a>
+                
+  
+      
                 <div
                   class="d-flex flex-wrap"
                 >
+                  
+                
                   <span
                     class="text-muted text-nowrap me-4-5"
                   >
                     DG Test
                   </span>
+                  
+                      
                   <span
                     class="text-muted text-nowrap"
                   >
                     Director
                   </span>
+                  
+              
                 </div>
+                
+    
               </div>
+              
+
             </div>
+            
+
+                      
+
+
+  
+
+
+
             <div
               class="bcl-user-compact d-flex mb-3"
             >
+              
+  
               <div
                 class="flex-shrink-0"
               >
+                
+    
                 <img
                   alt="Stefan Mayer profile picture"
                   class="rounded-pill"
                   src="https://picsum.photos/50/50"
                 />
+                
+  
               </div>
+              
+  
               <div
                 class="flex-grow-1 ms-3"
               >
+                
+      
                 <a
                   class="fs-5 standalone mb-0"
                   href="/example.html"
                 >
                   Stefan Mayer
                 </a>
+                
+  
+      
                 <div
                   class="d-flex flex-wrap"
                 >
+                  
+                
                   <span
                     class="text-muted text-nowrap me-4-5"
                   >
                     DG Test
                   </span>
+                  
+                      
                   <span
                     class="text-muted text-nowrap"
                   >
                     Director
                   </span>
+                  
+              
                 </div>
+                
+    
               </div>
+              
+
             </div>
+            
+
+                      
+
+
+  
+
+
+
             <div
               class="bcl-user-compact d-flex mb-3"
             >
+              
+  
               <div
                 class="flex-shrink-0"
               >
+                
+    
                 <img
                   alt="Stefan Mayer profile picture"
                   class="rounded-pill"
                   src="https://picsum.photos/50/50"
                 />
+                
+  
               </div>
+              
+  
               <div
                 class="flex-grow-1 ms-3"
               >
+                
+      
                 <a
                   class="fs-5 standalone mb-0"
                   href="/example.html"
                 >
                   Stefan Mayer
                 </a>
+                
+  
+      
                 <div
                   class="d-flex flex-wrap"
                 >
+                  
+                
                   <span
                     class="text-muted text-nowrap me-4-5"
                   >
                     DG Test
                   </span>
+                  
+                      
                   <span
                     class="text-muted text-nowrap"
                   >
                     Director
                   </span>
+                  
+              
                 </div>
+                
+    
               </div>
+              
+
             </div>
+            
+
+                                
           </div>
+          
+    
         </div>
+        
+  
       </div>
+      
+  
     </div>
+    
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-12"
         >
+          
+                        
+                
           <div
             class="row mt-3"
           >
+            
+    
             <div
               class="col-md-8"
             >
+              
+      
               <h2
                 class="mb-4 pb-2"
               >
                 Recent activities
               </h2>
+              
+      
+
+  
+
               <div>
+                
+    
                 <div
                   class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
                 >
+                  
+        
                   <div>
                     <img
                       alt="alt-img-1"
@@ -1483,6 +3078,8 @@ exports[`OE - Group landing renders correctly 1`] = `
                       src="https://picsum.photos/50/50?random=1"
                     />
                   </div>
+                  
+            
                   <div>
                     <p
                       class="mb-2"
@@ -1508,9 +3105,13 @@ exports[`OE - Group landing renders correctly 1`] = `
                     </p>
                   </div>
                 </div>
+                
+    
                 <div
                   class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
                 >
+                  
+        
                   <div>
                     <img
                       alt="alt-img-2"
@@ -1518,6 +3119,8 @@ exports[`OE - Group landing renders correctly 1`] = `
                       src="https://picsum.photos/50/50?random=2"
                     />
                   </div>
+                  
+            
                   <div>
                     <p
                       class="mb-2"
@@ -1543,9 +3146,13 @@ exports[`OE - Group landing renders correctly 1`] = `
                     </p>
                   </div>
                 </div>
+                
+    
                 <div
                   class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
                 >
+                  
+        
                   <div>
                     <img
                       alt="alt-img-3"
@@ -1553,6 +3160,8 @@ exports[`OE - Group landing renders correctly 1`] = `
                       src="https://picsum.photos/50/50?random=3"
                     />
                   </div>
+                  
+            
                   <div>
                     <p
                       class="mb-2"
@@ -1578,9 +3187,13 @@ exports[`OE - Group landing renders correctly 1`] = `
                     </p>
                   </div>
                 </div>
+                
+    
                 <div
                   class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
                 >
+                  
+        
                   <div>
                     <img
                       alt="alt-img-4"
@@ -1588,6 +3201,8 @@ exports[`OE - Group landing renders correctly 1`] = `
                       src="https://picsum.photos/50/50?random=4"
                     />
                   </div>
+                  
+            
                   <div>
                     <p
                       class="mb-2"
@@ -1619,9 +3234,13 @@ exports[`OE - Group landing renders correctly 1`] = `
                     </p>
                   </div>
                 </div>
+                
+    
                 <div
                   class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
                 >
+                  
+        
                   <div>
                     <img
                       alt="alt-img-5"
@@ -1629,6 +3248,8 @@ exports[`OE - Group landing renders correctly 1`] = `
                       src="https://picsum.photos/50/50?random=5"
                     />
                   </div>
+                  
+            
                   <div>
                     <p
                       class="mb-2"
@@ -1654,288 +3275,585 @@ exports[`OE - Group landing renders correctly 1`] = `
                     </p>
                   </div>
                 </div>
+                
+  
               </div>
+              
+
+    
             </div>
+            
+    
             <div
               class="col-md-4"
             >
+              
+      
               <h2
                 class="mt-4 mt-md-0 mb-4 pb-2"
               >
                 Latest members
               </h2>
+              
+                        
+
+
+  
+
+
+
               <div
                 class="bcl-user-compact d-flex mb-3"
               >
+                
+  
                 <div
                   class="flex-shrink-0"
                 >
+                  
+    
                   <img
                     alt="Stefan Mayer profile picture"
                     class="rounded-pill"
                     src="https://picsum.photos/50/50?random=6"
                   />
+                  
+  
                 </div>
+                
+  
                 <div
                   class="flex-grow-1 ms-3"
                 >
+                  
+      
                   <a
                     class="fs-5 standalone mb-0"
                     href="/example.html"
                   >
                     Stefan Mayer
                   </a>
+                  
+  
+      
                   <div
                     class="d-flex flex-wrap"
                   >
+                    
+                
                     <span
                       class="text-muted text-nowrap me-4-5"
                     >
                       DG Test
                     </span>
+                    
+                      
                     <span
                       class="text-muted text-nowrap"
                     >
                       Director
                     </span>
+                    
+              
                   </div>
+                  
+    
                 </div>
+                
+
               </div>
+              
+
+                  
+
+
+  
+
+
+
               <div
                 class="bcl-user-compact d-flex mb-3"
               >
+                
+  
                 <div
                   class="flex-shrink-0"
                 >
+                  
+    
                   <img
                     alt="Stefan Mayer profile picture"
                     class="rounded-pill"
                     src="https://picsum.photos/50/50?random=7"
                   />
+                  
+  
                 </div>
+                
+  
                 <div
                   class="flex-grow-1 ms-3"
                 >
+                  
+      
                   <a
                     class="fs-5 standalone mb-0"
                     href="/example.html"
                   >
                     Stefan Mayer
                   </a>
+                  
+  
+      
                   <div
                     class="d-flex flex-wrap"
                   >
+                    
+                
                     <span
                       class="text-muted text-nowrap me-4-5"
                     >
                       DG Test
                     </span>
+                    
+                      
                     <span
                       class="text-muted text-nowrap"
                     >
                       Director
                     </span>
+                    
+              
                   </div>
+                  
+    
                 </div>
+                
+
               </div>
+              
+
+                  
+
+
+  
+
+
+
               <div
                 class="bcl-user-compact d-flex mb-3"
               >
+                
+  
                 <div
                   class="flex-shrink-0"
                 >
+                  
+    
                   <img
                     alt="Stefan Mayer profile picture"
                     class="rounded-pill"
                     src="https://picsum.photos/50/50?random=8"
                   />
+                  
+  
                 </div>
+                
+  
                 <div
                   class="flex-grow-1 ms-3"
                 >
+                  
+      
                   <a
                     class="fs-5 standalone mb-0"
                     href="/example.html"
                   >
                     Stefan Mayer
                   </a>
+                  
+  
+      
                   <div
                     class="d-flex flex-wrap"
                   >
+                    
+                
                     <span
                       class="text-muted text-nowrap me-4-5"
                     >
                       DG Test
                     </span>
+                    
+                      
                     <span
                       class="text-muted text-nowrap"
                     >
                       Director
                     </span>
+                    
+              
                   </div>
+                  
+    
                 </div>
+                
+
               </div>
+              
+
+                  
+
+
+  
+
+
+
               <div
                 class="bcl-user-compact d-flex mb-3"
               >
+                
+  
                 <div
                   class="flex-shrink-0"
                 >
+                  
+    
                   <img
                     alt="Stefan Mayer profile picture"
                     class="rounded-pill"
                     src="https://picsum.photos/50/50?random=9"
                   />
+                  
+  
                 </div>
+                
+  
                 <div
                   class="flex-grow-1 ms-3"
                 >
+                  
+      
                   <a
                     class="fs-5 standalone mb-0"
                     href="/example.html"
                   >
                     Stefan Mayer
                   </a>
+                  
+  
+      
                   <div
                     class="d-flex flex-wrap"
                   >
+                    
+                
                     <span
                       class="text-muted text-nowrap me-4-5"
                     >
                       DG Test
                     </span>
+                    
+                      
                     <span
                       class="text-muted text-nowrap"
                     >
                       Director
                     </span>
+                    
+              
                   </div>
+                  
+    
                 </div>
+                
+
               </div>
+              
+
+                  
+
+
+  
+
+
+
               <div
                 class="bcl-user-compact d-flex mb-3"
               >
+                
+  
                 <div
                   class="flex-shrink-0"
                 >
+                  
+    
                   <img
                     alt="Stefan Mayer profile picture"
                     class="rounded-pill"
                     src="https://picsum.photos/50/50?random=10"
                   />
+                  
+  
                 </div>
+                
+  
                 <div
                   class="flex-grow-1 ms-3"
                 >
+                  
+      
                   <a
                     class="fs-5 standalone mb-0"
                     href="/example.html"
                   >
                     Stefan Mayer
                   </a>
+                  
+  
+      
                   <div
                     class="d-flex flex-wrap"
                   >
+                    
+                
                     <span
                       class="text-muted text-nowrap me-4-5"
                     >
                       DG Test
                     </span>
+                    
+                      
                     <span
                       class="text-muted text-nowrap"
                     >
                       Director
                     </span>
+                    
+              
                   </div>
+                  
+    
                 </div>
+                
+
               </div>
+              
+
+                  
+
+
+  
+
+
+
               <div
                 class="bcl-user-compact d-flex mb-3"
               >
+                
+  
                 <div
                   class="flex-shrink-0"
                 >
+                  
+    
                   <img
                     alt="Stefan Mayer profile picture"
                     class="rounded-pill"
                     src="https://picsum.photos/50/50?random=11"
                   />
+                  
+  
                 </div>
+                
+  
                 <div
                   class="flex-grow-1 ms-3"
                 >
+                  
+      
                   <a
                     class="fs-5 standalone mb-0"
                     href="/example.html"
                   >
                     Stefan Mayer
                   </a>
+                  
+  
+      
                   <div
                     class="d-flex flex-wrap"
                   >
+                    
+                
                     <span
                       class="text-muted text-nowrap me-4-5"
                     >
                       DG Test
                     </span>
+                    
+                      
                     <span
                       class="text-muted text-nowrap"
                     >
                       Director
                     </span>
+                    
+              
                   </div>
+                  
+    
                 </div>
+                
+
               </div>
+              
+
+                            
+
+
+                                
+
+
+
               <a
                 class="py-2 d-inline-block"
                 href="/example.html"
               >
                 See all group members
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--xs"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#chevron-right"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+          
             </div>
+            
+  
           </div>
+          
+        
           <h2
             class="my-4 pt-3 pb-2"
           >
             Latest contributions
           </h2>
+          
+          
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--highlight-3-col"
           >
+            
+
+
+                                              
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+      
+  
+
+
+                  
+  
+
+
             <div
               class="row row-cols-1 row-cols-md-3 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                 >
+                  
+                    
                   <img
                     alt="alt img"
                     class="card-img-top mb-3"
                     src="https://picsum.photos/seed/1002/600/400"
                   />
+                  
+    
                   <div
                     class="card-body pt-0"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Card title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2"
                     >
@@ -1954,44 +3872,102 @@ exports[`OE - Group landing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                                          
+
+  
+  
+
+
                       <span
                         class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                       >
                         Label
                       </span>
+                              
+                                                        
+
+  
+  
+
+
                       <span
                         class="mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Label
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+              
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                 >
+                  
+                    
                   <img
                     alt="alt img"
                     class="card-img-top mb-3"
                     src="https://picsum.photos/seed/1003/600/400"
                   />
+                  
+    
                   <div
                     class="card-body pt-0"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Card title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2"
                     >
@@ -2010,49 +3986,114 @@ exports[`OE - Group landing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                                          
+
+  
+  
+
+
                       <span
                         class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                       >
                         Label
                       </span>
+                              
+                                                                          
+
+  
+  
+
+
                       <span
                         class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                       >
                         Label
                       </span>
+                              
+                                                        
+
+  
+  
+
+
                       <span
                         class="mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Label
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+              
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                 >
+                  
+                    
                   <img
                     alt="alt img"
                     class="card-img-top mb-3"
                     src="https://picsum.photos/seed/1004/600/400"
                   />
+                  
+    
                   <div
                     class="card-body pt-0"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Card title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2"
                     >
@@ -2071,46 +4112,115 @@ exports[`OE - Group landing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Label
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+              
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+      
+
+
+                                
+
+
+
             <a
               class="pt-1 pb-2 mt-3-5 d-inline-block"
               href="/example.html"
             >
               See all group contributions
+
+
+
+
+
+
               <svg
                 class="ms-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-right"
                 />
+                
+
               </svg>
+              
+
+
             </a>
+            
+
           </div>
+          
+
+                    
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -2121,187 +4231,396 @@ exports[`OE - Group landing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -2311,28 +4630,42 @@ exports[`OE - Group listing Content renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -2342,56 +4675,140 @@ exports[`OE - Group listing Content renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -2404,42 +4821,78 @@ exports[`OE - Group listing Content renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -2449,41 +4902,88 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2494,6 +4994,10 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2501,142 +5005,322 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2646,6 +5330,10 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2653,158 +5341,371 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2812,30 +5713,71 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2846,142 +5788,335 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2989,12 +6124,18 @@ exports[`OE - Group listing Content renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -3004,6 +6145,8 @@ exports[`OE - Group listing Content renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -3011,21 +6154,29 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -3033,6 +6184,8 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -3043,6 +6196,8 @@ exports[`OE - Group listing Content renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -3050,90 +6205,180 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
-  <div
-    aria-hidden="true"
-    aria-label="languageModalLabel"
-    class="bcl-language-list-modal bcl-language-list-modal--eu modal fade"
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
+  <div
+    aria-hidden="true"
+    aria-label="languageModalLabel"
+    class="bcl-language-list-modal bcl-language-list-modal--eu modal fade"
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -3142,6 +6387,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -3150,6 +6403,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -3158,6 +6419,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -3166,6 +6435,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -3174,6 +6451,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -3182,6 +6467,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -3190,6 +6483,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -3197,14 +6498,35 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -3213,6 +6535,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -3221,6 +6551,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -3229,6 +6567,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -3237,10 +6583,22 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -3249,6 +6607,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -3257,6 +6623,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -3265,6 +6639,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -3273,6 +6655,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -3281,6 +6671,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -3289,6 +6687,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -3297,6 +6703,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -3305,6 +6719,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -3313,6 +6735,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -3321,6 +6751,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -3329,6 +6767,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -3337,23 +6783,49 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -3362,6 +6834,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -3370,6 +6850,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -3378,10 +6866,22 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -3390,6 +6890,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -3398,34 +6906,85 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+  
     <div
       class="container mt-4 mt-md-5"
     >
+      
+  
       <div
         class="col-xxl-11"
       >
+        
+    
         <div
           class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container"
         >
+          
+      
           <h1
             class="mb-0 d-inline-block"
           >
             Group Name
           </h1>
+          
+            
           <div
             class="d-grid d-md-block ms-auto"
           >
+            
+                              
+
+
+
+  
+
+
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -3436,34 +6995,84 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             >
               Create content
             </button>
+            
+
+    
             <ul
               aria-labelledby="dropdown-content"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="#"
                 >
                   Create an event
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item"
                   type="button"
                 >
                   Add an article
                 </button>
+                
+
+                
               </li>
+              
+            
             </ul>
+            
+
+                        
           </div>
+          
+          
         </div>
+        
+      
+
+
+                    
+                        
+  
+  
+          
+    
         <nav
           aria-label="content-navigation"
           class="bcl__nav bg-gray mb-3-5 mb-lg-5 n-mx-container nav nav-tabs"
           role="tablist"
         >
+          
+                                                                                                                                            
+
+
+
+
+
+
           <a
             class="nav-link"
             href="/example.html"
@@ -3471,6 +7080,14 @@ exports[`OE - Group listing Content renders correctly 1`] = `
           >
             Home
           </a>
+          
+                                                                                                                                                              
+
+
+
+
+
+
           <a
             class="nav-link"
             href="/example.html"
@@ -3478,13 +7095,37 @@ exports[`OE - Group listing Content renders correctly 1`] = `
           >
             Members
           </a>
-          <a
-            class="nav-link"
-            href="/example.html"
-            role="tab"
-          >
+          
+                                                                                                                                                              
+
+
+
+
+
+
+          <a
+            class="nav-link"
+            href="/example.html"
+            role="tab"
+          >
             Content
           </a>
+          
+                                                                                                                                                                                                              
+
+
+
+
+
+
+  
+      
+
+
+
+
+
+
           <a
             aria-expanded="false"
             class="nav-link dropdown-toggle"
@@ -3495,34 +7136,71 @@ exports[`OE - Group listing Content renders correctly 1`] = `
           >
             Links
           </a>
+          
+    
           <ul
             aria-hidden="true"
             aria-labelledby="dropdown-1"
             class="dropdown-menu"
             role="presentation"
           >
+            
+                                                                    
             <li>
+              
+                  
+
+
+
+
+
+
               <a
                 class="dropdown-item"
                 href="/example.html"
               >
                 I'm a link
               </a>
+              
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
+
+
+
               <button
                 class="dropdown-item"
                 type="button"
               >
                 I'm a button
               </button>
+              
+
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
               <hr
                 class="dropdown-divider"
               />
+              
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
+
+  
+
               <button
                 aria-disabled="true"
                 class="dropdown-item"
@@ -3531,16 +7209,40 @@ exports[`OE - Group listing Content renders correctly 1`] = `
               >
                 I'm a disabled button
               </button>
+              
+
+                
             </li>
+            
+                                                                                  
             <li>
+              
+                  
+
+
+
               <button
                 class="dropdown-item active"
                 type="button"
               >
                 I'm a active button
               </button>
+              
+
+                
             </li>
+            
+            
           </ul>
+          
+
+                                                                                                                                            
+
+
+
+
+
+
           <a
             aria-label="other-link"
             class="nav-link"
@@ -3549,18 +7251,48 @@ exports[`OE - Group listing Content renders correctly 1`] = `
           >
             Link
           </a>
+          
+                                      
         </nav>
+        
+    
+
+    
       </div>
+      
+
     </div>
+    
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -3568,15 +7300,30 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label=""
@@ -3585,194 +7332,422 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                          
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="content types"
                   >
                     Content types
                   </label>
+                  
+  
+
                   <select
                     class="form-select"
                     id="content types"
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       the selected option
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+  
+
+
+
+
+
+
+
+  
+
+
+
+  
+      
                   <label
                     class="form-label"
                   >
                     Filter A
                   </label>
+                  
+  
+
                   <select
                     aria-label="multiselect"
                     class="multi-select"
                     multiple
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       the selected option
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                    
                 <fieldset
                   class="mb-3"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Filter B
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                                    
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                     <div
                       class="form-check"
                     >
+                      
+    
                       <input
                         checked
                         class="form-check-input"
                         id="checked-filter"
                         type="checkbox"
                       />
+                      
+      
                       <label
                         class="form-check-label"
                         for="checked-filter"
                       >
                         Checked checkbox
                       </label>
+                      
+  
+
                     </div>
+                    
+
+                                                            
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
                     <div
                       class="form-check"
                     >
+                      
+    
                       <input
                         class="form-check-input"
                         id="default-filter"
                         type="checkbox"
                       />
+                      
+      
                       <label
                         class="form-check-label"
                         for="default-filter"
                       >
                         Default checkbox
                       </label>
+                      
+  
+
                     </div>
+                    
+
+                        
                   </div>
+                  
+      
                 </fieldset>
+                
+                                            
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-from"
                   >
                     Creation date (from)
                   </label>
+                  
+  
+    
                   <input
                     class="mb-2 form-control"
                     id="creation-date-from"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                                                          
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-to"
                   >
                     Creation date (to)
                   </label>
+                  
+  
+    
                   <input
                     class="mb-2 form-control"
                     id="creation-date-to"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                        
                 <div
                   class="mt-4 d-grid d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 mb-3-5 mb-md-0 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -3780,35 +7755,78 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Content in the group (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
                 Group name
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -3817,15 +7835,36 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -3834,104 +7873,263 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                              
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Article title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3951,45 +8149,99 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                         >
                           17 October 2019
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
-                          <a
-                            class="standalone"
+                          
+
+
+
+  
+    
+
+                          <a
+                            class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -4009,45 +8261,99 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                         >
                           17 October 2019
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -4066,45 +8372,99 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                         >
                           17 October 2019
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -4124,45 +8484,99 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                         >
                           17 October 2019
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -4172,6 +8586,7 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
@@ -4185,45 +8600,99 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                         >
                           17 October 2019
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -4239,44 +8708,137 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                         >
                           17 October 2019
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -4284,10 +8846,31 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -4295,50 +8878,155 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -4346,42 +9034,110 @@ exports[`OE - Group listing Content renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -4392,187 +9148,396 @@ exports[`OE - Group listing Content renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
-            <a
-              class="standalone"
-              href="/example.html"
+            
+                      
+
+
+                                
+
+
+
+            <a
+              class="standalone"
+              href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -4582,28 +9547,42 @@ exports[`OE - Group listing Member renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -4613,56 +9592,140 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -4675,42 +9738,78 @@ exports[`OE - Group listing Member renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -4720,41 +9819,88 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -4765,6 +9911,10 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4772,142 +9922,322 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -4917,6 +10247,10 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4924,158 +10258,371 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -5083,30 +10630,71 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -5117,142 +10705,335 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -5260,12 +11041,18 @@ exports[`OE - Group listing Member renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -5275,6 +11062,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -5282,21 +11071,29 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -5304,6 +11101,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -5314,6 +11113,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -5321,9 +11122,28 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -5331,80 +11151,151 @@ exports[`OE - Group listing Member renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -5413,6 +11304,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -5421,6 +11320,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -5429,6 +11336,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -5437,6 +11352,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -5445,6 +11368,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -5453,6 +11384,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -5461,6 +11400,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -5468,14 +11415,35 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -5484,14 +11452,30 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         français
                       </a>
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
                         hreflang="ga"
                         lang="ga"
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -5500,6 +11484,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -5508,10 +11500,22 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -5520,6 +11524,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -5528,6 +11540,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -5536,6 +11556,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -5544,6 +11572,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -5552,6 +11588,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -5560,6 +11604,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -5568,6 +11620,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -5576,6 +11636,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -5584,6 +11652,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -5592,6 +11668,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -5600,6 +11684,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -5608,23 +11700,49 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -5633,6 +11751,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -5641,6 +11767,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -5649,10 +11783,22 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -5661,6 +11807,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -5669,34 +11823,85 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+  
     <div
       class="container mt-4 mt-md-5"
     >
+      
+  
       <div
         class="col-xxl-11"
       >
+        
+    
         <div
           class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container"
         >
+          
+      
           <h1
             class="mb-0 d-inline-block"
           >
             Group Name
           </h1>
+          
+            
           <div
             class="d-grid d-md-block ms-auto"
           >
+            
+                              
+
+
+
+  
+
+
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -5707,34 +11912,84 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             >
               Create content
             </button>
+            
+
+    
             <ul
               aria-labelledby="dropdown-content"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="#"
                 >
                   Create an event
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
                 <button
                   class="dropdown-item"
                   type="button"
                 >
                   Add an article
                 </button>
+                
+
+                
               </li>
+              
+            
             </ul>
+            
+
+                        
           </div>
+          
+          
         </div>
+        
+      
+
+
+                    
+                        
+  
+  
+          
+    
         <nav
           aria-label="content-navigation"
           class="bcl__nav bg-gray mb-3-5 mb-lg-5 n-mx-container nav nav-tabs"
           role="tablist"
         >
+          
+                                                                                                                                            
+
+
+
+
+
+
           <a
             class="nav-link"
             href="/example.html"
@@ -5742,6 +11997,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           >
             Home
           </a>
+          
+                                                                                                                                                              
+
+
+
+
+
+
           <a
             class="nav-link"
             href="/example.html"
@@ -5749,6 +12012,14 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           >
             Members
           </a>
+          
+                                                                                                                                                              
+
+
+
+
+
+
           <a
             class="nav-link"
             href="/example.html"
@@ -5756,6 +12027,22 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           >
             Content
           </a>
+          
+                                                                                                                                                                                                              
+
+
+
+
+
+
+  
+      
+
+
+
+
+
+
           <a
             aria-expanded="false"
             class="nav-link dropdown-toggle"
@@ -5766,34 +12053,71 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           >
             Links
           </a>
+          
+    
           <ul
             aria-hidden="true"
             aria-labelledby="dropdown-1"
             class="dropdown-menu"
             role="presentation"
           >
+            
+                                                                    
             <li>
+              
+                  
+
+
+
+
+
+
               <a
                 class="dropdown-item"
                 href="/example.html"
               >
                 I'm a link
               </a>
+              
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
+
+
+
               <button
                 class="dropdown-item"
                 type="button"
               >
                 I'm a button
               </button>
+              
+
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
               <hr
                 class="dropdown-divider"
               />
+              
+                
             </li>
+            
+                                                                
             <li>
+              
+                  
+
+  
+
               <button
                 aria-disabled="true"
                 class="dropdown-item"
@@ -5802,16 +12126,40 @@ exports[`OE - Group listing Member renders correctly 1`] = `
               >
                 I'm a disabled button
               </button>
+              
+
+                
             </li>
+            
+                                                                                  
             <li>
+              
+                  
+
+
+
               <button
                 class="dropdown-item active"
                 type="button"
               >
                 I'm a active button
               </button>
+              
+
+                
             </li>
+            
+            
           </ul>
+          
+
+                                                                                                                                            
+
+
+
+
+
+
           <a
             aria-label="other-link"
             class="nav-link"
@@ -5820,18 +12168,48 @@ exports[`OE - Group listing Member renders correctly 1`] = `
           >
             Link
           </a>
+          
+                                      
         </nav>
+        
+    
+
+    
       </div>
+      
+
     </div>
+    
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -5839,15 +12217,30 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -5856,93 +12249,221 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                              
                 <fieldset
                   class="mb-3"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Search by name
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                                    
+
+
+
+  
+
+
+
+
+
+
+  
+
+
+    
                     <input
                       class="form-control"
                       placeholder="Name"
                       type="text"
                     />
+                    
+
+                        
                   </div>
+                  
+      
                 </fieldset>
+                
+                                  
                 <fieldset
                   class="mb-3"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Search by email
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
-                    <input
-                      class="form-control"
-                      placeholder="Email"
-                      type="text"
-                    />
-                  </div>
-                </fieldset>
-                <div
+                    
+                                                    
+
+
+
+  
+
+
+
+
+
+
+  
+
+
+    
+                    <input
+                      class="form-control"
+                      placeholder="Email"
+                      type="text"
+                    />
+                    
+
+                        
+                  </div>
+                  
+      
+                </fieldset>
+                
+                              
+                <div
                   class="mt-4"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="group-filter"
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="group-filter"
                     >
                       Group Contacts
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+            
                 <div
                   class="mt-4 d-grid d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 mb-3-5 mb-md-0 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -5950,35 +12471,78 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Group members (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
                 Group name
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -5987,15 +12551,36 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -6004,94 +12589,242 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -6102,6 +12835,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             Stefan Mayer
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -6112,35 +12847,78 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -6151,6 +12929,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             Adjur Tichar
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -6161,35 +12941,78 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -6200,6 +13023,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             Szép Mara
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -6210,35 +13035,78 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -6249,6 +13117,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             Daniel Cardoso Rocha
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -6259,35 +13129,78 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -6298,6 +13211,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             Aurelia Panicucci
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -6308,35 +13223,78 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -6347,6 +13305,8 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                             Felicyta Kowalska
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -6357,55 +13317,169 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
-                <a
-                  aria-label="Previous page"
-                  class="page-link"
-                  href="/example.html"
-                >
-                  Previous
-                </a>
-              </li>
-              <li
-                class="page-item active"
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
+                <a
+                  aria-label="Previous page"
+                  class="page-link"
+                  href="/example.html"
+                >
+                  Previous
+                </a>
+                
+
+      
+              </li>
+              
+                                                
+              <li
+                class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -6413,50 +13487,155 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -6464,42 +13643,110 @@ exports[`OE - Group listing Member renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -6510,187 +13757,396 @@ exports[`OE - Group listing Member renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -6700,28 +14156,42 @@ exports[`OE - Group listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -6731,56 +14201,140 @@ exports[`OE - Group listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -6793,42 +14347,78 @@ exports[`OE - Group listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
-                      <svg
+                      
+
+
+
+
+
+
+                      <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -6838,41 +14428,88 @@ exports[`OE - Group listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -6883,6 +14520,10 @@ exports[`OE - Group listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -6890,142 +14531,322 @@ exports[`OE - Group listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -7035,6 +14856,10 @@ exports[`OE - Group listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -7042,158 +14867,371 @@ exports[`OE - Group listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -7201,30 +15239,71 @@ exports[`OE - Group listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -7235,142 +15314,335 @@ exports[`OE - Group listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
-            <a
-              class="nav-link"
-              href="/example.html"
-            >
+            
+                          
+
+
+
+
+
+
+            <a
+              class="nav-link"
+              href="/example.html"
+            >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -7378,12 +15650,18 @@ exports[`OE - Group listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -7393,6 +15671,8 @@ exports[`OE - Group listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -7400,21 +15680,29 @@ exports[`OE - Group listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -7422,6 +15710,8 @@ exports[`OE - Group listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -7432,6 +15722,8 @@ exports[`OE - Group listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -7439,9 +15731,28 @@ exports[`OE - Group listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -7449,80 +15760,151 @@ exports[`OE - Group listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -7531,6 +15913,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -7539,6 +15929,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -7547,6 +15945,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -7555,6 +15961,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -7563,6 +15977,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -7571,6 +15993,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -7579,6 +16009,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -7586,14 +16024,35 @@ exports[`OE - Group listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -7602,6 +16061,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -7610,6 +16077,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -7618,6 +16093,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -7626,10 +16109,22 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -7638,6 +16133,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -7646,6 +16149,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -7654,6 +16165,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -7662,6 +16181,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -7670,6 +16197,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -7678,6 +16213,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -7686,6 +16229,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -7694,6 +16245,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -7702,6 +16261,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -7710,6 +16277,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -7718,6 +16293,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -7726,23 +16309,49 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -7751,6 +16360,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -7759,6 +16376,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -7767,10 +16392,22 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -7779,6 +16416,14 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -7787,49 +16432,126 @@ exports[`OE - Group listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Groups
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -7837,21 +16559,57 @@ exports[`OE - Group listing renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -7859,15 +16617,30 @@ exports[`OE - Group listing renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -7876,136 +16649,320 @@ exports[`OE - Group listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                              
                 <fieldset
                   class="mb-3"
                 >
+                  
+                    
                   <legend
                     class="col-form-label mb-2"
                   >
                     Group type
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                
                     <div
                       class="mb-3"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="public-groups"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="public-groups"
                         >
                           Public groups
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                  
                     <div
                       class="mb-3"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="restricted-groups"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="restricted-groups"
                         >
                           Restricted groups
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                                      
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
                     <div
                       class="form-check"
                     >
+                      
+    
                       <input
                         class="form-check-input"
                         id="private-groups"
                         type="checkbox"
                       />
+                      
+      
                       <label
                         class="form-check-label"
                         for="private-groups"
                       >
                         Private groups
                       </label>
+                      
+  
+
                     </div>
+                    
+
+                        
                   </div>
+                  
+      
                 </fieldset>
+                
+                                            
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-from"
                   >
                     Creation date (from)
                   </label>
+                  
+  
+    
                   <input
                     class="mb-2 form-control"
                     id="creation-date-from"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                                                          
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-to"
                   >
                     Creation date (to)
                   </label>
+                  
+  
+    
                   <input
                     class="mb-2 form-control"
                     id="creation-date-to"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                        
                 <div
                   class="mt-4 d-grid d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 mb-3-5 mb-md-0 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -8013,35 +16970,78 @@ exports[`OE - Group listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
                 Group name
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -8050,15 +17050,36 @@ exports[`OE - Group listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -8067,104 +17088,263 @@ exports[`OE - Group listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -8176,51 +17356,114 @@ exports[`OE - Group listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Public
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text"
                         >
@@ -8231,51 +17474,114 @@ exports[`OE - Group listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Public
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
-                          <a
-                            class="standalone"
+                          
+
+
+
+  
+    
+
+                          <a
+                            class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -8285,57 +17591,121 @@ exports[`OE - Group listing renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Public
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -8345,6 +17715,7 @@ exports[`OE - Group listing renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                           <br />
@@ -8352,51 +17723,114 @@ exports[`OE - Group listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Public
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -8406,57 +17840,121 @@ exports[`OE - Group listing renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Public
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Group name
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -8469,50 +17967,152 @@ exports[`OE - Group listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Public
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -8520,10 +18120,31 @@ exports[`OE - Group listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -8531,50 +18152,155 @@ exports[`OE - Group listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -8582,42 +18308,110 @@ exports[`OE - Group listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -8628,187 +18422,396 @@ exports[`OE - Group listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-header/__snapshots__/header.test.js.snap b/src/compositions/bcl-header/__snapshots__/header.test.js.snap
index 2a5ba4a03..ba9abc6a2 100644
--- a/src/compositions/bcl-header/__snapshots__/header.test.js.snap
+++ b/src/compositions/bcl-header/__snapshots__/header.test.js.snap
@@ -5,22 +5,34 @@ exports[`OE - Header EC renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--ec shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="european commission logo"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/ec/images/logo/logo-ec--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -30,56 +42,140 @@ exports[`OE - Header EC renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -92,42 +188,78 @@ exports[`OE - Header EC renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -137,41 +269,88 @@ exports[`OE - Header EC renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -182,6 +361,10 @@ exports[`OE - Header EC renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -189,142 +372,322 @@ exports[`OE - Header EC renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -334,6 +697,10 @@ exports[`OE - Header EC renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -341,158 +708,371 @@ exports[`OE - Header EC renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -500,30 +1080,71 @@ exports[`OE - Header EC renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -534,142 +1155,335 @@ exports[`OE - Header EC renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -677,12 +1491,18 @@ exports[`OE - Header EC renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -692,6 +1512,8 @@ exports[`OE - Header EC renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -699,21 +1521,29 @@ exports[`OE - Header EC renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -721,6 +1551,8 @@ exports[`OE - Header EC renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -731,6 +1563,8 @@ exports[`OE - Header EC renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -738,9 +1572,28 @@ exports[`OE - Header EC renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -748,80 +1601,151 @@ exports[`OE - Header EC renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--ec"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -830,6 +1754,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -838,6 +1770,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -846,6 +1786,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -854,6 +1802,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -862,6 +1818,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -870,6 +1834,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -878,6 +1850,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -885,14 +1865,35 @@ exports[`OE - Header EC renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -901,6 +1902,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -909,6 +1918,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -917,6 +1934,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -925,10 +1950,22 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -937,6 +1974,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -945,6 +1990,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -953,6 +2006,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -961,6 +2022,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -969,6 +2038,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -977,6 +2054,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -985,6 +2070,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -993,6 +2086,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1001,6 +2102,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1009,6 +2118,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1017,6 +2134,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1025,31 +2150,65 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1058,6 +2217,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1066,10 +2233,22 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1078,6 +2257,14 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1086,15 +2273,36 @@ exports[`OE - Header EC renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -1104,28 +2312,42 @@ exports[`OE - Header EU renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop project logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile project logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -1135,56 +2357,140 @@ exports[`OE - Header EU renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -1197,42 +2503,78 @@ exports[`OE - Header EU renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -1242,41 +2584,88 @@ exports[`OE - Header EU renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -1287,6 +2676,10 @@ exports[`OE - Header EU renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1294,142 +2687,322 @@ exports[`OE - Header EU renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -1439,6 +3012,10 @@ exports[`OE - Header EU renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1446,189 +3023,443 @@ exports[`OE - Header EU renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
-            <a
-              aria-current="page"
+            
+                          
+
+
+
+
+
+
+            <a
+              aria-current="page"
               class="nav-link active"
               href="/example.html"
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -1639,142 +3470,335 @@ exports[`OE - Header EU renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -1782,12 +3806,18 @@ exports[`OE - Header EU renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -1797,6 +3827,8 @@ exports[`OE - Header EU renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -1804,21 +3836,29 @@ exports[`OE - Header EU renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1826,6 +3866,8 @@ exports[`OE - Header EU renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -1836,6 +3878,8 @@ exports[`OE - Header EU renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -1843,9 +3887,28 @@ exports[`OE - Header EU renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -1853,80 +3916,151 @@ exports[`OE - Header EU renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -1935,6 +4069,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -1943,6 +4085,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -1951,6 +4101,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -1959,6 +4117,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -1967,6 +4133,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -1975,6 +4149,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -1983,6 +4165,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -1990,14 +4180,35 @@ exports[`OE - Header EU renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2006,6 +4217,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2014,6 +4233,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2022,6 +4249,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -2030,10 +4265,22 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2042,6 +4289,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -2050,6 +4305,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2058,6 +4321,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2066,6 +4337,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -2074,6 +4353,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -2082,14 +4369,30 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         polski
                       </a>
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#pt"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#pt"
                         hreflang="pt"
                         lang="pt"
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -2098,6 +4401,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -2106,6 +4417,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -2114,6 +4433,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -2122,6 +4449,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -2130,23 +4465,49 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -2155,6 +4516,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -2163,6 +4532,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -2171,10 +4548,22 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -2183,6 +4572,14 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -2191,15 +4588,36 @@ exports[`OE - Header EU renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -2209,22 +4627,34 @@ exports[`OE - Header Neutral renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--neutral shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="project logo"
             src="https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -2234,56 +4664,140 @@ exports[`OE - Header Neutral renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -2296,42 +4810,78 @@ exports[`OE - Header Neutral renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -2341,41 +4891,88 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2386,6 +4983,10 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2393,142 +4994,322 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2538,6 +5319,10 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2545,158 +5330,371 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2704,30 +5702,71 @@ exports[`OE - Header Neutral renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2738,142 +5777,335 @@ exports[`OE - Header Neutral renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2881,12 +6113,18 @@ exports[`OE - Header Neutral renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2896,6 +6134,8 @@ exports[`OE - Header Neutral renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2903,21 +6143,29 @@ exports[`OE - Header Neutral renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2925,6 +6173,8 @@ exports[`OE - Header Neutral renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2935,6 +6185,8 @@ exports[`OE - Header Neutral renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2942,9 +6194,28 @@ exports[`OE - Header Neutral renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2952,64 +6223,119 @@ exports[`OE - Header Neutral renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-xl modal-fullscreen-md-down"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="d-flex align-items-center"
           >
+            
+                    
+
+
+
+  
+
+
             <svg
               class="bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#globe2"
               />
+              
+
             </svg>
+            
+
+        
             <div
               class="modal-title mb-0 ms-2"
             >
               Select your language
             </div>
+            
+  
           </div>
+          
+  
           <button
             aria-label="Close"
             class="btn-close"
             data-bs-dismiss="modal"
             type="button"
           />
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--neutral"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -3018,6 +6344,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -3026,6 +6360,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -3034,6 +6376,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -3042,6 +6392,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -3050,6 +6408,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -3058,6 +6424,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -3066,6 +6440,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -3073,14 +6455,35 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -3089,6 +6492,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -3097,6 +6508,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -3105,18 +6524,38 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#it"
-                        hreflang="it"
-                        lang="it"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#it"
+                        hreflang="it"
+                        lang="it"
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -3125,6 +6564,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -3133,6 +6580,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -3141,6 +6596,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -3149,6 +6612,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -3157,6 +6628,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -3165,6 +6644,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -3173,6 +6660,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -3181,6 +6676,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -3189,6 +6692,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -3197,6 +6708,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -3205,6 +6724,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -3213,23 +6740,49 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -3238,6 +6791,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -3246,6 +6807,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -3254,10 +6823,22 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -3266,6 +6847,14 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -3274,15 +6863,36 @@ exports[`OE - Header Neutral renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -3292,28 +6902,42 @@ exports[`OE - Header UCPKN renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--ucpkn shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href=""
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -3323,53 +6947,140 @@ exports[`OE - Header UCPKN renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           UCP Knowledge Network: Applied knowledge for action
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                                            
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -3380,55 +7091,140 @@ exports[`OE - Header UCPKN renders correctly 1`] = `
             >
               Knowledge & Capacity
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Network Capacity Development Pillar
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Disaster Prevention and Risk Management
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Disaster Preparedness
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Emergency Response Coordination Centre
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   UCPM Lessons Learnt Programme
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -3439,47 +7235,120 @@ exports[`OE - Header UCPKN renders correctly 1`] = `
             >
               Science & Research
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLinkSecond"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Network Science Pillar
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Disaster Risk Management Knowledge Centre
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Gaps
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Data & Tools
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -3490,49 +7359,122 @@ exports[`OE - Header UCPKN renders correctly 1`] = `
             >
               Projects
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLinkThird"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Union Civil Protection Mechanism Projects
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Other Disaster Risk Management Projects
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   EU funding for disaster management
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Stories
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -3543,40 +7485,97 @@ exports[`OE - Header UCPKN renders correctly 1`] = `
             >
               About
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLinkProjects"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Network Governance
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   The EU Civil Protection Mechanism
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Information pack
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
 </jest>
 `;
diff --git a/src/compositions/bcl-header/header.html.twig b/src/compositions/bcl-header/header.html.twig
index f0a46903d..1da8c5476 100644
--- a/src/compositions/bcl-header/header.html.twig
+++ b/src/compositions/bcl-header/header.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - variant (string) (default: 'neutral')
     - options: ['ec', 'eu', 'neutral']
@@ -136,4 +134,3 @@
   {% include '@oe-bcl/bcl-language-list/language-list.html.twig' with _language_modal only %}
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-icons-list/icons-list.html.twig b/src/compositions/bcl-icons-list/icons-list.html.twig
index 81e159802..54a2d1afc 100644
--- a/src/compositions/bcl-icons-list/icons-list.html.twig
+++ b/src/compositions/bcl-icons-list/icons-list.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - icons: (icon[]) (default: [])
   - path (string) (default: '')
@@ -27,4 +25,3 @@
   </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-inpage-navigation/__snapshots__/inpage-navigation.test.js.snap b/src/compositions/bcl-inpage-navigation/__snapshots__/inpage-navigation.test.js.snap
index c52bbddf4..fda6ad630 100644
--- a/src/compositions/bcl-inpage-navigation/__snapshots__/inpage-navigation.test.js.snap
+++ b/src/compositions/bcl-inpage-navigation/__snapshots__/inpage-navigation.test.js.snap
@@ -7,6 +7,11 @@ exports[`OE - Inpage navigation default renders correctly 1`] = `
     class="bcl-inpage-navigation position-sticky"
     id="bcl-inpage-navigation"
   >
+    
+    
+
+
+
     <button
       aria-expanded="false"
       class="dropdown-toggle h2 d-md-none"
@@ -15,67 +20,157 @@ exports[`OE - Inpage navigation default renders correctly 1`] = `
       type="button"
     >
         Page content
+
+
+
+  
+
+
       <svg
         class="bi icon--s"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-down"
         />
+        
+
       </svg>
+      
+
+
     </button>
+    
+
+  
+
+
+
+
+
+
     <h2
       class="mb-0 d-none d-md-block bcl-heading"
     >
       Page content
     </h2>
+    
+  
     <div
       class="dropdown-menu"
     >
+      
+    
+
+
+                    
+                              
+        
+  
+    
+    
       <ul
         class="nav nav-pills flex-column"
       >
+        
+                                                                                                                
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-1"
           >
             Heading 1
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-2"
           >
             Heading 2 with a long title going on several lines
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-3"
           >
             Heading 3
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-4"
           >
             Heading 4
           </a>
+          
+                                
         </li>
+        
+                      
       </ul>
+      
+    
+
+  
     </div>
+    
+
   </nav>
 </jest>
 `;
@@ -87,6 +182,11 @@ exports[`OE - Inpage navigation renders correctly with title and link 1`] = `
     class="bcl-inpage-navigation position-sticky"
     id="bcl-inpage-navigation"
   >
+    
+    
+
+
+
     <button
       aria-expanded="false"
       class="dropdown-toggle h2 d-md-none"
@@ -95,72 +195,171 @@ exports[`OE - Inpage navigation renders correctly with title and link 1`] = `
       type="button"
     >
         File test title
+
+
+
+  
+
+
       <svg
         class="bi icon--s"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-down"
         />
+        
+
       </svg>
+      
+
+
     </button>
+    
+
+  
+
+
+
+
+
+
     <h6
       class="mb-0 d-none d-md-block bcl-heading"
     >
+      
+
+
+
+  
+    
+
       <a
         class="standalone"
         href="/example.html"
       >
         Link label
       </a>
+      
+
     </h6>
+    
+  
     <div
       class="dropdown-menu"
     >
+      
+    
+
+
+                    
+                              
+        
+  
+    
+    
       <ul
         class="nav nav-pills flex-column"
       >
+        
+                                                                                                                
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-1"
           >
             Heading 1
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-2"
           >
             Heading 2 with a long title going on several lines
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-3"
           >
             Heading 3
           </a>
+          
+                                
         </li>
+        
+                                                                                                                  
         <li
           class="nav-item"
         >
+          
+                          
+
+
+
+
+
+
           <a
             class="nav-link"
             href="#item-4"
           >
             Heading 4
           </a>
+          
+                                
         </li>
+        
+                      
       </ul>
+      
+    
+
+  
     </div>
+    
+
   </nav>
 </jest>
 `;
diff --git a/src/compositions/bcl-inpage-navigation/inpage-navigation.html.twig b/src/compositions/bcl-inpage-navigation/inpage-navigation.html.twig
index 943f4fd92..60bd82f62 100644
--- a/src/compositions/bcl-inpage-navigation/inpage-navigation.html.twig
+++ b/src/compositions/bcl-inpage-navigation/inpage-navigation.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
 Parameters:
   - title: (string) (default: '')
@@ -77,4 +75,3 @@ Parameters:
   </div>
 </nav>
 
-{% endapply %}
diff --git a/src/compositions/bcl-landing-page/__snapshots__/landing-page.test.js.snap b/src/compositions/bcl-landing-page/__snapshots__/landing-page.test.js.snap
index a1c1102c0..68a07d4b1 100644
--- a/src/compositions/bcl-landing-page/__snapshots__/landing-page.test.js.snap
+++ b/src/compositions/bcl-landing-page/__snapshots__/landing-page.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Landing page renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Landing page renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Landing page renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Landing page renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Landing page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Landing page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Landing page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Landing page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,176 +1088,410 @@ exports[`OE - Landing page renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
-            <button
-              aria-expanded="false"
-              autocomplete="off"
-              class="dropdown-toggle btn btn-primary btn-md"
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
+            <button
+              aria-expanded="false"
+              autocomplete="off"
+              class="dropdown-toggle btn btn-primary btn-md"
               data-bs-toggle="dropdown"
               id="navbarDropdownMenuLink"
               type="button"
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Landing page renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Landing page renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Landing page renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Landing page renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Landing page renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Landing page renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Landing page renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Landing page renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,23 +2158,49 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -1056,6 +2209,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,61 +2281,144 @@ exports[`OE - Landing page renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+        
+
+  
+
+
+
+
+  
+
+  
+
+
+
+
     <div
       class="bg-light text-dark text-center bcl-banner overlay full-width"
     >
+      
+      
       <div
         class="bcl-banner__image"
         style="background-image:url(https://picsum.photos/id/154/1200/800)"
       />
+      
+    
       <div
         class="container"
       >
+        
+    
         <div
           class="bcl-banner__content border-secondary"
         >
+          
+              
+
+
+
+
+
+
           <div
             class="display-6 bcl-heading"
           >
             Demo banner title
           </div>
+          
+                  
         </div>
+        
+  
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-12"
         >
+          
+                        
+            
           <div
             class="container"
           >
+            
+      
             <div
               class="my-4"
             >
+              
+      
               <h2
                 class="mb-4"
               >
                 Featured title
               </h2>
+              
+      
               <div
                 class="row"
               >
+                
+        
                 <div
                   class="col-12 col-md-6"
                 >
@@ -1157,6 +2429,7 @@ exports[`OE - Landing page renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
@@ -1165,13 +2438,27 @@ exports[`OE - Landing page renders correctly 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
         
                 </div>
+                
+        
                 <div
                   class="col-12 col-md-6"
                 >
+                  
+          
+
+
+
+
+
+
+
+
                   <figure
                     class="rounded overflow-hidden"
                     src="https://www.youtube.com/embed/VFYlYeFAEH4"
                   >
+                    
+    
                     <div
                       class="ratio ratio-16x9"
                     >
@@ -1185,43 +2472,125 @@ exports[`OE - Landing page renders correctly 1`] = `
                         width="350"
                       />
                     </div>
+                    
+
+  
                     <figcaption
                       class="bg-light p-3"
                     >
                       Media description text goes here.
                     </figcaption>
+                    
+
                   </figure>
+                  
+
+
+        
                 </div>
+                
+      
               </div>
+              
+    
             </div>
+            
+  
+      
             <div
               class="my-4"
             >
+              
+      
+
+
+  
+
+
               <div
                 class="bcl-listing bcl-listing--highlight-3-col"
               >
+                
+
+  
+
+  
+  
+
+
+
                 <h2
                   class="mb-4 bcl-heading"
                 >
                   Listing item block title
                 </h2>
+                
+
+                                              
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+      
+  
+
+
+                  
+  
+
+
                 <div
                   class="row row-cols-1 row-cols-md-3 g-4"
                 >
+                  
+                    
                   <div
                     class="col"
                   >
+                    
+                  
+
+
+
+  
+
+
+
+
+
                     <article
                       class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                     >
+                      
+                    
                       <img
                         alt="alt img"
                         class="card-img-top mb-3"
                         src="https://picsum.photos/seed/1002/600/400"
                       />
+                      
+    
                       <div
                         class="card-body pt-0"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1232,6 +2601,8 @@ exports[`OE - Landing page renders correctly 1`] = `
                             Listing item title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2"
                         >
@@ -1239,23 +2610,54 @@ exports[`OE - Landing page renders correctly 1`] = `
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
+                            
                       </div>
+                      
+              
                     </article>
+                    
+
+                
                   </div>
+                  
+                        
                   <div
                     class="col"
                   >
+                    
+                  
+
+
+
+  
+
+
+
+
+
                     <article
                       class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                     >
+                      
+                    
                       <img
                         alt="alt img"
                         class="card-img-top mb-3"
                         src="https://picsum.photos/seed/1003/600/400"
                       />
+                      
+    
                       <div
                         class="card-body pt-0"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1266,6 +2668,8 @@ exports[`OE - Landing page renders correctly 1`] = `
                             Listing item title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2"
                         >
@@ -1274,23 +2678,54 @@ exports[`OE - Landing page renders correctly 1`] = `
                             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                           <br />
                         </p>
+                            
                       </div>
+                      
+              
                     </article>
+                    
+
+                
                   </div>
+                  
+                        
                   <div
                     class="col"
                   >
+                    
+                  
+
+
+
+  
+
+
+
+
+
                     <article
                       class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                     >
+                      
+                    
                       <img
                         alt="alt img"
                         class="card-img-top mb-3"
                         src="https://picsum.photos/seed/1004/600/400"
                       />
+                      
+    
                       <div
                         class="card-body pt-0"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1301,84 +2736,195 @@ exports[`OE - Landing page renders correctly 1`] = `
                             Listing item title
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                            
                       </div>
+                      
+              
                     </article>
+                    
+
+                
                   </div>
+                  
+      
                 </div>
+                
+
+
+      
+
+
+                                
+
+
+
                 <a
                   class="mt-3-5 d-inline-block"
                   href="/example.html"
                 >
                   Listing item block CTA
+
+
+
+
+
+
                   <svg
                     class="ms-2-5 bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
               </div>
+              
+
+    
             </div>
+            
+  
+      
             <div
               class="my-4"
             >
+              
+      
+
+
+  
+
+
+  
+
+
+
+
+
+
+
               <div
                 class="bg-light text-center mb-4-5 bcl-banner shade"
               >
+                
+      
                 <div
                   class="bcl-banner__image"
                   style="background-image:url(https://picsum.photos/id/154/1200/800)"
                 />
+                
+    
                 <div
                   class="container"
                 >
+                  
+    
                   <div
                     class="bcl-banner__content"
                   >
+                    
+              
+
+
+
+
+
+
                     <div
                       class="display-6 mb-3 bcl-heading"
                     >
                       EU Budget for the future
                     </div>
+                    
+                
                     <p
                       class="mb-4"
                     >
                       Innovation, economy, environment and geopolitics
                     </p>
+                    
+              
+
+
+                                
+
+
+
                     <a
                       class="btn btn-primary"
                       href="/example.html"
                     >
                       Subscribe
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#chevron-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+        
                   </div>
+                  
+  
                 </div>
+                
+
               </div>
+              
+
+    
             </div>
+            
+  
+      
             <div
               class="my-4"
             >
+              
+      
               <h2
                 class="mb-4"
               >
                 Activities
               </h2>
+              
+      
               <div
                 class="row"
               >
+                
+        
                 <div
                   class="col-12 col-md-6"
                 >
@@ -1389,6 +2935,7 @@ exports[`OE - Landing page renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
@@ -1396,19 +2943,36 @@ exports[`OE - Landing page renders correctly 1`] = `
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
+                   
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
+                  
+        
                 </div>
+                
+        
                 <div
                   class="col-12 col-md-6"
                 >
+                  
+          
+
+
+
+
+
+
+
+
                   <figure
                     class="rounded overflow-hidden"
                     src="https://www.youtube.com/embed/VFYlYeFAEH4"
                   >
+                    
+    
                     <div
                       class="ratio ratio-16x9"
                     >
@@ -1422,43 +2986,125 @@ exports[`OE - Landing page renders correctly 1`] = `
                         width="350"
                       />
                     </div>
+                    
+
+  
                     <figcaption
                       class="bg-light p-3"
                     >
                       Media description text goes here.
                     </figcaption>
+                    
+
                   </figure>
+                  
+
+
+        
                 </div>
+                
+      
               </div>
+              
+    
             </div>
+            
+  
+      
             <div
               class="my-4"
             >
+              
+      
+
+
+  
+
+
               <div
                 class="bcl-listing bcl-listing--highlight-3-col"
               >
+                
+
+  
+
+  
+  
+
+
+
                 <h2
                   class="mb-4 bcl-heading"
                 >
                   What are those activities
                 </h2>
+                
+
+                                              
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+      
+  
+
+
+                  
+  
+
+
                 <div
                   class="row row-cols-1 row-cols-md-3 g-4"
                 >
+                  
+                    
                   <div
                     class="col"
                   >
+                    
+                  
+
+
+
+  
+
+
+
+
+
                     <article
                       class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                     >
+                      
+                    
                       <img
                         alt="alt img"
                         class="card-img-top mb-3"
                         src="https://picsum.photos/seed/1005/600/400"
                       />
+                      
+    
                       <div
                         class="card-body pt-0"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1469,6 +3115,8 @@ exports[`OE - Landing page renders correctly 1`] = `
                             Capacity development
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2"
                         />
@@ -1487,23 +3135,54 @@ exports[`OE - Landing page renders correctly 1`] = `
                           </li>
                         </ul>
                         <p />
+                            
                       </div>
+                      
+              
                     </article>
+                    
+
+                
                   </div>
+                  
+                        
                   <div
                     class="col"
                   >
+                    
+                  
+
+
+
+  
+
+
+
+
+
                     <article
                       class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                     >
+                      
+                    
                       <img
                         alt="alt img"
                         class="card-img-top mb-3"
                         src="https://picsum.photos/seed/1006/600/400"
                       />
+                      
+    
                       <div
                         class="card-body pt-0"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1514,28 +3193,61 @@ exports[`OE - Landing page renders correctly 1`] = `
                             Science, Research & innovation
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                            
                       </div>
+                      
+              
                     </article>
+                    
+
+                
                   </div>
+                  
+                        
                   <div
                     class="col"
                   >
+                    
+                  
+
+
+
+  
+
+
+
+
+
                     <article
                       class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
                     >
+                      
+                    
                       <img
                         alt="alt img"
                         class="card-img-top mb-3"
                         src="https://picsum.photos/seed/1007/600/400"
                       />
+                      
+    
                       <div
                         class="card-body pt-0"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1546,6 +3258,8 @@ exports[`OE - Landing page renders correctly 1`] = `
                             KN Horizontal activities
                           </a>
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2"
                         >
@@ -1553,42 +3267,105 @@ exports[`OE - Landing page renders correctly 1`] = `
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
+                            
                       </div>
+                      
+              
                     </article>
+                    
+
+                
                   </div>
+                  
+      
                 </div>
+                
+
+
+      
+
+
+                                
+
+
+
                 <a
                   class="mt-3-5 d-inline-block"
                   href="/example.html"
                 >
                   Listing item block CTA
+
+
+
+
+
+
                   <svg
                     class="ms-2-5 bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
               </div>
+              
+
+    
             </div>
+            
+  
           </div>
+                        
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1599,187 +3376,396 @@ exports[`OE - Landing page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-language-list/__snapshots__/language-list.test.js.snap b/src/compositions/bcl-language-list/__snapshots__/language-list.test.js.snap
index 6a1f61136..fa6be7469 100644
--- a/src/compositions/bcl-language-list/__snapshots__/language-list.test.js.snap
+++ b/src/compositions/bcl-language-list/__snapshots__/language-list.test.js.snap
@@ -5,43 +5,81 @@ exports[`OE - Language EC renders correctly 1`] = `
   <div
     class="bcl-language-list bcl-language-list--ec pt-5"
   >
+    
+        
     <div
       class="container"
     >
+      
+            
       <div
         class="text-center"
       >
+        
+            
         <div
           class="d-inline-flex align-items-center"
         >
+          
+        
           <img
             alt="logo"
             class="w-100 mb-3"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/ec/images/logo/logo-ec--en.svg"
           />
+          
+              
         </div>
+        
+            
       </div>
+      
+          
     </div>
+    
+    
+        
     <div
       class="main pt-4"
     >
+      
+            
       <div
         class="container"
       >
+        
+                    
+
+
+
         <div
           class="pb-2"
         >
+          
+    
           <h5
             class="mb-4"
           >
             EU official languages
           </h5>
+          
+      
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#bg"
@@ -50,6 +88,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 български
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#es"
@@ -58,6 +104,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 español
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#cs"
@@ -66,6 +120,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 čeština
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#da"
@@ -74,6 +136,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 dansk
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#de"
@@ -82,6 +152,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 Deutsch
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#et"
@@ -90,6 +168,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 eesti
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#el"
@@ -98,6 +184,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 ελληνικά
               </a>
+              
+                                                                                                    
+
+
+                                
+
+
+
               <a
                 class="w-100 mb-2-5 btn selected justify-content-between"
                 href="/example.html#en"
@@ -105,14 +199,35 @@ exports[`OE - Language EC renders correctly 1`] = `
                 lang="en"
               >
                 English
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#check2"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#fr"
@@ -121,6 +236,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 français
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ga"
@@ -129,6 +252,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 Gaeilge
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#hr"
@@ -137,6 +268,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 hrvatski
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#it"
@@ -145,10 +284,22 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 italiano
               </a>
+              
+            
             </div>
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#lv"
@@ -157,6 +308,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 latviešu
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#lt"
@@ -165,6 +324,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 lietuvių
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#hu"
@@ -173,6 +340,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 magyar
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#mt"
@@ -181,6 +356,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 Malti
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#nl"
@@ -189,6 +372,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 Nederlands
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#pl"
@@ -197,6 +388,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 polski
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#pt"
@@ -205,6 +404,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 português
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ro"
@@ -213,6 +420,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 română
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sk"
@@ -221,6 +436,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 slovenčina
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sl"
@@ -229,6 +452,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 slovenščina
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#fi"
@@ -237,6 +468,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 suomi
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sv"
@@ -245,23 +484,49 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 svenska
               </a>
+              
+            
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+
+                    
+
+
+
         <div
           class="pb-2"
         >
+          
+    
           <h5
             class="mb-4"
           >
             Other languages
           </h5>
+          
+      
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#zh"
@@ -270,6 +535,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 中文
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#tr"
@@ -278,6 +551,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 Türk
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ru"
@@ -286,10 +567,22 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 pусский
               </a>
+              
+            
             </div>
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ca"
@@ -298,6 +591,14 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 Català
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="#"
@@ -306,11 +607,24 @@ exports[`OE - Language EC renders correctly 1`] = `
               >
                 عَرَبِيّ
               </a>
+              
+            
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+
+                  
       </div>
+      
+          
     </div>
+    
+      
   </div>
 </jest>
 `;
@@ -320,38 +634,74 @@ exports[`OE - Language EU renders correctly 1`] = `
   <div
     class="bcl-language-list bcl-language-list--eu pt-5"
   >
+    
+        
     <div
       class="container"
     >
+      
+            
       <div
         class="text-center"
       >
+        
+            
         <div
           class="d-inline-flex align-items-center"
         >
+          
+        
           <img
             alt="logo"
             class="w-100"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/logo-eu--mute.svg"
           />
+          
+              
         </div>
+        
+            
       </div>
+      
+          
     </div>
+    
+    
+        
     <div
       class="main pt-4"
     >
+      
+            
       <div
         class="container"
       >
+        
+                    
+
+
+
         <div
           class="pb-2"
         >
+          
+      
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#bg"
@@ -360,6 +710,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 български
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#es"
@@ -368,6 +726,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 español
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#cs"
@@ -376,6 +742,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 čeština
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#da"
@@ -384,6 +758,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 dansk
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#de"
@@ -392,6 +774,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 Deutsch
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#et"
@@ -400,6 +790,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 eesti
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#el"
@@ -408,6 +806,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 ελληνικά
               </a>
+              
+                                                                                                    
+
+
+                                
+
+
+
               <a
                 class="w-100 mb-2-5 btn selected justify-content-between"
                 href="/example.html#en"
@@ -415,14 +821,35 @@ exports[`OE - Language EU renders correctly 1`] = `
                 lang="en"
               >
                 English
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#check2"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#fr"
@@ -431,6 +858,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 français
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ga"
@@ -439,6 +874,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 Gaeilge
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#hr"
@@ -447,6 +890,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 hrvatski
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#it"
@@ -455,10 +906,22 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 italiano
               </a>
+              
+            
             </div>
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#lv"
@@ -467,6 +930,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 latviešu
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#lt"
@@ -475,6 +946,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 lietuvių
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#hu"
@@ -483,6 +962,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 magyar
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#mt"
@@ -491,6 +978,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 Malti
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#nl"
@@ -499,6 +994,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 Nederlands
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#pl"
@@ -507,6 +1010,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 polski
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#pt"
@@ -515,6 +1026,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 português
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ro"
@@ -523,6 +1042,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 română
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sk"
@@ -531,6 +1058,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 slovenčina
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sl"
@@ -539,6 +1074,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 slovenščina
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#fi"
@@ -547,6 +1090,14 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 suomi
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sv"
@@ -555,11 +1106,24 @@ exports[`OE - Language EU renders correctly 1`] = `
               >
                 svenska
               </a>
+              
+            
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+
+                        
       </div>
+      
+          
     </div>
+    
+      
   </div>
 </jest>
 `;
@@ -569,38 +1133,72 @@ exports[`OE - Language Neutral renders correctly 1`] = `
   <div
     class="bcl-language-list bcl-language-list--neutral pt-5"
   >
+    
+        
     <div
       class="container"
     >
+      
+            
       <div
         class="d-inline-flex align-items-center"
       >
+        
+        
         <img
           alt="logo"
           src="https://inno-ecl.s3.amazonaws.com/media/examples/placeholder.svg"
         />
+        
+                
         <h5
           class="h5 ms-4"
         >
           Project name
         </h5>
+        
+              
       </div>
+      
+          
     </div>
+    
+    
+        
     <div
       class="main pt-4"
     >
+      
+            
       <div
         class="container"
       >
+        
+                    
+
+
+
         <div
           class="pb-2"
         >
+          
+      
           <div
             class="row"
           >
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#bg"
@@ -609,6 +1207,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 български
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#es"
@@ -617,6 +1223,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 español
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#cs"
@@ -625,6 +1239,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 čeština
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#da"
@@ -633,6 +1255,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 dansk
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#de"
@@ -641,6 +1271,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 Deutsch
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#et"
@@ -649,6 +1287,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 eesti
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#el"
@@ -657,6 +1303,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 ελληνικά
               </a>
+              
+                                                                                                    
+
+
+                                
+
+
+
               <a
                 class="w-100 mb-2-5 btn selected justify-content-between"
                 href="/example.html#en"
@@ -664,14 +1318,35 @@ exports[`OE - Language Neutral renders correctly 1`] = `
                 lang="en"
               >
                 English
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--s"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#check2"
                   />
+                  
+
                 </svg>
+                
+
+
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#fr"
@@ -680,6 +1355,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 français
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ga"
@@ -688,6 +1371,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 Gaeilge
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#hr"
@@ -696,6 +1387,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 hrvatski
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#it"
@@ -704,10 +1403,22 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 italiano
               </a>
+              
+            
             </div>
+            
+          
             <div
               class="col-12 col-md"
             >
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#lv"
@@ -716,6 +1427,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 latviešu
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#lt"
@@ -724,6 +1443,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 lietuvių
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#hu"
@@ -732,6 +1459,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 magyar
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#mt"
@@ -740,6 +1475,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 Malti
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#nl"
@@ -748,6 +1491,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 Nederlands
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#pl"
@@ -756,6 +1507,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 polski
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#pt"
@@ -764,6 +1523,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 português
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#ro"
@@ -772,6 +1539,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 română
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sk"
@@ -780,6 +1555,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 slovenčina
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sl"
@@ -788,6 +1571,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 slovenščina
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#fi"
@@ -796,6 +1587,14 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 suomi
               </a>
+              
+                                                                                                    
+
+
+
+
+
+
               <a
                 class="w-100 mb-2-5 btn justify-content-start"
                 href="/example.html#sv"
@@ -804,11 +1603,24 @@ exports[`OE - Language Neutral renders correctly 1`] = `
               >
                 svenska
               </a>
+              
+            
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+
+                        
       </div>
+      
+          
     </div>
+    
+      
   </div>
 </jest>
 `;
@@ -822,21 +1634,40 @@ exports[`OE - Language modal ec renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--"
-          />
+          >
+            
+    
+      
+          </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -850,21 +1681,40 @@ exports[`OE - Language modal eu renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--"
-          />
+          >
+            
+    
+      
+          </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -878,21 +1728,40 @@ exports[`OE - Language modal neutral renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--"
-          />
+          >
+            
+    
+      
+          </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-language-list/language-list-grid.html.twig b/src/compositions/bcl-language-list/language-list-grid.html.twig
index acf3bb3bb..15f2c3952 100644
--- a/src/compositions/bcl-language-list/language-list-grid.html.twig
+++ b/src/compositions/bcl-language-list/language-list-grid.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
   Parameters:
   - items (array) (default: []) format: [
@@ -65,4 +63,3 @@
   {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-language-list/language-list.html.twig b/src/compositions/bcl-language-list/language-list.html.twig
index df790ef6c..9d876a8ec 100644
--- a/src/compositions/bcl-language-list/language-list.html.twig
+++ b/src/compositions/bcl-language-list/language-list.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - overlay (boolean) (default: false)
   - inside_container (boolean) (default: false)
@@ -108,4 +106,3 @@
   </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-language-switcher/__snapshots__/language-switcher.test.js.snap b/src/compositions/bcl-language-switcher/__snapshots__/language-switcher.test.js.snap
index b1b7bc5af..f140ef9f1 100644
--- a/src/compositions/bcl-language-switcher/__snapshots__/language-switcher.test.js.snap
+++ b/src/compositions/bcl-language-switcher/__snapshots__/language-switcher.test.js.snap
@@ -6,13 +6,28 @@ exports[`OE - Language switcher renders correctly 1`] = `
     class="alert alert-warning d-flex align-items-center alert-dismissible fade show text-dark"
     role="alert"
   >
+    
+  
+
+
+
+
+
+
     <svg
       class="flex-shrink-0 me-3 mt-1 align-self-start text-warning bi icon--s"
     >
+      
+  
       <use
         xlink:href="/icons.svg#exclamation-triangle-fill"
       />
+      
+
     </svg>
+    
+
+  
     <div
       class="alert-content flex-grow-1"
     >
@@ -23,8 +38,18 @@ exports[`OE - Language switcher renders correctly 1`] = `
       class="btn-close"
       data-bs-dismiss="alert"
       type="button"
-    />
+    >
+      
+  
+    </button>
   </div>
+  
+
+
+
+
+                                          
+
   <button
     aria-controls="dropdown-languages"
     aria-expanded="false"
@@ -35,168 +60,388 @@ exports[`OE - Language switcher renders correctly 1`] = `
     type="button"
   >
     Choose another language
+
+
+
+
+
+
     <svg
       class="ms-2-5 bi icon--fluid"
     >
+      
+  
       <use
         xlink:href="/icons.svg#caret-down-fill"
       />
+      
+
     </svg>
+    
+
+
   </button>
+  
+
+
+
   <div
     class="collapse mt-3"
     id="dropdown-languages"
   >
+    
+  
     <div
       class="d-grid"
       style="grid-auto-flow: row;  grid-template-columns: repeat(auto-fit, minmax(4rem, 8rem))"
     >
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         български
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         čeština
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         dansk
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         Deutsch
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         eesti
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         ελληνικά
       </a>
+      
+          
+
+
+  
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
+        
+
+
+
+
+
+
         <svg
           class="me-2 bi icon--xs"
         >
+          
+  
           <use
             xlink:href="/icons.svg#check-lg"
           />
+          
+
         </svg>
-        English
+        
+
+English
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         français
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         Gaeilge
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         hrvatski
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         italiano
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         latviešu
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         lietuvių
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         magyar
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         Malti
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         Nederlands
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         polski
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         português
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         română
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         slovenčina
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         slovenščina
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         suomi
       </a>
+      
+          
+
+
+
+
+
+
       <a
         class="btn btn-link d-block ps-0 text-start"
         href="/example.html"
       >
         svenska
       </a>
+      
+      
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-language-switcher/language-switcher.html.twig b/src/compositions/bcl-language-switcher/language-switcher.html.twig
index aef75910a..e0661bdbb 100644
--- a/src/compositions/bcl-language-switcher/language-switcher.html.twig
+++ b/src/compositions/bcl-language-switcher/language-switcher.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - id (string) (default: collapse-random(10000), optional)
   - message (alert object) (default: {})
@@ -47,4 +45,3 @@
   </div>
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-links-block/__snapshots__/links-block.test.js.snap b/src/compositions/bcl-links-block/__snapshots__/links-block.test.js.snap
index fc8058c4e..7c1e3a6a2 100644
--- a/src/compositions/bcl-links-block/__snapshots__/links-block.test.js.snap
+++ b/src/compositions/bcl-links-block/__snapshots__/links-block.test.js.snap
@@ -5,45 +5,95 @@ exports[`OE - Links block renders correctly 1`] = `
   <div
     class="bg-light px-4 py-3 rounded-2 bcl-links-block"
   >
+    
+          
+
+
+
+
+
+
     <h2
       class="pb-3 mb-3 border-bottom bcl-heading"
     >
       More information
     </h2>
+    
+        
     <ul
       class="ps-0 mb-0"
     >
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           European Commission
         </a>
+        
+        
       </li>
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Priorities
         </a>
+        
+        
       </li>
+      
+                                                                        
       <li
         class="list-unstyled"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Jobs, Growth and Investment
         </a>
+        
+        
       </li>
+      
+          
     </ul>
+    
+  
   </div>
 </jest>
 `;
@@ -53,45 +103,95 @@ exports[`OE - Links block renders correctly with horizontal 1`] = `
   <div
     class="bg-light px-4 py-3 rounded-2 bcl-links-block"
   >
+    
+          
+
+
+
+
+
+
     <h2
       class="pb-3 mb-3 border-bottom bcl-heading"
     >
       More information
     </h2>
+    
+        
     <ul
       class="ps-0 mb-0"
     >
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           European Commission
         </a>
+        
+        
       </li>
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Priorities
         </a>
+        
+        
       </li>
+      
+                                                                        
       <li
         class="list-unstyled"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Jobs, Growth and Investment
         </a>
+        
+        
       </li>
+      
+          
     </ul>
+    
+  
   </div>
 </jest>
 `;
@@ -101,50 +201,109 @@ exports[`OE - Links block renders correctly with horizontal and with title and l
   <div
     class="bg-light px-4 py-3 rounded-2 bcl-links-block"
   >
+    
+          
+
+
+
+
+  
+
     <h6
       class="pb-3 mb-3 border-bottom bcl-heading"
     >
+      
+
+
+
+  
+    
+
       <a
         class="standalone"
         href="/example.html"
       >
         Links block test title
       </a>
+      
+
     </h6>
+    
+        
     <ul
       class="ps-0 mb-0"
     >
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           European Commission
         </a>
+        
+        
       </li>
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Priorities
         </a>
+        
+        
       </li>
+      
+                                                                        
       <li
         class="list-unstyled"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Jobs, Growth and Investment
         </a>
+        
+        
       </li>
+      
+          
     </ul>
+    
+  
   </div>
 </jest>
 `;
@@ -154,45 +313,95 @@ exports[`OE - Links block renders correctly with title 1`] = `
   <div
     class="bg-light px-4 py-3 rounded-2 bcl-links-block"
   >
+    
+          
+
+
+
+
+
+
     <h6
       class="pb-3 mb-3 border-bottom bcl-heading"
     >
       Links block test title
     </h6>
+    
+        
     <ul
       class="ps-0 mb-0"
     >
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           European Commission
         </a>
+        
+        
       </li>
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Priorities
         </a>
+        
+        
       </li>
+      
+                                                                        
       <li
         class="list-unstyled"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Jobs, Growth and Investment
         </a>
+        
+        
       </li>
+      
+          
     </ul>
+    
+  
   </div>
 </jest>
 `;
@@ -202,45 +411,95 @@ exports[`OE - Links block renders correctly with transparent background 1`] = `
   <div
     class="bg-light px-4 py-3 rounded-2 bcl-links-block"
   >
+    
+          
+
+
+
+
+
+
     <h2
       class="pb-3 mb-3 border-bottom bcl-heading"
     >
       More information
     </h2>
+    
+        
     <ul
       class="ps-0 mb-0"
     >
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           European Commission
         </a>
+        
+        
       </li>
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Priorities
         </a>
+        
+        
       </li>
+      
+                                                                        
       <li
         class="list-unstyled"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Jobs, Growth and Investment
         </a>
+        
+        
       </li>
+      
+          
     </ul>
+    
+  
   </div>
 </jest>
 `;
@@ -250,50 +509,109 @@ exports[`OE - Links block renders correctly with transparent background and with
   <div
     class="bg-light px-4 py-3 rounded-2 bcl-links-block"
   >
+    
+          
+
+
+
+
+  
+
     <h6
       class="pb-3 mb-3 border-bottom bcl-heading"
     >
+      
+
+
+
+  
+    
+
       <a
         class="standalone"
         href="/example.html"
       >
         Links block test title
       </a>
+      
+
     </h6>
+    
+        
     <ul
       class="ps-0 mb-0"
     >
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           European Commission
         </a>
+        
+        
       </li>
+      
+                                                                                          
       <li
         class="list-unstyled me-4-5"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Priorities
         </a>
+        
+        
       </li>
+      
+                                                                        
       <li
         class="list-unstyled"
       >
+        
+          
+
+
+
+
+
+
         <a
           class="mb-3 d-inline-block standalone"
           href="/example.html"
         >
           Jobs, Growth and Investment
         </a>
+        
+        
       </li>
+      
+          
     </ul>
+    
+  
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-links-block/links-block.html.twig b/src/compositions/bcl-links-block/links-block.html.twig
index cd2080159..46d7f1764 100644
--- a/src/compositions/bcl-links-block/links-block.html.twig
+++ b/src/compositions/bcl-links-block/links-block.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h2')
@@ -73,4 +71,3 @@
   </div>
 {% endif %}
 
-{% endapply %}
diff --git a/src/compositions/bcl-listing/__snapshots__/listing.test.js.snap b/src/compositions/bcl-listing/__snapshots__/listing.test.js.snap
index c61b50290..ee5d2fe11 100644
--- a/src/compositions/bcl-listing/__snapshots__/listing.test.js.snap
+++ b/src/compositions/bcl-listing/__snapshots__/listing.test.js.snap
@@ -5,38 +5,126 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
   <div
     class="bcl-listing bcl-listing--default-2-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                              
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-2 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=5"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -47,6 +135,8 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -55,51 +145,102 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=4"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -110,6 +251,8 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -120,56 +263,109 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=3"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
                   Title card
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -179,51 +375,102 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=2"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -234,6 +481,8 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -243,55 +492,107 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=1"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -302,6 +603,8 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -311,51 +614,102 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -366,6 +720,8 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -376,41 +732,86 @@ exports[`OE - Listing Default listing item in 2 columns renders correctly 1`] =
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -420,38 +821,126 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
   <div
     class="bcl-listing bcl-listing--default-3-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                              
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+      
+  
+
+
+                  
+
+
+
     <div
       class="row-cols-md-2 row row-cols-1 row-cols-xl-3 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=5"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -462,6 +951,8 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -470,51 +961,102 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=4"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -525,62 +1067,117 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=3"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
                   Title card
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -589,51 +1186,102 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=2"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -644,57 +1292,110 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=1"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -705,57 +1406,110 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/seed/1002/600/400"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -766,6 +1520,8 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -774,41 +1530,86 @@ exports[`OE - Listing Default listing item in 3 columns renders correctly 1`] =
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
-    <a
-      class="mt-3-5 d-inline-block"
+    
+
+
+      
+
+
+                                
+
+
+
+    <a
+      class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -818,38 +1619,114 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
   <div
     class="bcl-listing bcl-listing--default-1-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
     <div
       class="row row-cols-1 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 align-self-start"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=1"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md align-self-start"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -860,6 +1737,8 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -868,51 +1747,102 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 align-self-start"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=8"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md align-self-start"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -923,6 +1853,8 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -933,51 +1865,102 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 align-self-start"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=2"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md align-self-start"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -988,6 +1971,8 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -997,56 +1982,108 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class=" text-muted d-md-inline d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 align-self-start"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=3"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md align-self-start"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1057,6 +2094,8 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1066,41 +2105,86 @@ exports[`OE - Listing alignment classes render correctly 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -1110,38 +2194,114 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
   <div
     class="bcl-listing bcl-listing--default-1-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                              
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
     <div
       class="row row-cols-1 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=1"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1152,6 +2312,8 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1160,51 +2322,102 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=8"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1215,6 +2428,8 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1225,51 +2440,102 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=2"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1280,6 +2546,8 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1289,56 +2557,108 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class=" text-muted d-md-inline d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=3"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1349,6 +2669,8 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1358,41 +2680,86 @@ exports[`OE - Listing horizontal renders correctly 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -1402,43 +2769,128 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
   <div
     class="bcl-listing bcl-listing--default-1-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h6
       class="mb-4 bcl-heading"
     >
+      
+
+
+
+  
+    
+
       <a
         class="standalone"
         href="/example.html"
       >
         Link label
       </a>
+      
+
     </h6>
+    
+
+                                              
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
     <div
       class="row row-cols-1 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=1"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1449,6 +2901,8 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1457,51 +2911,102 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
-        <article
-          class="listing-item border-bottom border-md-0 border-0 card"
-        >
-          <div
-            class="row"
-          >
+        
+                  
+
+
+
+  
+
+
+
+
+
+        <article
+          class="listing-item border-bottom border-md-0 border-0 card"
+        >
+          
+  
+          <div
+            class="row"
+          >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=8"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1512,6 +3017,8 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1522,51 +3029,102 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=2"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1577,6 +3135,8 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1586,56 +3146,108 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class=" text-muted d-md-inline d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=3"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1646,6 +3258,8 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                     Article title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1655,41 +3269,86 @@ exports[`OE - Listing horizontal renders correctly with title and link 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+                  
                   <span
                     class="text-muted d-md-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+                  
                   <span
                     class="d-md-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+                
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -1699,28 +3358,102 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
   <div
     class="bcl-listing bcl-listing--highlight-2-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h6
       class="mb-4 bcl-heading"
     >
       Listing test title
     </h6>
+    
+
+                                              
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-2 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1002/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -1731,6 +3464,8 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -1738,23 +3473,54 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1003/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -1765,28 +3531,61 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1004/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -1797,6 +3596,8 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -1805,23 +3606,54 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1005/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -1832,28 +3664,61 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1006/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -1864,28 +3729,61 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 5
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1007/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -1896,6 +3794,8 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -1903,23 +3803,56 @@ exports[`OE - Listing renders correctly in 2 columns with highlight and with tit
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -1929,38 +3862,126 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
   <div
     class="bcl-listing bcl-listing--default-2-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h6
       class="mb-4 bcl-heading"
     >
       Listing test title
     </h6>
+    
+
+                                              
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-2 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=5"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -1971,6 +3992,8 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -1979,51 +4002,102 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=4"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2034,6 +4108,8 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2044,56 +4120,109 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=3"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
                   Title card
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2103,51 +4232,102 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=2"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2158,6 +4338,8 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2167,55 +4349,107 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=1"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2226,6 +4460,8 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2235,51 +4471,102 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2290,6 +4577,8 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2300,41 +4589,86 @@ exports[`OE - Listing renders correctly in 2 columns with title 1`] = `
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -2344,28 +4678,102 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
   <div
     class="bcl-listing bcl-listing--highlight-3-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h6
       class="mb-4 bcl-heading"
     >
       Listing test title
     </h6>
+    
+
+                                              
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-3 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1002/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -2376,6 +4784,8 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -2385,23 +4795,54 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
               <br />
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1003/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -2412,6 +4853,8 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -2420,23 +4863,54 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1004/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -2447,6 +4921,8 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -2456,27 +4932,59 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
               <br />
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
               <br />
+               
               <br />
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1005/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -2487,6 +4995,8 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -2494,23 +5004,54 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1006/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -2521,28 +5062,61 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 5
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1007/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -2553,28 +5127,63 @@ exports[`OE - Listing renders correctly in 3 columns with highlight and with tit
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 6
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -2584,38 +5193,126 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
   <div
     class="bcl-listing bcl-listing--default-3-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h6
       class="mb-4 bcl-heading"
     >
       Listing test title
     </h6>
+    
+
+                                              
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+                                                  
+                          
+                        
+    
+    
+    
+      
+  
+
+
+                  
+
+
+
     <div
       class="row-cols-md-2 row row-cols-1 row-cols-xl-3 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=5"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2626,6 +5323,8 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2634,51 +5333,102 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=4"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2689,62 +5439,117 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=3"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
                   Title card
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2753,51 +5558,102 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
-        <article
+        
+                  
+
+
+
+  
+
+
+
+
+
+        <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=2"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2808,57 +5664,110 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/160?random=1"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2869,57 +5778,110 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col mb-3 mb-lg-0"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/seed/1002/600/400"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -2930,6 +5892,8 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -2938,41 +5902,86 @@ exports[`OE - Listing renders correctly in 3 columns with title 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Article
                   </span>
+                  
+            
                   <span
                     class="text-muted d-block me-4 mb-2 mb-md-0"
                   >
                     Brussels, Belgium
                   </span>
+                  
+            
                   <span
                     class=" text-muted d-block mb-2 mb-md-0"
                   >
                     17 October 2019
                   </span>
+                  
+          
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -2982,93 +5991,233 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
   <div
     class="bcl-listing bcl-listing--default-2-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h6
       class="mb-4 bcl-heading"
     >
       Listing test title
     </h6>
+    
+
+                                                        
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-2 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+              
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+
+
+
+  
+
+
                       <svg
                         class="bi icon--xs"
                       >
+                        
+  
                         <use
                           xlink:href="#chevron-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </div>
+                    
+        
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                                  
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+                      
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         20
                       </div>
+                      
+          
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -3079,6 +6228,8 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -3088,95 +6239,191 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Various time (see detail)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Technology
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -3187,6 +6434,8 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -3195,105 +6444,210 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
                   Title card
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -3303,100 +6657,203 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -3407,6 +6864,8 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -3417,100 +6876,203 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -3521,6 +7083,8 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -3530,104 +7094,208 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -3638,6 +7306,8 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -3647,60 +7317,128 @@ exports[`OE - Listing renders correctly with date and with title 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -3710,28 +7448,108 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
   <div
     class="bcl-listing bcl-listing--highlight-1-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h6
       class="mb-4 bcl-heading"
     >
       Listing test title
     </h6>
+    
+
+                                              
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+      
+  
+
+
+              
+  
+
+
     <div
       class="row row-cols-1 g-4"
     >
+      
+                    
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1002/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -3742,28 +7560,61 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 1
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1003/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -3774,6 +7625,8 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -3781,23 +7634,54 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1004/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -3808,6 +7692,8 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -3816,23 +7702,54 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1005/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -3843,28 +7760,61 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1006/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -3875,55 +7825,123 @@ exports[`OE - Listing renders correctly with highlight and with title 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 5
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
               Title card 6
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 6
             </p>
+                
           </div>
+          
+                      
           <img
             alt="alt img"
             class="card-img-bottom mb-3"
             src="https://picsum.photos/seed/1007/600/400"
           />
+          
+      
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -3933,93 +7951,233 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
   <div
     class="bcl-listing bcl-listing--default-2-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                                        
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+                                                            
+                          
+                        
+    
+    
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-2 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+              
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+
+
+
+  
+
+
                       <svg
                         class="bi icon--xs"
                       >
+                        
+  
                         <use
                           xlink:href="#chevron-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </div>
+                    
+        
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                                  
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+                      
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         20
                       </div>
+                      
+          
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -4030,6 +8188,8 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -4039,95 +8199,191 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Various time (see detail)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Technology
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -4138,6 +8394,8 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -4146,105 +8404,210 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
-        <article
-          class="listing-item border-bottom border-md-0 border-0 card"
-        >
-          <div
+        
+                  
+
+
+
+  
+
+
+
+
+
+        <article
+          class="listing-item border-bottom border-md-0 border-0 card"
+        >
+          
+  
+          <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
                   Title card
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -4254,100 +8617,203 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -4358,6 +8824,8 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -4368,100 +8836,203 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -4472,6 +9043,8 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -4481,104 +9054,208 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item border-bottom border-md-0 border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
             >
+              
+            
+
+
+  
+
+
+
               <time
                 class="bcl-date-block bg-date rounded mw-date text-center d-flex flex-column ratio ratio-1x1"
               >
+                
+  
                 <div
                   class="d-flex flex-column pt-2"
                 >
+                  
+    
                   <div
                     class="d-flex align-item-center bg-white border border-bottom-0 w-100 h-100 text-uppercase justify-content-center gap-2"
                   >
+                    
+      
                     <div
                       class="d-flex flex-column align-item-center justify-content-center"
                     >
+                      
+        
                       <div
                         class="date-month lh-1"
                       >
                         Oct
                       </div>
+                      
+        
                       <div
                         class="date-day fw-bold fs-4 lh-1"
                       >
                         17
                       </div>
+                      
+      
                     </div>
+                    
+          
                   </div>
+                  
+    
                   <div
                     class="bg-lighter border w-100 rounded-bottom py-1 d-flex gap-4 justify-content-center"
                   >
+                    
+      
                     <div
                       class="date-year year-start"
                     >
                       2021
                     </div>
                   </div>
+                  
+  
                 </div>
+                
+
               </time>
+              
+
+        
             </div>
+            
+
             <div
               class="col-12 col-md"
             >
+              
+  
               <div
                 class="card-body p-0 pb-md-0 pb-3"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-5 card-title bcl-heading"
                 >
@@ -4589,6 +9266,8 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                     Card title
                   </a>
                 </h1>
+                
+      
                 <p
                   class="card-text mb-3"
                 >
@@ -4598,60 +9277,128 @@ exports[`OE - Listing with date listing items renders correctly 1`] = `
                   <br />
                 </p>
                 <div>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     08.00 - 18.00 (CET)
                   </span>
+                  
+            
                   <span
                     class="text-muted d-lg-inline d-block me-4 mb-2 mb-md-0"
                   >
                     Barcelona, Spain
                   </span>
+                  
+            
                   <span
                     class="d-lg-inline d-block text-muted mb-2 mb-md-0"
                   >
                     Published: 3 September 2020
                   </span>
+                  
+          
                 </div>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Culture
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+                                      
+
+  
+  
+
+
                   <span
                     class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 3
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -4661,28 +9408,102 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
   <div
     class="bcl-listing bcl-listing--highlight-2-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                              
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-2 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1002/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4693,6 +9514,8 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -4700,23 +9523,54 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1003/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4727,28 +9581,61 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1004/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4759,6 +9646,8 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -4767,23 +9656,54 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1005/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4794,28 +9714,61 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1006/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4826,28 +9779,61 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 5
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1007/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4858,6 +9844,8 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -4865,23 +9853,56 @@ exports[`OE - Listing with highlight listing item in 2 columns renders correctly
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -4891,28 +9912,102 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
   <div
     class="bcl-listing bcl-listing--highlight-3-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                              
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+                                                  
+    
+    
+                                                                                                                              
+    
+      
+  
+
+
+                  
+  
+
+
     <div
       class="row row-cols-1 row-cols-md-3 g-4"
     >
+      
+                    
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1002/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4923,6 +10018,8 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -4932,23 +10029,54 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
               <br />
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1003/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4959,6 +10087,8 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -4967,23 +10097,54 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1004/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -4994,6 +10155,8 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -5003,27 +10166,59 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
               <br />
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
               <br />
+               
               <br />
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1005/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5034,6 +10229,8 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -5041,23 +10238,54 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1006/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5068,28 +10296,61 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 5
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter h-100 rounded-2 card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1007/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5100,28 +10361,63 @@ exports[`OE - Listing with highlight listing item in 3 columns renders correctly
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 6
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
@@ -5131,28 +10427,108 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
   <div
     class="bcl-listing bcl-listing--highlight-1-col"
   >
+    
+
+  
+
+  
+  
+
+
+
     <h2
       class="mb-4 bcl-heading"
     >
       Listing item block title
     </h2>
+    
+
+                                              
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+                                                  
+    
+                                                                                                    
+    
+    
+    
+      
+  
+
+
+              
+  
+
+
     <div
       class="row row-cols-1 g-4"
     >
+      
+                    
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1002/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5163,28 +10539,61 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 1
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1003/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5195,6 +10604,8 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -5202,23 +10613,54 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
               <br />
                 Duis fermentum facilisis ex, ac porta massa.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1004/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5229,6 +10671,8 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
@@ -5237,23 +10681,54 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
                 Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
               <br />
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1005/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5264,28 +10739,61 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+                    
           <img
             alt="alt img"
             class="card-img-top mb-3"
             src="https://picsum.photos/seed/1006/600/400"
           />
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
@@ -5296,55 +10804,123 @@ exports[`OE - Listing with highlight listing item renders correctly 1`] = `
                 Card title
               </a>
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 5
             </p>
+                
           </div>
+          
+              
         </article>
+        
+
+                
       </div>
+      
+                        
       <div
         class="col mt-4-5"
       >
+        
+                  
+
+
+
+  
+
+
+
+
+
         <article
           class="listing-item--highlight border-0 bg-lighter card"
         >
+          
+    
           <div
             class="card-body pt-0"
           >
+            
+              
+
+
+
+
+
+
             <h1
               class="fs-5 card-title bcl-heading"
             >
               Title card 6
             </h1>
+            
+      
             <p
               class="card-text mb-2"
             >
               Text card with longer text which is supported 6
             </p>
+                
           </div>
+          
+                      
           <img
             alt="alt img"
             class="card-img-bottom mb-3"
             src="https://picsum.photos/seed/1007/600/400"
           />
+          
+      
         </article>
+        
+
+                
       </div>
+      
+      
     </div>
+    
+
+
+      
+
+
+                                
+
+
+
     <a
       class="mt-3-5 d-inline-block"
       href="/example.html"
     >
       Listing item block CTA
+
+
+
+
+
+
       <svg
         class="ms-2-5 bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#chevron-right"
         />
+        
+
       </svg>
+      
+
+
     </a>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-listing/listing.html.twig b/src/compositions/bcl-listing/listing.html.twig
index a2900fd71..2a85a14a0 100644
--- a/src/compositions/bcl-listing/listing.html.twig
+++ b/src/compositions/bcl-listing/listing.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h2')
@@ -196,4 +194,3 @@
 {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-mega-menu/__snapshots__/mega-menu.test.js.snap b/src/compositions/bcl-mega-menu/__snapshots__/mega-menu.test.js.snap
index a61358ded..8eadba68b 100644
--- a/src/compositions/bcl-mega-menu/__snapshots__/mega-menu.test.js.snap
+++ b/src/compositions/bcl-mega-menu/__snapshots__/mega-menu.test.js.snap
@@ -5,6 +5,11 @@ exports[`OE - Mega Menu renders correctly 1`] = `
   <div
     class="bcl-mega-menu"
   >
+    
+  
+
+
+
     <button
       aria-controls="mega-menu-mega-menu"
       aria-expanded="false"
@@ -17,42 +22,78 @@ exports[`OE - Mega Menu renders correctly 1`] = `
     >
       Top-level item with megamenu
     </button>
+    
+
+    
     <nav
       aria-label="Main mega menu"
       aria-labelledby="mega-menu"
       class="bcl-mega-menu__container dropdown-menu"
       id="mega-menu-mega-menu"
     >
+      
+    
       <div
         class="container"
       >
+        
+            
         <div
           class="container d-lg-none bcl-mega-menu__back-button-block"
         >
+          
+        
+
+                                          
+
           <button
             aria-label="Back to main menu"
             class="back-button btn btn-link btn-md"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="#arrow-left"
               />
+              
+
             </svg>
-            Back
+            
+
+Back
           </button>
+          
+
+      
         </div>
+        
+            
         <div
           class="position-relative"
         >
+          
+        
           <div
             class="row"
           >
+            
+                                
             <div
               class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
             >
+              
+              
               <div
                 class="content-block"
               >
@@ -62,41 +103,88 @@ exports[`OE - Mega Menu renders correctly 1`] = `
                 <p>
                   Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 </p>
+                                                    
                 <p
                   class="m-0"
                 >
+                  
+
+
+                                
+
+
+
                   <a
                     class="content-link"
                     href="/example.html"
                   >
                     Discover more
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="#arrow-right"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+
                 </p>
+                
+                              
               </div>
+              
+              
               <div
                 class="shadow-container"
               >
+                
+                
                 <span
                   class="shadow-bg"
                 />
+                
+              
               </div>
+              
+            
             </div>
+            
+                              
             <div
               class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
             >
+              
+            
+
               <ul
                 class="bcl-mega-menu__items __level-1"
               >
+                
+                      
                 <li
                   class="__parent"
                 >
+                  
+        
+
+
+
+  
+
                   <button
                     aria-controls="mm-panel-custom-trigger-mm-1"
                     aria-expanded="false"
@@ -106,6 +194,10 @@ exports[`OE - Mega Menu renders correctly 1`] = `
                   >
                     Submenu item 1 with very long text that wraps to multiple lines
                   </button>
+                  
+
+
+      
                   <div
                     aria-labelledby="custom-trigger-mm-1"
                     class="bcl-mega-menu__submenu __level-2"
@@ -113,80 +205,182 @@ exports[`OE - Mega Menu renders correctly 1`] = `
                     id="mm-panel-custom-trigger-mm-1"
                     role="group"
                   >
+                    
+    
                     <div
                       class="__header"
                     >
+                      
+      
                       <p
                         class="__label"
                       >
                         Submenu item 1 with very long text that wraps to multiple lines
                       </p>
+                      
+  
                     </div>
+                    
+    
+
                     <ul
                       class="bcl-mega-menu__items __level-2"
                     >
+                      
+                      
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 1.1
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 1.2 with longer link text that spans multiple lines
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 1.3
                         </a>
+                        
+              
                       </li>
+                      
+      
                     </ul>
+                    
+
+      
                     <div
                       class="__see_all"
                     >
+                      
+      
+
+
+                                
+
+
+
                       <a
                         aria-label="See all items in ‘Submenu item 1 with very long text that wraps to multiple lines’"
                         class="see-all-button"
                         href="/example.html"
                       >
+                            
                         <span>
                           More of submenu item 1, where even the see all text is very long.
                         </span>
+                        
+  
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--xs"
                         >
+                          
+  
                           <use
                             xlink:href="#arrow-right"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+    
                     </div>
+                    
+  
                   </div>
+                  
+
+      
                 </li>
+                
+                          
                 <li
                   class="__leaf"
                 >
+                  
+                            
+
+
+
+  
+
+
                   <a
                     href="/example.html"
                   >
                     Submenu item 2
                   </a>
+                  
+              
                 </li>
+                
+                          
                 <li
                   class="__parent"
                 >
+                  
+        
+
+
+
+  
+
                   <button
                     aria-controls="mm-panel-custom-trigger-mm-2"
                     aria-expanded="false"
@@ -196,6 +390,10 @@ exports[`OE - Mega Menu renders correctly 1`] = `
                   >
                     Submenu item 3 (many children)
                   </button>
+                  
+
+
+      
                   <div
                     aria-labelledby="custom-trigger-mm-2"
                     class="bcl-mega-menu__submenu __level-2"
@@ -203,177 +401,405 @@ exports[`OE - Mega Menu renders correctly 1`] = `
                     id="mm-panel-custom-trigger-mm-2"
                     role="group"
                   >
+                    
+    
                     <div
                       class="__header"
                     >
+                      
+      
                       <p
                         class="__label"
                       >
                         Submenu item 3 (many children)
                       </p>
+                      
+  
                     </div>
+                    
+    
+
                     <ul
                       class="bcl-mega-menu__items __level-2"
                     >
+                      
+                      
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.1
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.2
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.3
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.4
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.5
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.6
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.7
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.8
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.9
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.10
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.11
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.13
                         </a>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 2.14
                         </a>
+                        
+              
                       </li>
+                      
+      
                     </ul>
+                    
+
+      
                     <div
                       class="__see_all"
                     >
+                      
+      
+
+
+                                
+
+
+
                       <a
                         aria-label="See all items in ‘Submenu item 3 (many children)’"
                         class="see-all-button"
                         href="/example.html"
                       >
+                            
                         <span>
                           More of submenu item 3
                         </span>
+                        
+  
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--xs"
                         >
+                          
+  
                           <use
                             xlink:href="#arrow-right"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+    
                     </div>
+                    
+  
                   </div>
+                  
+
+      
                 </li>
+                
+                          
                 <li
                   class="__leaf"
                 >
+                  
+                            
+
+
+
+  
+
+
                   <a
                     href="/example.html"
                   >
                     Submenu item 3 with very long text that needs multiple lines.
                   </a>
+                  
+              
                 </li>
+                
+                          
                 <li
                   class="__leaf"
                 >
+                  
+                            
                   <span>
                     Submenu item 4 (nolink)
                   </span>
+                  
+              
                 </li>
+                
+                          
                 <li
                   class="__parent"
                 >
+                  
+        
+
+
+
+  
+
                   <button
                     aria-controls="mm-panel-custom-trigger-mm-3"
                     aria-expanded="false"
@@ -383,6 +809,10 @@ exports[`OE - Mega Menu renders correctly 1`] = `
                   >
                     Submenu item 5 (nolink parent)
                   </button>
+                  
+
+
+
                   <div
                     aria-labelledby="custom-trigger-mm-3"
                     class="bcl-mega-menu__submenu __level-2"
@@ -390,70 +820,156 @@ exports[`OE - Mega Menu renders correctly 1`] = `
                     id="mm-panel-custom-trigger-mm-3"
                     role="group"
                   >
+                    
+    
                     <div
                       class="__header"
                     >
+                      
+      
                       <p
                         class="__label"
                       >
                         Submenu item 5 (nolink parent)
                       </p>
+                      
+  
                     </div>
+                    
+    
+
                     <ul
                       class="bcl-mega-menu__items __level-2"
                     >
+                      
+                      
                       <li
                         class="__leaf"
                       >
+                        
+                            
                         <span>
                           Sub-submenu item 5.1 (nolink)
                         </span>
+                        
+              
                       </li>
+                      
+                          
                       <li
                         class="__leaf"
                       >
+                        
+                            
+
+
+
+  
+
+
                         <a
                           href="/example.html"
                         >
                           Sub-submenu item 5.2
                         </a>
+                        
+              
                       </li>
+                      
+      
                     </ul>
+                    
+
+  
                   </div>
+                  
+
+      
                 </li>
+                
+                          
                 <li
                   class="__leaf"
                 >
+                  
+                            
+
+
+
+  
+
+
                   <a
                     href="/example.html"
                   >
                     Submenu item 6.
                   </a>
+                  
+              
                 </li>
+                
+                          
                 <li
                   class="__leaf"
                 >
+                  
+                            
+
+
+
+  
+
+
                   <a
                     href="/example.html"
                   >
                     Submenu item 7.
                   </a>
+                  
+              
                 </li>
+                
+                          
                 <li
                   class="__leaf"
                 >
+                  
+                            
+
+
+
+  
+
+
                   <a
                     href="/example.html"
                   >
                     Submenu item 8.
                   </a>
+                  
+              
                 </li>
+                
+      
               </ul>
+              
+
+          
             </div>
+            
+        
           </div>
+          
+      
         </div>
+        
+    
       </div>
+      
+  
     </nav>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-mega-menu/mega-menu-items.html.twig b/src/compositions/bcl-mega-menu/mega-menu-items.html.twig
index f1449383d..2a5564f19 100644
--- a/src/compositions/bcl-mega-menu/mega-menu-items.html.twig
+++ b/src/compositions/bcl-mega-menu/mega-menu-items.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {% set _label = label ?? null %}
 {% set _items = items ?? [] %}
 {% set _icon_path = icon_path ?? '' %}
@@ -32,4 +30,3 @@
   {% endfor %}
 </ul>
 
-{% endapply %}
diff --git a/src/compositions/bcl-mega-menu/mega-menu-submenu.html.twig b/src/compositions/bcl-mega-menu/mega-menu-submenu.html.twig
index 729561a95..6518f6011 100644
--- a/src/compositions/bcl-mega-menu/mega-menu-submenu.html.twig
+++ b/src/compositions/bcl-mega-menu/mega-menu-submenu.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {% set _items = items ?? [] %}
 {% set _trigger = trigger ?? null %}
 {% set _icon_path = icon_path ?? '' %}
@@ -65,4 +63,3 @@
   {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-mega-menu/mega-menu.html.twig b/src/compositions/bcl-mega-menu/mega-menu.html.twig
index 21d7ed1fa..0d16b6870 100644
--- a/src/compositions/bcl-mega-menu/mega-menu.html.twig
+++ b/src/compositions/bcl-mega-menu/mega-menu.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - id (string) (default: dropdown-random(1000))
   - link (boolean) (default: false) - sets trigger to link, default is button
@@ -112,4 +110,3 @@
   </nav>
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-news/__snapshots__/news.test.js.snap b/src/compositions/bcl-news/__snapshots__/news.test.js.snap
index eb4743078..ccaf46b52 100644
--- a/src/compositions/bcl-news/__snapshots__/news.test.js.snap
+++ b/src/compositions/bcl-news/__snapshots__/news.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - News full page renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - News full page renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - News full page renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - News full page renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - News full page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - News full page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - News full page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - News full page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - News full page renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - News full page renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - News full page renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - News full page renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - News full page renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - News full page renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - News full page renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - News full page renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - News full page renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - News full page renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,49 +2281,126 @@ exports[`OE - News full page renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -1151,30 +2417,59 @@ exports[`OE - News full page renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -1188,6 +2483,8 @@ exports[`OE - News full page renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -1201,43 +2498,75 @@ exports[`OE - News full page renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                        
+                    
           <p
             id="content"
           >
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper, a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet, posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel. Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
           </p>
+          
+    
           <p>
             Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras facilisis enim non nisi hendrerit laoreet. Vestibulum id facilisis augue, vitae faucibus justo. Etiam congue malesuada urna vitae suscipit. Mauris a varius leo. Nulla vel facilisis lacus. Suspendisse semper velit sit amet purus egestas, sit amet ullamcorper enim egestas. Vestibulum at lacus at purus ornare auctor nec consequat velit. Pellentesque iaculis sit amet nulla at rutrum.
           </p>
+          
+    
           <ul>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+    
           </ul>
+          
+    
           <h2
             class="my-4"
             id="subheading"
           >
             Sub heading
           </h2>
+          
+    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1245,6 +2574,8 @@ exports[`OE - News full page renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1252,16 +2583,24 @@ exports[`OE - News full page renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+                    
+                    
+                    
+  
           <h2
             class="mb-3"
             id="share"
           >
             Share this page
           </h2>
+          
+  
           <svg
             fill="none"
             height="38"
@@ -1269,95 +2608,157 @@ exports[`OE - News full page renders correctly 1`] = `
             width="707"
             xmlns="http://www.w3.org/2000/svg"
           >
+            
+    
             <path
               d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
               fill="#326A9C"
             />
+            
+    
             <path
               d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
               fill="white"
             />
+            
+    
             <path
               d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
               fill="#255074"
             />
+            
+    
             <path
               d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
               fill="white"
             />
+            
+    
             <path
               d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
               fill="#5B7BB8"
             />
+            
+    
             <path
               d="M151 19.0486C151 14.6031 147.418 10.9994 142.999 10.9994C138.581 10.9994 134.999 14.6031 134.999 19.0486C134.999 23.0662 137.925 26.3962 141.749 27V21.3753H139.718V19.0486H141.749V17.2753C141.749 15.2579 142.944 14.1436 144.771 14.1436C145.647 14.1436 146.562 14.3008 146.562 14.3008V16.2817H145.553C144.56 16.2817 144.25 16.9021 144.25 17.5387V19.0486H146.468L146.114 21.3753H144.25V27C148.074 26.3962 151 23.0662 151 19.0486Z"
               fill="white"
             />
+            
+    
             <path
               d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
               fill="#486394"
             />
+            
+    
             <path
               d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
               fill="white"
             />
+            
+    
             <path
               d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
               fill="#4AA1EB"
             />
+            
+    
             <path
               d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
               fill="white"
             />
+            
+    
             <path
               d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
               fill="#3677B0"
             />
+            
+    
             <path
               d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
               fill="white"
             />
+            
+    
             <path
               d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
               fill="#65CF72"
             />
+            
+    
             <path
               d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
               fill="white"
             />
+            
+    
             <path
               d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
               fill="#59B665"
             />
+            
+    
             <path
               d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
               fill="white"
             />
+            
+    
             <path
               d="M556.906 12.625H558.367L562.094 21.8984L565.812 12.625H567.281L562.656 24H561.516L556.906 12.625ZM556.43 12.625H557.719L557.93 19.5625V24H556.43V12.625ZM566.461 12.625H567.75V24H566.25V19.5625L566.461 12.625ZM569.797 19.8672V19.6875C569.797 19.0781 569.885 18.513 570.062 17.9922C570.24 17.4661 570.495 17.0104 570.828 16.625C571.161 16.2344 571.565 15.9323 572.039 15.7188C572.513 15.5 573.044 15.3906 573.633 15.3906C574.227 15.3906 574.76 15.5 575.234 15.7188C575.714 15.9323 576.12 16.2344 576.453 16.625C576.792 17.0104 577.049 17.4661 577.227 17.9922C577.404 18.513 577.492 19.0781 577.492 19.6875V19.8672C577.492 20.4766 577.404 21.0417 577.227 21.5625C577.049 22.0833 576.792 22.5391 576.453 22.9297C576.12 23.3151 575.716 23.6172 575.242 23.8359C574.773 24.0495 574.242 24.1562 573.648 24.1562C573.055 24.1562 572.521 24.0495 572.047 23.8359C571.573 23.6172 571.167 23.3151 570.828 22.9297C570.495 22.5391 570.24 22.0833 570.062 21.5625C569.885 21.0417 569.797 20.4766 569.797 19.8672ZM571.242 19.6875V19.8672C571.242 20.2891 571.292 20.6875 571.391 21.0625C571.49 21.4323 571.638 21.7604 571.836 22.0469C572.039 22.3333 572.292 22.5599 572.594 22.7266C572.896 22.888 573.247 22.9688 573.648 22.9688C574.044 22.9688 574.391 22.888 574.688 22.7266C574.99 22.5599 575.24 22.3333 575.438 22.0469C575.635 21.7604 575.784 21.4323 575.883 21.0625C575.987 20.6875 576.039 20.2891 576.039 19.8672V19.6875C576.039 19.2708 575.987 18.8776 575.883 18.5078C575.784 18.1328 575.633 17.8021 575.43 17.5156C575.232 17.224 574.982 16.9948 574.68 16.8281C574.383 16.6615 574.034 16.5781 573.633 16.5781C573.237 16.5781 572.888 16.6615 572.586 16.8281C572.289 16.9948 572.039 17.224 571.836 17.5156C571.638 17.8021 571.49 18.1328 571.391 18.5078C571.292 18.8776 571.242 19.2708 571.242 19.6875ZM580.75 16.875V24H579.305V15.5469H580.711L580.75 16.875ZM583.391 15.5L583.383 16.8438C583.263 16.8177 583.148 16.8021 583.039 16.7969C582.935 16.7865 582.815 16.7812 582.68 16.7812C582.346 16.7812 582.052 16.8333 581.797 16.9375C581.542 17.0417 581.326 17.1875 581.148 17.375C580.971 17.5625 580.831 17.7865 580.727 18.0469C580.628 18.3021 580.562 18.5833 580.531 18.8906L580.125 19.125C580.125 18.6146 580.174 18.1354 580.273 17.6875C580.378 17.2396 580.536 16.8438 580.75 16.5C580.964 16.151 581.234 15.8802 581.562 15.6875C581.896 15.4896 582.292 15.3906 582.75 15.3906C582.854 15.3906 582.974 15.4036 583.109 15.4297C583.245 15.4505 583.339 15.474 583.391 15.5ZM588.078 24.1562C587.49 24.1562 586.956 24.0573 586.477 23.8594C586.003 23.6562 585.594 23.3724 585.25 23.0078C584.911 22.6432 584.651 22.2109 584.469 21.7109C584.286 21.2109 584.195 20.6641 584.195 20.0703V19.7422C584.195 19.0547 584.297 18.4427 584.5 17.9062C584.703 17.3646 584.979 16.9062 585.328 16.5312C585.677 16.1562 586.073 15.8724 586.516 15.6797C586.958 15.487 587.417 15.3906 587.891 15.3906C588.495 15.3906 589.016 15.4948 589.453 15.7031C589.896 15.9115 590.258 16.2031 590.539 16.5781C590.82 16.9479 591.029 17.3854 591.164 17.8906C591.299 18.3906 591.367 18.9375 591.367 19.5312V20.1797H585.055V19H589.922V18.8906C589.901 18.5156 589.823 18.151 589.688 17.7969C589.557 17.4427 589.349 17.151 589.062 16.9219C588.776 16.6927 588.385 16.5781 587.891 16.5781C587.562 16.5781 587.26 16.6484 586.984 16.7891C586.708 16.9245 586.471 17.1276 586.273 17.3984C586.076 17.6693 585.922 18 585.812 18.3906C585.703 18.7812 585.648 19.2318 585.648 19.7422V20.0703C585.648 20.4714 585.703 20.849 585.812 21.2031C585.927 21.5521 586.091 21.8594 586.305 22.125C586.523 22.3906 586.786 22.599 587.094 22.75C587.406 22.901 587.76 22.9766 588.156 22.9766C588.667 22.9766 589.099 22.8724 589.453 22.6641C589.807 22.4557 590.117 22.1771 590.383 21.8281L591.258 22.5234C591.076 22.7995 590.844 23.0625 590.562 23.3125C590.281 23.5625 589.935 23.7656 589.523 23.9219C589.117 24.0781 588.635 24.1562 588.078 24.1562ZM601.945 21.7578C601.945 21.5495 601.898 21.3568 601.805 21.1797C601.716 20.9974 601.531 20.8333 601.25 20.6875C600.974 20.5365 600.557 20.4062 600 20.2969C599.531 20.1979 599.107 20.0807 598.727 19.9453C598.352 19.8099 598.031 19.6458 597.766 19.4531C597.505 19.2604 597.305 19.0339 597.164 18.7734C597.023 18.513 596.953 18.2083 596.953 17.8594C596.953 17.526 597.026 17.2109 597.172 16.9141C597.323 16.6172 597.534 16.3542 597.805 16.125C598.081 15.8958 598.411 15.7161 598.797 15.5859C599.182 15.4557 599.612 15.3906 600.086 15.3906C600.763 15.3906 601.341 15.5104 601.82 15.75C602.299 15.9896 602.667 16.3099 602.922 16.7109C603.177 17.1068 603.305 17.5469 603.305 18.0312H601.859C601.859 17.7969 601.789 17.5703 601.648 17.3516C601.513 17.1276 601.312 16.9427 601.047 16.7969C600.786 16.651 600.466 16.5781 600.086 16.5781C599.685 16.5781 599.359 16.6406 599.109 16.7656C598.865 16.8854 598.685 17.0391 598.57 17.2266C598.461 17.4141 598.406 17.612 598.406 17.8203C598.406 17.9766 598.432 18.1172 598.484 18.2422C598.542 18.362 598.641 18.474 598.781 18.5781C598.922 18.6771 599.12 18.7708 599.375 18.8594C599.63 18.9479 599.956 19.0365 600.352 19.125C601.044 19.2812 601.615 19.4688 602.062 19.6875C602.51 19.9062 602.844 20.1745 603.062 20.4922C603.281 20.8099 603.391 21.1953 603.391 21.6484C603.391 22.0182 603.312 22.3568 603.156 22.6641C603.005 22.9714 602.784 23.237 602.492 23.4609C602.206 23.6797 601.862 23.8516 601.461 23.9766C601.065 24.0964 600.62 24.1562 600.125 24.1562C599.38 24.1562 598.75 24.0234 598.234 23.7578C597.719 23.4922 597.328 23.1484 597.062 22.7266C596.797 22.3047 596.664 21.8594 596.664 21.3906H598.117C598.138 21.7865 598.253 22.1016 598.461 22.3359C598.669 22.5651 598.924 22.7292 599.227 22.8281C599.529 22.9219 599.828 22.9688 600.125 22.9688C600.521 22.9688 600.852 22.9167 601.117 22.8125C601.388 22.7083 601.594 22.5651 601.734 22.3828C601.875 22.2005 601.945 21.9922 601.945 21.7578ZM606.734 12V24H605.289V12H606.734ZM606.391 19.4531L605.789 19.4297C605.794 18.8516 605.88 18.3177 606.047 17.8281C606.214 17.3333 606.448 16.9036 606.75 16.5391C607.052 16.1745 607.411 15.8932 607.828 15.6953C608.25 15.4922 608.716 15.3906 609.227 15.3906C609.643 15.3906 610.018 15.4479 610.352 15.5625C610.685 15.6719 610.969 15.849 611.203 16.0938C611.443 16.3385 611.625 16.6562 611.75 17.0469C611.875 17.4323 611.938 17.9036 611.938 18.4609V24H610.484V18.4453C610.484 18.0026 610.419 17.6484 610.289 17.3828C610.159 17.112 609.969 16.9167 609.719 16.7969C609.469 16.6719 609.161 16.6094 608.797 16.6094C608.438 16.6094 608.109 16.6849 607.812 16.8359C607.521 16.987 607.268 17.1953 607.055 17.4609C606.846 17.7266 606.682 18.0312 606.562 18.375C606.448 18.7135 606.391 19.0729 606.391 19.4531ZM619.086 22.5547V18.2031C619.086 17.8698 619.018 17.5807 618.883 17.3359C618.753 17.0859 618.555 16.8932 618.289 16.7578C618.023 16.6224 617.695 16.5547 617.305 16.5547C616.94 16.5547 616.62 16.6172 616.344 16.7422C616.073 16.8672 615.859 17.0312 615.703 17.2344C615.552 17.4375 615.477 17.6562 615.477 17.8906H614.031C614.031 17.5885 614.109 17.2891 614.266 16.9922C614.422 16.6953 614.646 16.4271 614.938 16.1875C615.234 15.9427 615.589 15.75 616 15.6094C616.417 15.4635 616.88 15.3906 617.391 15.3906C618.005 15.3906 618.547 15.4948 619.016 15.7031C619.49 15.9115 619.859 16.2266 620.125 16.6484C620.396 17.0651 620.531 17.5885 620.531 18.2188V22.1562C620.531 22.4375 620.555 22.737 620.602 23.0547C620.654 23.3724 620.729 23.6458 620.828 23.875V24H619.32C619.247 23.8333 619.19 23.612 619.148 23.3359C619.107 23.0547 619.086 22.7943 619.086 22.5547ZM619.336 18.875L619.352 19.8906H617.891C617.479 19.8906 617.112 19.9245 616.789 19.9922C616.466 20.0547 616.195 20.151 615.977 20.2812C615.758 20.4115 615.591 20.5755 615.477 20.7734C615.362 20.9661 615.305 21.1927 615.305 21.4531C615.305 21.7188 615.365 21.9609 615.484 22.1797C615.604 22.3984 615.784 22.5729 616.023 22.7031C616.268 22.8281 616.568 22.8906 616.922 22.8906C617.365 22.8906 617.755 22.7969 618.094 22.6094C618.432 22.4219 618.701 22.1927 618.898 21.9219C619.102 21.651 619.211 21.388 619.227 21.1328L619.844 21.8281C619.807 22.0469 619.708 22.2891 619.547 22.5547C619.385 22.8203 619.169 23.0755 618.898 23.3203C618.633 23.5599 618.315 23.7604 617.945 23.9219C617.581 24.0781 617.169 24.1562 616.711 24.1562C616.138 24.1562 615.635 24.0443 615.203 23.8203C614.776 23.5964 614.443 23.2969 614.203 22.9219C613.969 22.5417 613.852 22.1172 613.852 21.6484C613.852 21.1953 613.94 20.7969 614.117 20.4531C614.294 20.1042 614.549 19.8151 614.883 19.5859C615.216 19.3516 615.617 19.1745 616.086 19.0547C616.555 18.9349 617.078 18.875 617.656 18.875H619.336ZM624.25 16.875V24H622.805V15.5469H624.211L624.25 16.875ZM626.891 15.5L626.883 16.8438C626.763 16.8177 626.648 16.8021 626.539 16.7969C626.435 16.7865 626.315 16.7812 626.18 16.7812C625.846 16.7812 625.552 16.8333 625.297 16.9375C625.042 17.0417 624.826 17.1875 624.648 17.375C624.471 17.5625 624.331 17.7865 624.227 18.0469C624.128 18.3021 624.062 18.5833 624.031 18.8906L623.625 19.125C623.625 18.6146 623.674 18.1354 623.773 17.6875C623.878 17.2396 624.036 16.8438 624.25 16.5C624.464 16.151 624.734 15.8802 625.062 15.6875C625.396 15.4896 625.792 15.3906 626.25 15.3906C626.354 15.3906 626.474 15.4036 626.609 15.4297C626.745 15.4505 626.839 15.474 626.891 15.5ZM631.578 24.1562C630.99 24.1562 630.456 24.0573 629.977 23.8594C629.503 23.6562 629.094 23.3724 628.75 23.0078C628.411 22.6432 628.151 22.2109 627.969 21.7109C627.786 21.2109 627.695 20.6641 627.695 20.0703V19.7422C627.695 19.0547 627.797 18.4427 628 17.9062C628.203 17.3646 628.479 16.9062 628.828 16.5312C629.177 16.1562 629.573 15.8724 630.016 15.6797C630.458 15.487 630.917 15.3906 631.391 15.3906C631.995 15.3906 632.516 15.4948 632.953 15.7031C633.396 15.9115 633.758 16.2031 634.039 16.5781C634.32 16.9479 634.529 17.3854 634.664 17.8906C634.799 18.3906 634.867 18.9375 634.867 19.5312V20.1797H628.555V19H633.422V18.8906C633.401 18.5156 633.323 18.151 633.188 17.7969C633.057 17.4427 632.849 17.151 632.562 16.9219C632.276 16.6927 631.885 16.5781 631.391 16.5781C631.062 16.5781 630.76 16.6484 630.484 16.7891C630.208 16.9245 629.971 17.1276 629.773 17.3984C629.576 17.6693 629.422 18 629.312 18.3906C629.203 18.7812 629.148 19.2318 629.148 19.7422V20.0703C629.148 20.4714 629.203 20.849 629.312 21.2031C629.427 21.5521 629.591 21.8594 629.805 22.125C630.023 22.3906 630.286 22.599 630.594 22.75C630.906 22.901 631.26 22.9766 631.656 22.9766C632.167 22.9766 632.599 22.8724 632.953 22.6641C633.307 22.4557 633.617 22.1771 633.883 21.8281L634.758 22.5234C634.576 22.7995 634.344 23.0625 634.062 23.3125C633.781 23.5625 633.435 23.7656 633.023 23.9219C632.617 24.0781 632.135 24.1562 631.578 24.1562ZM640.141 19.8672V19.6875C640.141 19.0781 640.229 18.513 640.406 17.9922C640.583 17.4661 640.839 17.0104 641.172 16.625C641.505 16.2344 641.909 15.9323 642.383 15.7188C642.857 15.5 643.388 15.3906 643.977 15.3906C644.57 15.3906 645.104 15.5 645.578 15.7188C646.057 15.9323 646.464 16.2344 646.797 16.625C647.135 17.0104 647.393 17.4661 647.57 17.9922C647.747 18.513 647.836 19.0781 647.836 19.6875V19.8672C647.836 20.4766 647.747 21.0417 647.57 21.5625C647.393 22.0833 647.135 22.5391 646.797 22.9297C646.464 23.3151 646.06 23.6172 645.586 23.8359C645.117 24.0495 644.586 24.1562 643.992 24.1562C643.398 24.1562 642.865 24.0495 642.391 23.8359C641.917 23.6172 641.51 23.3151 641.172 22.9297C640.839 22.5391 640.583 22.0833 640.406 21.5625C640.229 21.0417 640.141 20.4766 640.141 19.8672ZM641.586 19.6875V19.8672C641.586 20.2891 641.635 20.6875 641.734 21.0625C641.833 21.4323 641.982 21.7604 642.18 22.0469C642.383 22.3333 642.635 22.5599 642.938 22.7266C643.24 22.888 643.591 22.9688 643.992 22.9688C644.388 22.9688 644.734 22.888 645.031 22.7266C645.333 22.5599 645.583 22.3333 645.781 22.0469C645.979 21.7604 646.128 21.4323 646.227 21.0625C646.331 20.6875 646.383 20.2891 646.383 19.8672V19.6875C646.383 19.2708 646.331 18.8776 646.227 18.5078C646.128 18.1328 645.977 17.8021 645.773 17.5156C645.576 17.224 645.326 16.9948 645.023 16.8281C644.727 16.6615 644.378 16.5781 643.977 16.5781C643.581 16.5781 643.232 16.6615 642.93 16.8281C642.633 16.9948 642.383 17.224 642.18 17.5156C641.982 17.8021 641.833 18.1328 641.734 18.5078C641.635 18.8776 641.586 19.2708 641.586 19.6875ZM651.094 17.1719V27.25H649.641V15.5469H650.969L651.094 17.1719ZM656.789 19.7031V19.8672C656.789 20.4818 656.716 21.0521 656.57 21.5781C656.424 22.099 656.211 22.5521 655.93 22.9375C655.654 23.3229 655.312 23.6224 654.906 23.8359C654.5 24.0495 654.034 24.1562 653.508 24.1562C652.971 24.1562 652.497 24.0677 652.086 23.8906C651.674 23.7135 651.326 23.4557 651.039 23.1172C650.753 22.7786 650.523 22.3724 650.352 21.8984C650.185 21.4245 650.07 20.8906 650.008 20.2969V19.4219C650.07 18.7969 650.188 18.237 650.359 17.7422C650.531 17.2474 650.758 16.8255 651.039 16.4766C651.326 16.1224 651.672 15.8542 652.078 15.6719C652.484 15.4844 652.953 15.3906 653.484 15.3906C654.016 15.3906 654.487 15.4948 654.898 15.7031C655.31 15.9062 655.656 16.1979 655.938 16.5781C656.219 16.9583 656.43 17.4141 656.57 17.9453C656.716 18.4714 656.789 19.0573 656.789 19.7031ZM655.336 19.8672V19.7031C655.336 19.2812 655.292 18.8854 655.203 18.5156C655.115 18.1406 654.977 17.8125 654.789 17.5312C654.607 17.2448 654.372 17.0208 654.086 16.8594C653.799 16.6927 653.458 16.6094 653.062 16.6094C652.698 16.6094 652.38 16.6719 652.109 16.7969C651.844 16.9219 651.617 17.0911 651.43 17.3047C651.242 17.513 651.089 17.7526 650.969 18.0234C650.854 18.2891 650.768 18.5651 650.711 18.8516V20.875C650.815 21.2396 650.961 21.5833 651.148 21.9062C651.336 22.224 651.586 22.4818 651.898 22.6797C652.211 22.8724 652.604 22.9688 653.078 22.9688C653.469 22.9688 653.805 22.888 654.086 22.7266C654.372 22.5599 654.607 22.3333 654.789 22.0469C654.977 21.7604 655.115 21.4323 655.203 21.0625C655.292 20.6875 655.336 20.2891 655.336 19.8672ZM662.172 15.5469V16.6562H657.602V15.5469H662.172ZM659.148 13.4922H660.594V21.9062C660.594 22.1927 660.638 22.4089 660.727 22.5547C660.815 22.7005 660.93 22.7969 661.07 22.8438C661.211 22.8906 661.362 22.9141 661.523 22.9141C661.643 22.9141 661.768 22.9036 661.898 22.8828C662.034 22.8568 662.135 22.8359 662.203 22.8203L662.211 24C662.096 24.0365 661.945 24.0703 661.758 24.1016C661.576 24.138 661.354 24.1562 661.094 24.1562C660.74 24.1562 660.414 24.0859 660.117 23.9453C659.82 23.8047 659.583 23.5703 659.406 23.2422C659.234 22.9089 659.148 22.4609 659.148 21.8984V13.4922ZM665.438 15.5469V24H663.984V15.5469H665.438ZM663.875 13.3047C663.875 13.0703 663.945 12.8724 664.086 12.7109C664.232 12.5495 664.445 12.4688 664.727 12.4688C665.003 12.4688 665.214 12.5495 665.359 12.7109C665.51 12.8724 665.586 13.0703 665.586 13.3047C665.586 13.5286 665.51 13.7214 665.359 13.8828C665.214 14.0391 665.003 14.1172 664.727 14.1172C664.445 14.1172 664.232 14.0391 664.086 13.8828C663.945 13.7214 663.875 13.5286 663.875 13.3047ZM667.375 19.8672V19.6875C667.375 19.0781 667.464 18.513 667.641 17.9922C667.818 17.4661 668.073 17.0104 668.406 16.625C668.74 16.2344 669.143 15.9323 669.617 15.7188C670.091 15.5 670.622 15.3906 671.211 15.3906C671.805 15.3906 672.339 15.5 672.812 15.7188C673.292 15.9323 673.698 16.2344 674.031 16.625C674.37 17.0104 674.628 17.4661 674.805 17.9922C674.982 18.513 675.07 19.0781 675.07 19.6875V19.8672C675.07 20.4766 674.982 21.0417 674.805 21.5625C674.628 22.0833 674.37 22.5391 674.031 22.9297C673.698 23.3151 673.294 23.6172 672.82 23.8359C672.352 24.0495 671.82 24.1562 671.227 24.1562C670.633 24.1562 670.099 24.0495 669.625 23.8359C669.151 23.6172 668.745 23.3151 668.406 22.9297C668.073 22.5391 667.818 22.0833 667.641 21.5625C667.464 21.0417 667.375 20.4766 667.375 19.8672ZM668.82 19.6875V19.8672C668.82 20.2891 668.87 20.6875 668.969 21.0625C669.068 21.4323 669.216 21.7604 669.414 22.0469C669.617 22.3333 669.87 22.5599 670.172 22.7266C670.474 22.888 670.826 22.9688 671.227 22.9688C671.622 22.9688 671.969 22.888 672.266 22.7266C672.568 22.5599 672.818 22.3333 673.016 22.0469C673.214 21.7604 673.362 21.4323 673.461 21.0625C673.565 20.6875 673.617 20.2891 673.617 19.8672V19.6875C673.617 19.2708 673.565 18.8776 673.461 18.5078C673.362 18.1328 673.211 17.8021 673.008 17.5156C672.81 17.224 672.56 16.9948 672.258 16.8281C671.961 16.6615 671.612 16.5781 671.211 16.5781C670.815 16.5781 670.466 16.6615 670.164 16.8281C669.867 16.9948 669.617 17.224 669.414 17.5156C669.216 17.8021 669.068 18.1328 668.969 18.5078C668.87 18.8776 668.82 19.2708 668.82 19.6875ZM678.328 17.3516V24H676.883V15.5469H678.25L678.328 17.3516ZM677.984 19.4531L677.383 19.4297C677.388 18.8516 677.474 18.3177 677.641 17.8281C677.807 17.3333 678.042 16.9036 678.344 16.5391C678.646 16.1745 679.005 15.8932 679.422 15.6953C679.844 15.4922 680.31 15.3906 680.82 15.3906C681.237 15.3906 681.612 15.4479 681.945 15.5625C682.279 15.6719 682.562 15.849 682.797 16.0938C683.036 16.3385 683.219 16.6562 683.344 17.0469C683.469 17.4323 683.531 17.9036 683.531 18.4609V24H682.078V18.4453C682.078 18.0026 682.013 17.6484 681.883 17.3828C681.753 17.112 681.562 16.9167 681.312 16.7969C681.062 16.6719 680.755 16.6094 680.391 16.6094C680.031 16.6094 679.703 16.6849 679.406 16.8359C679.115 16.987 678.862 17.1953 678.648 17.4609C678.44 17.7266 678.276 18.0312 678.156 18.375C678.042 18.7135 677.984 19.0729 677.984 19.4531ZM690.648 21.7578C690.648 21.5495 690.602 21.3568 690.508 21.1797C690.419 20.9974 690.234 20.8333 689.953 20.6875C689.677 20.5365 689.26 20.4062 688.703 20.2969C688.234 20.1979 687.81 20.0807 687.43 19.9453C687.055 19.8099 686.734 19.6458 686.469 19.4531C686.208 19.2604 686.008 19.0339 685.867 18.7734C685.727 18.513 685.656 18.2083 685.656 17.8594C685.656 17.526 685.729 17.2109 685.875 16.9141C686.026 16.6172 686.237 16.3542 686.508 16.125C686.784 15.8958 687.115 15.7161 687.5 15.5859C687.885 15.4557 688.315 15.3906 688.789 15.3906C689.466 15.3906 690.044 15.5104 690.523 15.75C691.003 15.9896 691.37 16.3099 691.625 16.7109C691.88 17.1068 692.008 17.5469 692.008 18.0312H690.562C690.562 17.7969 690.492 17.5703 690.352 17.3516C690.216 17.1276 690.016 16.9427 689.75 16.7969C689.49 16.651 689.169 16.5781 688.789 16.5781C688.388 16.5781 688.062 16.6406 687.812 16.7656C687.568 16.8854 687.388 17.0391 687.273 17.2266C687.164 17.4141 687.109 17.612 687.109 17.8203C687.109 17.9766 687.135 18.1172 687.188 18.2422C687.245 18.362 687.344 18.474 687.484 18.5781C687.625 18.6771 687.823 18.7708 688.078 18.8594C688.333 18.9479 688.659 19.0365 689.055 19.125C689.747 19.2812 690.318 19.4688 690.766 19.6875C691.214 19.9062 691.547 20.1745 691.766 20.4922C691.984 20.8099 692.094 21.1953 692.094 21.6484C692.094 22.0182 692.016 22.3568 691.859 22.6641C691.708 22.9714 691.487 23.237 691.195 23.4609C690.909 23.6797 690.565 23.8516 690.164 23.9766C689.768 24.0964 689.323 24.1562 688.828 24.1562C688.083 24.1562 687.453 24.0234 686.938 23.7578C686.422 23.4922 686.031 23.1484 685.766 22.7266C685.5 22.3047 685.367 21.8594 685.367 21.3906H686.82C686.841 21.7865 686.956 22.1016 687.164 22.3359C687.372 22.5651 687.628 22.7292 687.93 22.8281C688.232 22.9219 688.531 22.9688 688.828 22.9688C689.224 22.9688 689.555 22.9167 689.82 22.8125C690.091 22.7083 690.297 22.5651 690.438 22.3828C690.578 22.2005 690.648 21.9922 690.648 21.7578Z"
               fill="#253EBE"
             />
+            
+    
             <path
               d="M555.109 25.5625H692.883V26.3438H555.109V25.5625Z"
               fill="#253EBE"
             />
+            
+  
           </svg>
+          
+
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1368,187 +2769,396 @@ exports[`OE - News full page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -1558,28 +3168,42 @@ exports[`OE - News listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -1589,56 +3213,140 @@ exports[`OE - News listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -1651,42 +3359,78 @@ exports[`OE - News listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -1696,41 +3440,88 @@ exports[`OE - News listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -1741,6 +3532,10 @@ exports[`OE - News listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1748,142 +3543,322 @@ exports[`OE - News listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
-                                  >
-                                    Base Sub Category Item
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
+                                  >
+                                    Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -1893,6 +3868,10 @@ exports[`OE - News listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1900,158 +3879,371 @@ exports[`OE - News listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2059,30 +4251,71 @@ exports[`OE - News listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2093,155 +4326,354 @@ exports[`OE - News listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
-  <div
-    aria-hidden="true"
-    aria-label="loginModalLabel"
-    class="modal fade"
+  
+
+  
+
+
+  
+
+
+
+  <div
+    aria-hidden="true"
+    aria-label="loginModalLabel"
+    class="modal fade"
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2251,6 +4683,8 @@ exports[`OE - News listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2258,21 +4692,29 @@ exports[`OE - News listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2280,6 +4722,8 @@ exports[`OE - News listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2290,6 +4734,8 @@ exports[`OE - News listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2297,9 +4743,28 @@ exports[`OE - News listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2307,80 +4772,151 @@ exports[`OE - News listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2389,6 +4925,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2397,6 +4941,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2405,6 +4957,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2413,6 +4973,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2421,6 +4989,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2429,6 +5005,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2437,6 +5021,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2444,14 +5036,35 @@ exports[`OE - News listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2460,6 +5073,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2468,6 +5089,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2476,6 +5105,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -2484,10 +5121,22 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2496,6 +5145,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -2504,6 +5161,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2512,6 +5177,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2520,6 +5193,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -2528,6 +5209,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -2536,6 +5225,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -2544,6 +5241,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -2552,6 +5257,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -2560,6 +5273,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -2568,6 +5289,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -2576,6 +5305,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -2584,23 +5321,49 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -2609,6 +5372,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -2617,6 +5388,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -2625,10 +5404,22 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -2637,6 +5428,14 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -2645,49 +5444,126 @@ exports[`OE - News listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   News
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -2695,37 +5571,88 @@ exports[`OE - News listing renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
-          <div
-            aria-labelledby="bcl-offcanvas-title"
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
+          <div
+            aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
             data-bs-scroll="true"
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -2734,72 +5661,178 @@ exports[`OE - News listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                                            
+
+
+
+
+
+  
+
+
+
+
+  
+
+  
+      
                 <label
                   class="form-label"
                   for="keyword"
                 >
                   Keyword
                 </label>
+                
+  
+    
                 <input
                   class="mb-3 form-control"
                   id="keyword"
                   placeholder="Type a keyword"
                   type="text"
                 />
+                
+
+                                                                                    
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                 <label
                   class="form-label"
                   for="creation-date-from"
                 >
                   Creation date (from)
                 </label>
+                
+  
+    
                 <input
                   class="mb-2 form-control"
                   id="creation-date-from"
                   type="date"
                 />
+                
+
+                                                                                    
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                 <label
                   class="form-label"
                   for="creation-date-to"
                 >
                   Creation date (to)
                 </label>
+                
+  
+    
                 <input
                   class="mb-4-5 form-control"
                   id="creation-date-to"
                   type="date"
                 />
+                
+
+                              
                 <div
                   class="mt-4 d-grid gap-4 d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -2807,30 +5840,67 @@ exports[`OE - News listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -2839,15 +5909,36 @@ exports[`OE - News listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -2856,15 +5947,36 @@ exports[`OE - News listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -2873,104 +5985,263 @@ exports[`OE - News listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             News title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -2984,56 +6255,126 @@ exports[`OE - News listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 2
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             News title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3047,51 +6388,114 @@ exports[`OE - News listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             News title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3105,61 +6509,138 @@ exports[`OE - News listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+                                                                          
+
+  
+  
+
+
                           <span
                             class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 2
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 3
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             News title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3173,51 +6654,114 @@ exports[`OE - News listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
-                <article
-                  class="listing-item border-bottom border-md-0 border-0 card"
-                >
-                  <div
+                
+                  
+
+
+
+  
+
+
+
+
+
+                <article
+                  class="listing-item border-bottom border-md-0 border-0 card"
+                >
+                  
+  
+                  <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             News title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3231,56 +6775,126 @@ exports[`OE - News listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 2
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             News title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3294,50 +6908,152 @@ exports[`OE - News listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -3345,10 +7061,31 @@ exports[`OE - News listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -3356,50 +7093,155 @@ exports[`OE - News listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -3407,42 +7249,110 @@ exports[`OE - News listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -3453,187 +7363,396 @@ exports[`OE - News listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-page/__snapshots__/page.test.js.snap b/src/compositions/bcl-page/__snapshots__/page.test.js.snap
index 0cc5a1df6..b4b2c2e5d 100644
--- a/src/compositions/bcl-page/__snapshots__/page.test.js.snap
+++ b/src/compositions/bcl-page/__snapshots__/page.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Page Page renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Page Page renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Page Page renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Page Page renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Page Page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Page Page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Page Page renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Page Page renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Page Page renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Page Page renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Page Page renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Page Page renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Page Page renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Page Page renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Page Page renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Page Page renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Page Page renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Page Page renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,23 +2158,49 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -1056,6 +2209,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,49 +2281,126 @@ exports[`OE - Page Page renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -1151,30 +2417,59 @@ exports[`OE - Page Page renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -1188,6 +2483,8 @@ exports[`OE - Page Page renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -1201,23 +2498,51 @@ exports[`OE - Page Page renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -1226,72 +2551,170 @@ exports[`OE - Page Page renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#content"
                   >
                     Content
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#item-1"
                   >
                     Section 1
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#item-2"
                   >
                     Section 2
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#item-3"
                   >
                     Section 3
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+              
           <p
             id="content"
           >
@@ -1301,22 +2724,40 @@ exports[`OE - Page Page renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
+            
+  
           </p>
+          
+  
           <h2
             class="my-4"
             id="item-1"
           >
             Section 1
           </h2>
+          
+      
+
+
+  
+
+
+
+
           <div
             class="bcl-featured-item pb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+  
               <div
                 class="col-12 col-md-6 order-1"
               >
@@ -1327,23 +2768,40 @@ exports[`OE - Page Page renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
                 </p>
+                      
+
+
+
+  
+
+
                 <a
                   href="/example.html"
                 >
                   Read more
                 </a>
+                
+      
               </div>
+              
+  
               <div
                 class="col-12 col-md-6 order-2 mt-4 mt-md-0"
               >
+                
+
+
                 <figure
                   class="rounded overflow-hidden"
                   src="https://www.youtube.com/embed/VFYlYeFAEH4"
                 >
+                  
+    
                   <div
                     class="ratio ratio-16x9"
                   >
@@ -1357,60 +2815,140 @@ exports[`OE - Page Page renders correctly 1`] = `
                       width="350"
                     />
                   </div>
+                  
+
+  
                   <figcaption
                     class="bg-lighter p-3"
                   >
                     Media description text goes here.
                   </figcaption>
+                  
+
                 </figure>
+                
+
+    
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+  
+      
+
+
+  
+
+
+
+  
+
+
+
+
+
+
           <div
             class="bg-lighter text-dark text-center bcl-banner overlay"
           >
+            
+      
             <div
               class="bcl-banner__image"
               style="background-image:url(https://picsum.photos/id/154/1200/800)"
             />
+            
+    
             <div
               class="container"
             >
+              
+    
               <div
                 class="bcl-banner__content"
               >
+                
+              
+
+
+
+
+
+
                 <div
                   class="display-6 mb-3 bcl-heading"
                 >
                   EU Budget for the future
                 </div>
+                
+                
                 <p
                   class="mb-4"
                 >
                   Innovation, economy, environment and geopolitics
                 </p>
+                
+              
+
+
+                                
+
+
+
                 <a
                   class="btn btn-primary"
                   href="/example.html"
                 >
                   Subscribe
+
+
+
+
+
+
                   <svg
                     class="ms-2-5 bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+        
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+  
+  
+  
           <h2
             class="my-4"
             id="item-2"
           >
             Section 2
           </h2>
+          
+
+  
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1418,20 +2956,37 @@ exports[`OE - Page Page renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+
+      
+
+
+  
+  
+
           <figure
             class="text-left bg-lighter p-2 px-2-5 border-4 border-secondary border-start"
           >
+            
+  
             <blockquote
               class="blockquote mb-2"
             >
+              
+    
               <p>
                 A well-known quote, contained in a blockquote element.
               </p>
+              
+  
             </blockquote>
+            
+  
             <figcaption
               class="blockquote-footer m-0"
             >
@@ -1441,8 +2996,16 @@ exports[`OE - Page Page renders correctly 1`] = `
               >
                 Source title
               </cite>
+              
+    
             </figcaption>
+            
+
           </figure>
+          
+
+      
+  
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1450,6 +3013,7 @@ exports[`OE - Page Page renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
@@ -1457,12 +3021,18 @@ exports[`OE - Page Page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+
+  
           <h2
             class="my-4"
             id="item-3"
           >
             Section 3
           </h2>
+          
+
+  
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1470,37 +3040,79 @@ exports[`OE - Page Page renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+
+  
+
+
+
+
+
+    
+
+
+
+
           <div
             class="mb-3 bcl-file border rounded"
           >
+            
+    
             <div
               class="px-3-5 py-3"
             >
+              
+    
               <div
                 class="d-md-flex"
               >
+                
+              
                 <div
                   class="pe-2 pb-2"
                 >
+                  
+        
+
+
+
+
+
+
                   <svg
                     class="mt-1 icon--file bi icon--xl"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#file-pdf-fill"
                     />
+                    
+
                   </svg>
+                  
+
+        
                 </div>
+                
+            
                 <div
                   class="d-md-flex flex-grow-1"
                 >
+                  
+        
                   <div
                     class="flex-grow-1"
                   >
+                    
+                      
                     <p
                       class="fw-medium m-0 fs-5"
                     >
                       File title
                     </p>
+                    
+                              
                     <small
                       class="fw-medium m-0"
                     >
@@ -1511,7 +3123,17 @@ exports[`OE - Page Page renders correctly 1`] = `
                          (16.2 MB - PDF)
                       </span>
                     </small>
+                    
+                  
                   </div>
+                  
+                        
+
+
+                                
+
+
+
                   <a
                     class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                     download
@@ -1519,23 +3141,58 @@ exports[`OE - Page Page renders correctly 1`] = `
                     target="_blank"
                   >
                     Download
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#download"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+      
+
+  
+
+
             <div
               class="bg-lighter py-3 px-4 border-top"
             >
+              
+  
               <div
                 class="text-end text-md-center"
               >
+                
+    
+
+
+                                
+
+
+
                 <a
                   aria-controls="language-dropdown-first"
                   aria-expanded="false"
@@ -1545,38 +3202,67 @@ exports[`OE - Page Page renders correctly 1`] = `
                   role="button"
                 >
                   Other languages (3)
+
+
+
+
+
+
                   <svg
                     class="ms-2-5 bi icon--2xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#caret-down-fill"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+  
               </div>
+              
+    
               <div
                 class="collapse"
                 id="language-dropdown-first"
               >
+                
+                
                 <div
                   class="py-3 border-bottom"
                 >
+                  
+              
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md-9"
                     >
+                      
+                          
                       <p
                         class="fw-bold m-0"
                       >
                         File title FR
                       </p>
+                      
+                                      
                       <p
                         class="m-0"
                       >
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                       </p>
+                      
+                                    
                       <small
                         class="fw-bold m-0"
                       >
@@ -1587,10 +3273,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                      
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md-3 align-self-end text-md-end"
                     >
+                      
+                              
+
+
+                                
+
+
+
                       <a
                         class="d-block standalone mt-1"
                         download
@@ -1598,36 +3296,67 @@ exports[`OE - Page Page renders correctly 1`] = `
                         target="_blank"
                       >
                         Download
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--fluid"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#download"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+          
                     </div>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="py-3 border-bottom"
                 >
+                  
+              
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md-9"
                     >
+                      
+                          
                       <p
                         class="fw-bold m-0"
                       >
                         File title ES
                       </p>
+                      
+                                      
                       <p
                         class="m-0"
                       >
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                       </p>
+                      
+                                    
                       <small
                         class="fw-bold m-0"
                       >
@@ -1638,10 +3367,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                      
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md-3 align-self-end text-md-end"
                     >
+                      
+                              
+
+
+                                
+
+
+
                       <a
                         class="d-block standalone mt-1"
                         download
@@ -1649,36 +3390,67 @@ exports[`OE - Page Page renders correctly 1`] = `
                         target="_blank"
                       >
                         Download
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--fluid"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#download"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+          
                     </div>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="py-3 border-bottom"
                 >
+                  
+              
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md-9"
                     >
+                      
+                          
                       <p
                         class="fw-bold m-0"
                       >
                         File title BG
                       </p>
+                      
+                                      
                       <p
                         class="m-0"
                       >
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                       </p>
+                      
+                                    
                       <small
                         class="fw-bold m-0"
                       >
@@ -1689,10 +3461,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                      
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md-3 align-self-end text-md-end"
                     >
+                      
+                              
+
+
+                                
+
+
+
                       <a
                         class="d-block standalone mt-1"
                         download
@@ -1700,20 +3484,43 @@ exports[`OE - Page Page renders correctly 1`] = `
                         target="_blank"
                       >
                         Download
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--fluid"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#download"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+          
                     </div>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="pt-3"
                 >
+                  
+              
                   <p
                     class="mb-2 d-inline-block me-2"
                   >
@@ -1724,41 +3531,92 @@ exports[`OE - Page Page renders correctly 1`] = `
                   >
                     Find out why.
                   </a>
+                  
+            
                 </div>
+                
+      
               </div>
+              
+  
             </div>
+            
+
+  
           </div>
+          
+
+  
+
+
+
+
+
+    
+
+
+
+
           <div
             class="mb-3 bcl-file border rounded"
           >
+            
+    
             <div
               class="px-3-5 py-3"
             >
+              
+    
               <div
                 class="d-md-flex"
               >
+                
+              
                 <div
                   class="pe-2 pb-2"
                 >
+                  
+        
+
+
+
+
+
+
                   <svg
                     class="mt-1 icon--file bi icon--xl"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#file-pdf-fill"
                     />
+                    
+
                   </svg>
+                  
+
+        
                 </div>
+                
+            
                 <div
                   class="d-md-flex flex-grow-1"
                 >
+                  
+        
                   <div
                     class="flex-grow-1"
                   >
+                    
+                      
                     <p
                       class="fw-medium m-0 fs-5"
                     >
                       File title
                     </p>
+                    
+                              
                     <small
                       class="fw-medium m-0"
                     >
@@ -1769,7 +3627,17 @@ exports[`OE - Page Page renders correctly 1`] = `
                          (16.2 MB - PDF)
                       </span>
                     </small>
+                    
+                  
                   </div>
+                  
+                        
+
+
+                                
+
+
+
                   <a
                     class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                     download
@@ -1777,23 +3645,58 @@ exports[`OE - Page Page renders correctly 1`] = `
                     target="_blank"
                   >
                     Download
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#download"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+      
+
+  
+
+
             <div
               class="bg-lighter py-3 px-4 border-top"
             >
+              
+  
               <div
                 class="text-end text-md-center"
               >
+                
+    
+
+
+                                
+
+
+
                 <a
                   aria-controls="language-dropdown-second"
                   aria-expanded="false"
@@ -1803,38 +3706,67 @@ exports[`OE - Page Page renders correctly 1`] = `
                   role="button"
                 >
                   Other languages (3)
+
+
+
+
+
+
                   <svg
                     class="ms-2-5 bi icon--2xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#caret-down-fill"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+  
               </div>
+              
+    
               <div
                 class="collapse"
                 id="language-dropdown-second"
               >
+                
+                
                 <div
                   class="py-3 border-bottom"
                 >
+                  
+              
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md-9"
                     >
+                      
+                          
                       <p
                         class="fw-bold m-0"
                       >
                         File title FR
                       </p>
+                      
+                                      
                       <p
                         class="m-0"
                       >
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                       </p>
+                      
+                                    
                       <small
                         class="fw-bold m-0"
                       >
@@ -1845,10 +3777,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                      
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md-3 align-self-end text-md-end"
                     >
+                      
+                              
+
+
+                                
+
+
+
                       <a
                         class="d-block standalone mt-1"
                         download
@@ -1856,36 +3800,67 @@ exports[`OE - Page Page renders correctly 1`] = `
                         target="_blank"
                       >
                         Download
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--fluid"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#download"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+          
                     </div>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="py-3 border-bottom"
                 >
+                  
+              
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md-9"
                     >
+                      
+                          
                       <p
                         class="fw-bold m-0"
                       >
                         File title ES
                       </p>
+                      
+                                      
                       <p
                         class="m-0"
                       >
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                       </p>
+                      
+                                    
                       <small
                         class="fw-bold m-0"
                       >
@@ -1896,10 +3871,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                      
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md-3 align-self-end text-md-end"
                     >
+                      
+                              
+
+
+                                
+
+
+
                       <a
                         class="d-block standalone mt-1"
                         download
@@ -1907,36 +3894,67 @@ exports[`OE - Page Page renders correctly 1`] = `
                         target="_blank"
                       >
                         Download
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--fluid"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#download"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+          
                     </div>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="py-3 border-bottom"
                 >
+                  
+              
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md-9"
                     >
+                      
+                          
                       <p
                         class="fw-bold m-0"
                       >
                         File title BG
                       </p>
+                      
+                                      
                       <p
                         class="m-0"
                       >
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                       </p>
+                      
+                                    
                       <small
                         class="fw-bold m-0"
                       >
@@ -1947,10 +3965,22 @@ exports[`OE - Page Page renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                      
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md-3 align-self-end text-md-end"
                     >
+                      
+                              
+
+
+                                
+
+
+
                       <a
                         class="d-block standalone mt-1"
                         download
@@ -1958,20 +3988,43 @@ exports[`OE - Page Page renders correctly 1`] = `
                         target="_blank"
                       >
                         Download
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--fluid"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#download"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+          
                     </div>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                
+                
                 <div
                   class="pt-3"
                 >
+                  
+              
                   <p
                     class="mb-2 d-inline-block me-2"
                   >
@@ -1982,26 +4035,62 @@ exports[`OE - Page Page renders correctly 1`] = `
                   >
                     Find out why.
                   </a>
+                  
+            
                 </div>
+                
+      
               </div>
+              
+  
             </div>
+            
+
+  
           </div>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -2012,187 +4101,396 @@ exports[`OE - Page Page renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-person/__snapshots__/person.test.js.snap b/src/compositions/bcl-person/__snapshots__/person.test.js.snap
index e646e5bb5..0d4f24b42 100644
--- a/src/compositions/bcl-person/__snapshots__/person.test.js.snap
+++ b/src/compositions/bcl-person/__snapshots__/person.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Person details renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Person details renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Person details renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Person details renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Person details renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Person details renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Person details renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Person details renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Person details renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Person details renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Person details renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Person details renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Person details renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Person details renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Person details renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Person details renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Person details renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Person details renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,52 +2281,131 @@ exports[`OE - Person details renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/200/200?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Stefan Mayer
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
+                  
+      
                   <span
                     class="text-muted me-3"
                   >
@@ -1153,7 +2421,11 @@ exports[`OE - Person details renders correctly 1`] = `
                   >
                     Germany
                   </span>
+                  
+    
                 </div>
+                
+    
                 <p
                   class="mb-3"
                 >
@@ -1163,102 +2435,232 @@ exports[`OE - Person details renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                   <br />
                 </p>
+                  
                 <div
                   class="mt-2-5 mb-2"
                 >
+                  
+              
                   <div
                     class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                   >
+                    
+          
+
+
+                                
+
+    
+
                     <a
                       class="d-block d-md-inline-block mb-3 mb-md-0 standalone"
                       href="/example.html"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--s"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#linkedin"
                         />
+                        
+
                       </svg>
-                      Linkedin
+                      
+
+Linkedin
                     </a>
+                    
+        
                   </div>
+                  
+              
                   <div
                     class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                   >
+                    
+          
+
+
+                                
+
+    
+
                     <a
                       class="d-block d-md-inline-block mb-3 mb-md-0 standalone"
                       href="/example.html"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--s"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#twitter"
                         />
+                        
+
                       </svg>
-                      Twitter
+                      
+
+Twitter
                     </a>
+                    
+        
                   </div>
+                  
+              
                   <div
                     class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                   >
+                    
+          
+
+
+                                
+
+    
+
                     <a
                       class="d-block d-md-inline-block mb-3 mb-md-0 standalone"
                       href="/example.html"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--s"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#facebook"
                         />
+                        
+
                       </svg>
-                      Facebook
+                      
+
+Facebook
                     </a>
+                    
+        
                   </div>
+                  
+              
                   <div
                     class="mb-3 mb-md-0 d-block d-md-inline-block me-md-4-5"
                   >
+                    
+          
+
+
+                                
+
+    
+
                     <a
                       class="d-block d-md-inline-block mb-3 mb-md-0 standalone"
                       href="/example.html"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--s"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#youtube"
                         />
+                        
+
                       </svg>
-                      Youtube
+                      
+
+Youtube
                     </a>
+                    
+        
                   </div>
+                  
+            
                 </div>
+                  
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                        
+                  
           <h2
             class="mb-4"
           >
             Additional information
           </h2>
+          
+        
           <div
             class="mb-4-5"
           >
@@ -1268,54 +2670,108 @@ exports[`OE - Person details renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
+            
+      
             <ul>
+              
+        
               <li>
                 Etiam sagittis dictum turpis, eu lacinia tellus pharetra ac
               </li>
+              
+        
               <li>
                 Sed auctor purus at tellus cursus dignissim. Sed sit amet ligula nisl
               </li>
+              
+      
             </ul>
           </div>
+          
+   
+
+      
           <h2
             class="mb-3-5"
           >
             Related documents
           </h2>
+          
+              
+
+
+
+
+
+    
+
+
+
+
           <div
             class="mb-4-5 bcl-file border rounded"
           >
+            
+    
             <div
               class="px-3-5 py-3"
             >
+              
+    
               <div
                 class="d-md-flex"
               >
+                
+              
                 <div
                   class="pe-2 pb-2"
                 >
+                  
+        
+
+
+
+
+
+
                   <svg
                     class="mt-1 icon--file bi icon--xl"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#file-pdf-fill"
                     />
+                    
+
                   </svg>
+                  
+
+        
                 </div>
+                
+            
                 <div
                   class="d-md-flex flex-grow-1"
                 >
+                  
+        
                   <div
                     class="flex-grow-1"
                   >
+                    
+                      
                     <p
                       class="fw-medium m-0 fs-5"
                     >
                       File title
                     </p>
+                    
+                              
                     <small
                       class="fw-medium m-0"
                     >
@@ -1326,7 +2782,17 @@ exports[`OE - Person details renders correctly 1`] = `
                          (16.2 MB - PDF)
                       </span>
                     </small>
+                    
+                  
                   </div>
+                  
+                        
+
+
+                                
+
+
+
                   <a
                     class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                     download
@@ -1334,54 +2800,125 @@ exports[`OE - Person details renders correctly 1`] = `
                     target="_blank"
                   >
                     Download
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#download"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+  
           </div>
+          
+
+          
+
+
+
+
+
+    
+  
+
+
+
+
+
+
           <h3
             class="mb-3 bcl-heading"
           >
             Drupal articles
           </h3>
+          
+
+
+
+
           <div
             class="mb-3 bcl-file border rounded"
           >
+            
+    
             <div
               class="px-3-5 py-3"
             >
+              
+    
               <div
                 class="d-md-flex"
               >
+                
+              
                 <div
                   class="pe-2 pb-2"
                 >
+                  
+        
+
+
+
+
+
+
                   <svg
                     class="mt-1 icon--file bi icon--xl"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#file-pdf-fill"
                     />
+                    
+
                   </svg>
+                  
+
+        
                 </div>
+                
+            
                 <div
                   class="d-md-flex flex-grow-1"
                 >
+                  
+        
                   <div
                     class="flex-grow-1"
                   >
+                    
+                      
                     <p
                       class="fw-medium m-0 fs-5"
                     >
                       Drupal article 1
                     </p>
+                    
+                              
                     <small
                       class="fw-medium m-0"
                     >
@@ -1392,7 +2929,17 @@ exports[`OE - Person details renders correctly 1`] = `
                          (16.2 MB - PDF)
                       </span>
                     </small>
+                    
+                  
                   </div>
+                  
+                        
+
+
+                                
+
+
+
                   <a
                     class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                     download
@@ -1400,49 +2947,112 @@ exports[`OE - Person details renders correctly 1`] = `
                     target="_blank"
                   >
                     Download
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#download"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+  
           </div>
+          
+
+          
+
+
+
+  
+
+    
+
+
+
+
           <div
             class="bcl-file border rounded"
           >
+            
+    
             <div
               class="px-3-5 py-3"
             >
+              
+    
               <div
                 class="d-md-flex"
               >
+                
+              
                 <div
                   class="pe-2 pb-2"
                 >
+                  
+        
+
+
+
+
+
+
                   <svg
                     class="mt-1 icon--file bi icon--xl"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#file-text-fill"
                     />
+                    
+
                   </svg>
+                  
+
+        
                 </div>
+                
+            
                 <div
                   class="d-md-flex flex-grow-1"
                 >
+                  
+        
                   <div
                     class="flex-grow-1"
                   >
+                    
+                      
                     <p
                       class="fw-medium m-0 fs-5"
                     >
                       Drupal article 2
                     </p>
+                    
+                              
                     <small
                       class="fw-medium m-0"
                     >
@@ -1453,7 +3063,17 @@ exports[`OE - Person details renders correctly 1`] = `
                          (16.2 MB - DOC)
                       </span>
                     </small>
+                    
+                  
                   </div>
+                  
+                        
+
+
+                                
+
+
+
                   <a
                     class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                     download
@@ -1461,34 +3081,82 @@ exports[`OE - Person details renders correctly 1`] = `
                     target="_blank"
                   >
                     Download
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#download"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+      
                 </div>
+                
+    
               </div>
+              
+  
             </div>
+            
+  
           </div>
+          
+
+                    
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1499,187 +3167,396 @@ exports[`OE - Person details renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
-            <a
-              class="standalone"
+            
+                      
+
+
+                                
+
+
+
+            <a
+              class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -1689,28 +3566,42 @@ exports[`OE - Person listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -1720,56 +3611,140 @@ exports[`OE - Person listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -1782,42 +3757,78 @@ exports[`OE - Person listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -1827,41 +3838,88 @@ exports[`OE - Person listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -1872,6 +3930,10 @@ exports[`OE - Person listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -1879,142 +3941,322 @@ exports[`OE - Person listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2024,6 +4266,10 @@ exports[`OE - Person listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2031,158 +4277,371 @@ exports[`OE - Person listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
-                            <a
-                              href="/example.html"
+                            
+                            
+
+
+
+  
+
+
+                            <a
+                              href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2190,30 +4649,71 @@ exports[`OE - Person listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2224,142 +4724,335 @@ exports[`OE - Person listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2367,12 +5060,18 @@ exports[`OE - Person listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2382,6 +5081,8 @@ exports[`OE - Person listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2389,21 +5090,29 @@ exports[`OE - Person listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2411,6 +5120,8 @@ exports[`OE - Person listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2421,6 +5132,8 @@ exports[`OE - Person listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2428,9 +5141,28 @@ exports[`OE - Person listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2438,80 +5170,151 @@ exports[`OE - Person listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2520,6 +5323,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2528,6 +5339,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2536,6 +5355,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2544,6 +5371,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2552,6 +5387,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2560,6 +5403,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2568,6 +5419,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2575,14 +5434,35 @@ exports[`OE - Person listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2591,6 +5471,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2599,6 +5487,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2607,6 +5503,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -2615,10 +5519,22 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2627,14 +5543,30 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#lt"
-                        hreflang="lt"
-                        lang="lt"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#lt"
+                        hreflang="lt"
+                        lang="lt"
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2643,6 +5575,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2651,6 +5591,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -2659,6 +5607,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -2667,6 +5623,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -2675,6 +5639,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -2683,6 +5655,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -2691,6 +5671,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -2699,6 +5687,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -2707,6 +5703,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -2715,23 +5719,49 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -2740,6 +5770,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -2748,6 +5786,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -2756,10 +5802,22 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -2768,6 +5826,14 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -2776,49 +5842,126 @@ exports[`OE - Person listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Persons
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -2826,21 +5969,57 @@ exports[`OE - Person listing renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -2848,15 +6027,30 @@ exports[`OE - Person listing renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -2865,52 +6059,122 @@ exports[`OE - Person listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                          
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+
+  
+
+
+
+
+
+
+  
+
+  
+      
                   <label
                     class="form-label"
                   >
                     Name
                   </label>
+                  
+  
+    
                   <input
                     class="form-control"
                     placeholder="Placeholder"
                     type="text"
                   />
+                  
+
+                        
                 </div>
+                
+            
                 <div
                   class="mt-4"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-2 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -2918,105 +6182,265 @@ exports[`OE - Person listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (6)
               </h2>
+              
+          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -3027,6 +6451,8 @@ exports[`OE - Person listing renders correctly 1`] = `
                             Stefan Mayer
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -3037,45 +6463,90 @@ exports[`OE - Person listing renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
-                        <h1
-                          class="fs-5 card-title bcl-heading"
-                        >
-                          <a
+                        
+              
+
+
+
+
+
+
+                        <h1
+                          class="fs-5 card-title bcl-heading"
+                        >
+                          <a
                             class="standalone"
                             href="/example.html"
                           >
                             Adjur Tichar
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -3086,35 +6557,78 @@ exports[`OE - Person listing renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -3125,6 +6639,8 @@ exports[`OE - Person listing renders correctly 1`] = `
                             Szép Mara
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -3135,35 +6651,78 @@ exports[`OE - Person listing renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -3174,6 +6733,8 @@ exports[`OE - Person listing renders correctly 1`] = `
                             Daniel Cardoso Rocha
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -3184,35 +6745,78 @@ exports[`OE - Person listing renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -3223,6 +6827,8 @@ exports[`OE - Person listing renders correctly 1`] = `
                             Aurelia Panicucci
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -3233,35 +6839,78 @@ exports[`OE - Person listing renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -3272,6 +6921,8 @@ exports[`OE - Person listing renders correctly 1`] = `
                             Felicyta Kowalska
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -3282,44 +6933,137 @@ exports[`OE - Person listing renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -3327,10 +7071,31 @@ exports[`OE - Person listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -3338,50 +7103,155 @@ exports[`OE - Person listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -3389,42 +7259,110 @@ exports[`OE - Person listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -3435,187 +7373,396 @@ exports[`OE - Person listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-procurement/__snapshots__/procurement.test.js.snap b/src/compositions/bcl-procurement/__snapshots__/procurement.test.js.snap
index 20c5056b4..75021658b 100644
--- a/src/compositions/bcl-procurement/__snapshots__/procurement.test.js.snap
+++ b/src/compositions/bcl-procurement/__snapshots__/procurement.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,66 +2281,163 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Procurement title example
                 </h1>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill text-bg-dark"
                   >
                     Closed
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-grid d-md-block mt-3-5"
         >
@@ -1171,143 +2457,330 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
           </button>
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
           <div
             class="mb-4"
           >
+            
+    
+
+
+
+
+
+
             <h2
               class="mb-4 bcl-heading"
             >
               Procurement details
             </h2>
+            
+    
             <div
               class="mt-3-5"
             >
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Opening date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         19 April 2022
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Closing date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         21 December 2022
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Grade
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         Grade name
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Ref. number
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         394857746532840
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+          
             </div>
+            
+  
           </div>
+                
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                  
           <h2
             class="mb-4"
             id=""
           >
             Procurement description
           </h2>
+          
+          
           <p
             class="mb-3"
           >
@@ -1317,6 +2790,7 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
@@ -1324,6 +2798,8 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -1333,6 +2809,7 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
@@ -1340,6 +2817,8 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -1349,6 +2828,7 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
@@ -1356,45 +2836,97 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+      
+            
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+  
+
+  
+  
+
+
+
             <h2
               class="mb-4 bcl-heading"
             >
               File download
             </h2>
+            
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -1405,7 +2937,17 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -1413,23 +2955,58 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-first"
                     aria-expanded="false"
@@ -1439,38 +3016,67 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-first"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1481,10 +3087,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1492,36 +3110,67 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1532,10 +3181,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1543,36 +3204,67 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1583,10 +3275,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1594,20 +3298,43 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -1618,45 +3345,100 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+          
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -1667,7 +3449,17 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -1675,23 +3467,58 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-second"
                     aria-expanded="false"
@@ -1701,38 +3528,67 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-second"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1743,10 +3599,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1754,36 +3622,67 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1794,10 +3693,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1805,36 +3716,67 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1845,10 +3787,22 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1856,20 +3810,43 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -1880,27 +3857,66 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+      
+                
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1911,187 +3927,396 @@ exports[`OE - Procurement details (closed) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -2101,28 +4326,42 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -2132,56 +4371,140 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -2194,42 +4517,78 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -2239,41 +4598,88 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2284,6 +4690,10 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2291,142 +4701,322 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2436,6 +5026,10 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2443,158 +5037,371 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2602,30 +5409,71 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2636,142 +5484,335 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2779,12 +5820,18 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2794,6 +5841,8 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2801,21 +5850,29 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2823,6 +5880,8 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2833,6 +5892,8 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2840,90 +5901,180 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
-  <div
-    aria-hidden="true"
-    aria-label="languageModalLabel"
-    class="bcl-language-list-modal bcl-language-list-modal--eu modal fade"
-    id="languageModal"
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
+  <div
+    aria-hidden="true"
+    aria-label="languageModalLabel"
+    class="bcl-language-list-modal bcl-language-list-modal--eu modal fade"
+    id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2932,6 +6083,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2940,6 +6099,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2948,6 +6115,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2956,6 +6131,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2964,6 +6147,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2972,6 +6163,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2980,6 +6179,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2987,14 +6194,35 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -3003,6 +6231,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -3011,6 +6247,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -3019,6 +6263,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -3027,10 +6279,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -3039,6 +6303,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -3047,6 +6319,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -3055,6 +6335,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -3063,6 +6351,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -3071,6 +6367,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -3079,6 +6383,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -3087,6 +6399,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -3095,6 +6415,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -3103,6 +6431,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -3111,6 +6447,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -3119,6 +6463,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -3127,23 +6479,49 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -3152,6 +6530,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -3160,6 +6546,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -3168,10 +6562,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -3180,6 +6586,14 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -3188,66 +6602,163 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Procurement title example
                 </h1>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill text-bg-info"
                   >
                     Opened
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-grid d-md-block mt-3-5"
         >
@@ -3266,143 +6777,330 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
           </button>
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
           <div
             class="mb-4"
           >
-            <h2
-              class="mb-4 bcl-heading"
-            >
+            
+    
+
+
+
+
+
+
+            <h2
+              class="mb-4 bcl-heading"
+            >
               Procurement details
             </h2>
+            
+    
             <div
               class="mt-3-5"
             >
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Opening date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         19 April 2022
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Closing date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         21 December 2022
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Grade
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         Grade name
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Ref. number
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                      
+
+
+
                     <dd>
                       <div>
                         394857746532840
                       </div>
                     </dd>
+                    
+
+              
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+          
             </div>
+            
+  
           </div>
+                
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                  
           <h2
             class="mb-4"
             id=""
           >
             Procurement description
           </h2>
+          
+          
           <p
             class="mb-3"
           >
@@ -3412,6 +7110,7 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
@@ -3419,6 +7118,8 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -3428,6 +7129,7 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
@@ -3435,6 +7137,8 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -3444,6 +7148,7 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
@@ -3451,45 +7156,97 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+      
+            
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+  
+
+  
+  
+
+
+
             <h2
               class="mb-4 bcl-heading"
             >
               File download
             </h2>
+            
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -3500,7 +7257,17 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -3508,23 +7275,58 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-first"
                     aria-expanded="false"
@@ -3534,38 +7336,67 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-first"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3576,10 +7407,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3587,36 +7430,67 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3627,10 +7501,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3638,36 +7524,67 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3678,10 +7595,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3689,20 +7618,43 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -3713,45 +7665,100 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+          
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -3762,7 +7769,17 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -3770,23 +7787,58 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-second"
                     aria-expanded="false"
@@ -3796,38 +7848,67 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-second"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3838,10 +7919,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3849,36 +7942,67 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3889,10 +8013,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3900,36 +8036,67 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3940,10 +8107,22 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3951,20 +8130,43 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
-                        </a>
+                          
+
+
+                        </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -3975,27 +8177,66 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+      
+                
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -4006,187 +8247,396 @@ exports[`OE - Procurement details (opened) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -4196,28 +8646,42 @@ exports[`OE - Procurement listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -4227,56 +8691,140 @@ exports[`OE - Procurement listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -4289,42 +8837,78 @@ exports[`OE - Procurement listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -4334,41 +8918,88 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -4379,6 +9010,10 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4386,142 +9021,322 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -4531,6 +9346,10 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4538,158 +9357,371 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
-                                  >
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
+                                  >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -4697,30 +9729,71 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -4731,142 +9804,335 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -4874,12 +10140,18 @@ exports[`OE - Procurement listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -4889,6 +10161,8 @@ exports[`OE - Procurement listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -4896,21 +10170,29 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -4918,6 +10200,8 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -4928,6 +10212,8 @@ exports[`OE - Procurement listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -4935,9 +10221,28 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -4945,80 +10250,151 @@ exports[`OE - Procurement listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -5027,6 +10403,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -5035,6 +10419,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -5043,6 +10435,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -5051,6 +10451,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -5059,6 +10467,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -5067,6 +10483,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -5075,6 +10499,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -5082,14 +10514,35 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -5098,6 +10551,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -5106,6 +10567,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -5114,6 +10583,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -5122,10 +10599,22 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -5134,6 +10623,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -5142,6 +10639,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -5150,6 +10655,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -5158,6 +10671,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -5166,6 +10687,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -5174,6 +10703,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -5182,6 +10719,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -5190,6 +10735,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -5198,6 +10751,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -5206,6 +10767,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -5214,6 +10783,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -5222,23 +10799,49 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -5247,6 +10850,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -5255,6 +10866,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -5263,10 +10882,22 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -5275,6 +10906,14 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -5283,72 +10922,184 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Procurements
                 </h1>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
                 <br />
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                 <br />
+                 
                 <br />
                   Duis fermentum facilisis ex, ac porta massa.    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -5356,15 +11107,30 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -5373,185 +11139,423 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                                            
+
+
+
+
+
+  
+
+
+
+
+  
+
+  
+      
                 <label
                   class="form-label"
                   for="keyword"
                 >
                   Keyword
                 </label>
+                
+  
+    
                 <input
                   class="mb-3 form-control"
                   id="keyword"
                   placeholder="Type a keyword"
                   type="text"
                 />
+                
+
+                                                      
                 <fieldset
                   class="mb-2"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Status
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                
                     <div
                       class="mb-2"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           class="form-check-input"
                           id="opened"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="opened"
                         >
                           Opened
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                  
                     <div
                       class="mb-2"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="closed"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="closed"
                         >
                           Closed
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                  
                     <div
                       class="mb-2"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="canceled"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="canceled"
                         >
                           Canceled
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                  
                   </div>
+                  
+      
                 </fieldset>
+                
+                              
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="type"
                   >
                     Type
                   </label>
+                  
+  
+
                   <select
                     class="form-select"
                     id="type"
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       All
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
-                <label
-                  class="form-label"
-                  for="opening-date"
-                >
-                  Opening date
-                </label>
+                
+                                                                  
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
+                <label
+                  class="form-label"
+                  for="opening-date"
+                >
+                  Opening date
+                </label>
+                
+  
+    
                 <input
                   class="mb-3 form-control"
                   id="opening-date"
                   type="date"
                 />
+                
+
+                                                                                    
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                 <label
                   class="form-label"
                   for="closing-date"
                 >
                   Closing date
                 </label>
+                
+  
+    
                 <input
                   class="mb-4-5 form-control"
                   id="closing-date"
                   type="date"
                 />
+                
+
+                              
                 <div
                   class="mt-4 d-grid gap-4 d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -5559,30 +11563,67 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (10)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -5591,15 +11632,36 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -5608,89 +11670,262 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                              
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -5709,39 +11944,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-dark"
                       >
                         Closed
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 2
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -5763,39 +12054,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-danger"
                       >
                         Canceled
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -5816,39 +12163,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-danger"
                       >
                         Canceled
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 3
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -5871,39 +12274,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-dark"
                       >
                         Closed
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 3
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -5924,39 +12383,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-dark"
                       >
                         Closed
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -5966,6 +12481,7 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       <br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                       <br />
+                       
                       <br />
                         Duis fermentum facilisis ex, ac porta massa.
                     </p>
@@ -5982,39 +12498,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-danger"
                       >
                         Canceled
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6033,39 +12605,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-danger"
                       >
                         Canceled
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6086,39 +12714,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-dark"
                       >
                         Closed
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6140,39 +12824,95 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-dark"
                       >
                         Closed
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Procurement title example
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6182,6 +12922,7 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                       <br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                       <br />
+                       
                       <br />
                         Duis fermentum facilisis ex, ac porta massa.
                     </p>
@@ -6198,53 +12939,158 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-danger"
                       >
                         Canceled
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -6252,10 +13098,31 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -6263,50 +13130,155 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -6314,42 +13286,110 @@ exports[`OE - Procurement listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -6360,187 +13400,396 @@ exports[`OE - Procurement listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-project-status/__snapshots__/project-status.test.js.snap b/src/compositions/bcl-project-status/__snapshots__/project-status.test.js.snap
index 9c575aa82..737503c20 100644
--- a/src/compositions/bcl-project-status/__snapshots__/project-status.test.js.snap
+++ b/src/compositions/bcl-project-status/__snapshots__/project-status.test.js.snap
@@ -5,107 +5,218 @@ exports[`OE - Project contributions renders correctly 1`] = `
   <div
     class="bcl-project-contributions border-bottom pb-4 mb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+
+      
       <div
         class="bcl-project-contributions-chart col-5 col-md-3"
       >
+        
+          
         <div
           class="circular-progress"
           data-percentage="70"
         >
+          
+        
           <span
             class="circular-progress-left"
           >
+            
+          
             <span
               class="circular-progress-bar"
             />
+            
+        
           </span>
+          
+        
           <span
             class="circular-progress-right"
           >
+            
+          
             <span
               class="circular-progress-bar"
             />
+            
+        
           </span>
+          
+      
         </div>
+        
+        
       </div>
+      
+  
+      
       <div
         class="bcl-project-contributions-legend col-7 col-md-9 align-self-center"
       >
+        
+          
+
+
+
+
+  
+
+
+
         <div
           class="mb-0 bcl-description-list"
         >
+          
+      
           <dl
             class="mb-3 row"
           >
+            
+            
             <div
               class="col-md-3"
             >
+              
+              
+
+
               <dt>
+                
+  
                 <div
                   class="d-flex"
                 >
                   <div
                     class="align-self-center"
                   >
+                    
+      
                     <span
                       class="p-2 me-2 d-inline-block rounded-1 bg-gray-400"
                     />
+                    
+    
                   </div>
                   <div>
                     Total budget
                   </div>
+                  
+  
                 </div>
+                
+
               </dt>
+              
+
+            
             </div>
+            
+                
             <div
               class="col"
             >
+              
+        
+
+
+
               <dd>
                 <div>
                   EUR 16.314.672,00
                 </div>
               </dd>
+              
+
+        
             </div>
+            
+          
           </dl>
+          
+        
           <dl
             class="mb-3 row"
           >
+            
+            
             <div
               class="col-md-3"
             >
+              
+              
+
+
               <dt>
+                
+  
                 <div
                   class="d-flex"
                 >
                   <div
                     class="align-self-center"
                   >
+                    
+      
                     <span
                       class="p-2 me-2 d-inline-block rounded-1 bg-primary"
                     />
+                    
+    
                   </div>
                   <div>
                     EC contribution
                   </div>
+                  
+  
                 </div>
+                
+
               </dt>
+              
+
+            
             </div>
+            
+                
             <div
               class="col"
             >
+              
+        
+
+
+
               <dd>
                 <div>
                   EUR 9.994.672,00
                 </div>
               </dd>
+              
+
+        
             </div>
+            
+          
           </dl>
+          
+    
         </div>
+        
+
+        
       </div>
+      
+    
     </div>
+     
+
   </div>
 </jest>
 `;
@@ -115,107 +226,218 @@ exports[`OE - Project contributions without chart renders correctly 1`] = `
   <div
     class="bcl-project-contributions border-bottom pb-4 mb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+
+      
       <div
         class="bcl-project-contributions-chart col-5 col-md-3"
       >
+        
+          
         <div
           class="circular-progress"
           data-percentage="70"
         >
+          
+        
           <span
             class="circular-progress-left"
           >
+            
+          
             <span
               class="circular-progress-bar"
             />
+            
+        
           </span>
+          
+        
           <span
             class="circular-progress-right"
           >
+            
+          
             <span
               class="circular-progress-bar"
             />
+            
+        
           </span>
+          
+      
         </div>
+        
+        
       </div>
+      
+  
+      
       <div
         class="bcl-project-contributions-legend col-7 col-md-9 align-self-center"
       >
+        
+          
+
+
+
+
+  
+
+
+
         <div
           class="mb-0 bcl-description-list"
         >
+          
+      
           <dl
             class="mb-3 row"
           >
+            
+            
             <div
               class="col-md-3"
             >
+              
+              
+
+
               <dt>
+                
+  
                 <div
                   class="d-flex"
                 >
                   <div
                     class="align-self-center"
                   >
+                    
+      
                     <span
                       class="p-2 me-2 d-inline-block rounded-1 bg-gray-400"
                     />
+                    
+    
                   </div>
                   <div>
                     Total budget
                   </div>
+                  
+  
                 </div>
+                
+
               </dt>
+              
+
+            
             </div>
+            
+                
             <div
               class="col"
             >
+              
+        
+
+
+
               <dd>
                 <div>
                   EUR 16.314.672,00
                 </div>
               </dd>
+              
+
+        
             </div>
+            
+          
           </dl>
+          
+        
           <dl
             class="mb-3 row"
           >
+            
+            
             <div
               class="col-md-3"
             >
+              
+              
+
+
               <dt>
+                
+  
                 <div
                   class="d-flex"
                 >
                   <div
                     class="align-self-center"
                   >
+                    
+      
                     <span
                       class="p-2 me-2 d-inline-block rounded-1 bg-primary"
                     />
+                    
+    
                   </div>
                   <div>
                     EC contribution
                   </div>
+                  
+  
                 </div>
+                
+
               </dt>
+              
+
+            
             </div>
+            
+                
             <div
               class="col"
             >
+              
+        
+
+
+
               <dd>
                 <div>
                   EUR 9.994.672,00
                 </div>
               </dd>
+              
+
+        
             </div>
+            
+          
           </dl>
+          
+    
         </div>
+        
+
+        
       </div>
+      
+    
     </div>
+     
+
   </div>
 </jest>
 `;
@@ -225,55 +447,104 @@ exports[`OE - Project status closed renders correctly 1`] = `
   <div
     class="bcl-project-status border-bottom pb-4 mb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+    
       <div
         class="col-12 col-md-3"
       >
+        
+          
         <p
           class="fw-bold"
         >
           Status
         </p>
+        
+    
+          
+
+  
+  
+
+
         <span
           class="mb-3 mb-md-0 badge rounded-pill text-bg-dark"
         >
           Closed
         </span>
+            
+    
       </div>
+      
+
+    
       <div
         class="col-12 col-md-9"
       >
+        
+      
         <div
           class="d-flex justify-content-between"
         >
+          
+
+              
           <p
             class="fw-bold"
           >
             Start
             <br />
+            
+          
             <span
               class="fw-normal"
             >
               19 December 2007
             </span>
+            
+        
           </p>
+          
+      
+              
           <p
             class="fw-bold text-end"
           >
             End
             <br />
+            
+          
             <span
               class="fw-normal"
             >
               19 December 2017
             </span>
+            
+        
           </p>
+          
+            
         </div>
+        
+
+                
+
+  
+  
+
+ 
+  
+
         <div
           class="progress"
         >
+          
+  
           <div
             aria-label="100"
             aria-valuemax="100"
@@ -283,9 +554,19 @@ exports[`OE - Project status closed renders correctly 1`] = `
             role="progressbar"
             style="width: 100%"
           />
+          
+
         </div>
+        
+
+    
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -295,55 +576,104 @@ exports[`OE - Project status ongoing renders correctly 1`] = `
   <div
     class="bcl-project-status border-bottom pb-4 mb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+    
       <div
         class="col-12 col-md-3"
       >
+        
+          
         <p
           class="fw-bold"
         >
           Status
         </p>
+        
+    
+          
+
+  
+  
+
+
         <span
           class="mb-3 mb-md-0 badge rounded-pill text-bg-info"
         >
           Ongoing
         </span>
+            
+    
       </div>
+      
+
+    
       <div
         class="col-12 col-md-9"
       >
+        
+      
         <div
           class="d-flex justify-content-between"
         >
+          
+
+              
           <p
             class="fw-bold"
           >
             Start
             <br />
+            
+          
             <span
               class="fw-normal"
             >
               19 December 2020
             </span>
+            
+        
           </p>
+          
+      
+              
           <p
             class="fw-bold text-end"
           >
             End
             <br />
+            
+          
             <span
               class="fw-normal"
             >
               19 December 2026
             </span>
+            
+        
           </p>
+          
+            
         </div>
+        
+
+                
+
+  
+  
+
+ 
+  
+
         <div
           class="progress"
         >
+          
+  
           <div
             aria-label="25"
             aria-valuemax="100"
@@ -353,9 +683,19 @@ exports[`OE - Project status ongoing renders correctly 1`] = `
             role="progressbar"
             style="width: 25%"
           />
+          
+
         </div>
+        
+
+    
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -365,55 +705,104 @@ exports[`OE - Project status planned renders correctly 1`] = `
   <div
     class="bcl-project-status border-bottom pb-4 mb-4"
   >
+    
+  
     <div
       class="row"
     >
+      
+    
       <div
         class="col-12 col-md-3"
       >
+        
+          
         <p
           class="fw-bold"
         >
           Status
         </p>
+        
+    
+          
+
+  
+  
+
+
         <span
           class="mb-3 mb-md-0 badge rounded-pill text-bg-secondary"
         >
           Not started
         </span>
+            
+    
       </div>
+      
+
+    
       <div
         class="col-12 col-md-9"
       >
+        
+      
         <div
           class="d-flex justify-content-between"
         >
+          
+
+              
           <p
             class="fw-bold"
           >
             Start
             <br />
+            
+          
             <span
               class="fw-normal"
             >
               19 December 2025
             </span>
+            
+        
           </p>
+          
+      
+              
           <p
             class="fw-bold text-end"
           >
             End
             <br />
+            
+          
             <span
               class="fw-normal"
             >
               19 December 2027
             </span>
+            
+        
           </p>
+          
+            
         </div>
+        
+
+                
+
+  
+  
+
+ 
+  
+
         <div
           class="progress"
         >
+          
+  
           <div
             aria-label="0"
             aria-valuemax="100"
@@ -423,9 +812,19 @@ exports[`OE - Project status planned renders correctly 1`] = `
             role="progressbar"
             style="width: 0%"
           />
+          
+
         </div>
+        
+
+    
+    
       </div>
+      
+  
     </div>
+    
+
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-project-status/project-contributions.html.twig b/src/compositions/bcl-project-status/project-contributions.html.twig
index 541be3453..efef893f0 100644
--- a/src/compositions/bcl-project-status/project-contributions.html.twig
+++ b/src/compositions/bcl-project-status/project-contributions.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - corporate_contributions (string) (default: '') // value every 5 percent
   - legend (description list object) (default: {})
@@ -53,4 +51,3 @@
   </div> 
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-project-status/project-status.html.twig b/src/compositions/bcl-project-status/project-status.html.twig
index ed48ff127..104f85ea6 100644
--- a/src/compositions/bcl-project-status/project-status.html.twig
+++ b/src/compositions/bcl-project-status/project-status.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - label (string) (default: '')
   - status (string) (default: 'planned')
@@ -96,4 +94,3 @@
 
 
 
-{% endapply %}
diff --git a/src/compositions/bcl-project/__snapshots__/project.test.js.snap b/src/compositions/bcl-project/__snapshots__/project.test.js.snap
index 507975a9e..f00d193d2 100644
--- a/src/compositions/bcl-project/__snapshots__/project.test.js.snap
+++ b/src/compositions/bcl-project/__snapshots__/project.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--ucpkn shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href=""
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,53 +50,140 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           UCP Knowledge Network: Applied knowledge for action
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                                            
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -93,55 +194,140 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
             >
               Knowledge & Capacity
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Network Capacity Development Pillar
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Disaster Prevention and Risk Management
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Disaster Preparedness
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Emergency Response Coordination Centre
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   UCPM Lessons Learnt Programme
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -152,47 +338,120 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
             >
               Science & Research
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLinkSecond"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Network Science Pillar
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Disaster Risk Management Knowledge Centre
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Gaps
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Data & Tools
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -203,49 +462,122 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
             >
               Projects
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLinkThird"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Union Civil Protection Mechanism Projects
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Other Disaster Risk Management Projects
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   EU funding for disaster management
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Stories
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -256,74 +588,187 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
             >
               About
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLinkProjects"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Knowledge Network Governance
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   The EU Civil Protection Mechanism
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Information pack
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -340,30 +785,59 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -377,6 +851,8 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -390,23 +866,51 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -415,120 +919,268 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#project-details"
                   >
                     Project details
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#description"
                   >
                     Description
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#partners"
                   >
                     Partner organisations
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                              
+
+
+  
+
+
+
           <h2
             class="mb-4 bcl-heading"
             id="project-details"
           >
             Project details
           </h2>
+          
+        
+
+  
+
+
+
           <div
             class="bcl-project-status border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+    
               <div
                 class="col-12 col-md-3"
               >
+                
+          
                 <p
                   class="fw-bold"
                 >
                   Status
                 </p>
+                
+    
+          
+
+  
+  
+
+
                 <span
                   class="mb-3 mb-md-0 badge rounded-pill text-bg-info"
                 >
                   Ongoing
                 </span>
+                    
+    
               </div>
+              
+
+    
               <div
                 class="col-12 col-md-9"
               >
+                
+      
                 <div
                   class="d-flex justify-content-between"
                 >
+                  
+
+              
                   <p
                     class="fw-bold"
                   >
                     Start
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2020
                     </span>
+                    
+        
                   </p>
+                  
+      
+              
                   <p
                     class="fw-bold text-end"
                   >
                     End
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2026
                     </span>
+                    
+        
                   </p>
+                  
+            
                 </div>
+                
+
+                
+
+  
+  
+
+ 
+  
+
                 <div
                   class="progress"
                 >
+                  
+  
                   <div
                     aria-label="25"
                     aria-valuemax="100"
@@ -538,138 +1190,309 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                     role="progressbar"
                     style="width: 25%"
                   />
+                  
+
                 </div>
+                
+
+    
+    
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+
+
+          
+
+  
+
+
           <div
             class="bcl-project-contributions border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+
+      
               <div
                 class="bcl-project-contributions-chart col-5 col-md-3"
               >
+                
+          
                 <div
                   class="circular-progress"
                   data-percentage="70"
                 >
+                  
+        
                   <span
                     class="circular-progress-left"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+        
                   <span
                     class="circular-progress-right"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+  
+      
               <div
                 class="bcl-project-contributions-legend col-7 col-md-9 align-self-center"
               >
+                
+          
+
+
+
+
+  
+
+
+
                 <div
                   class="mb-0 bcl-description-list"
                 >
+                  
+      
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-gray-400"
                             />
+                            
+    
                           </div>
                           <div>
                             Total budget
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 16.314.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+        
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-primary"
                             />
+                            
+    
                           </div>
                           <div>
                             EC contribution
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 9.994.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+    
                 </div>
+                
+
+        
               </div>
+              
+    
             </div>
+             
+
           </div>
+          
+
+              
+
+  
+
+
           <div>
+            
+                                          
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         EU contribution amount
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       290 366,97 Euro 
@@ -680,102 +1503,248 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                       </a>
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Funding source
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       External link
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Contact
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+
+  
+
+
                     <a
                       href="/example.html"
                     >
                       mail.to@address.eu
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+      
+            
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="description"
           >
             Description
           </h2>
+          
+
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+            
+  
+      
+
+  
+
+
           <div>
+            
+  
+
+
+
+
+
+
             <h2
               class="my-4-5 bcl-heading"
               id="partners"
             >
               Partner organisations
             </h2>
+            
+                                                        
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -786,28 +1755,66 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+
+  
+
+
                     <a
                       href="/example.html"
                     >
                       Commissariat à l’Energie Atomique et aux Energies Alternatives
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -818,35 +1825,78 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#france"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       France
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -857,26 +1907,55 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Role
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Beneficiary
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -887,30 +1966,72 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           EU Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 16.314.672,00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -921,28 +2042,66 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+
+  
+
+
                     <a
                       href="/example.html"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -953,35 +2112,78 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#bulgaria"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Bulgaria
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -992,26 +2194,55 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Role
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Beneficiary
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1022,30 +2253,72 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           EU Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 16.314.672,00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1056,28 +2329,66 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+
+  
+
+
                     <a
                       href="/example.html"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1088,35 +2399,78 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#belgium"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Belgium
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1127,26 +2481,55 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Role
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Beneficiary
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1157,30 +2540,72 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           EU Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 16.314.672,00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                    
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1191,28 +2616,66 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+
+  
+
+
                     <a
                       href="/example.html"
                     >
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1223,35 +2686,78 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#denmark"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Denmark
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1262,26 +2768,55 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           Role
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Beneficiary
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -1292,24 +2827,57 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                           EU Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 16.314.672,00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+  
+  
+  
+        
+  
           <div
             class="d-none d-lg-inline-block"
           >
+            
+    
             <svg
               fill="none"
               height="38"
@@ -1317,72 +2885,113 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
               width="537"
               xmlns="http://www.w3.org/2000/svg"
             >
+              
+    
               <path
                 d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
                 fill="#326A9C"
               />
+              
+    
               <path
                 d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
                 fill="#255074"
               />
+              
+    
               <path
                 d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
                 fill="#5B7BB8"
               />
+              
+    
               <path
                 d="M151 19.0487C151 14.6033 147.418 10.9995 142.999 10.9995C138.581 10.9995 134.999 14.6033 134.999 19.0487C134.999 23.0663 137.925 26.3963 141.749 27.0001V21.3754H139.718V19.0487H141.749V17.2754C141.749 15.258 142.944 14.1437 144.771 14.1437C145.647 14.1437 146.562 14.3009 146.562 14.3009V16.2818H145.553C144.56 16.2818 144.25 16.9023 144.25 17.5388V19.0487H146.468L146.114 21.3754H144.25V27.0001C148.074 26.3963 151 23.0663 151 19.0487Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
                 fill="#486394"
               />
+              
+    
               <path
                 d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
                 fill="#4AA1EB"
               />
+              
+    
               <path
                 d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
                 fill="#3677B0"
               />
+              
+    
               <path
                 d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
                 fill="#65CF72"
               />
+              
+    
               <path
                 d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
                 fill="#59B665"
               />
+              
+    
               <path
                 d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
                 fill="white"
               />
+              
+    
             </svg>
+            
+  
           </div>
+          
+      
+
+      
+
           <button
             class="text-center ms-1 btn btn-link btn-md"
             data-bs-target="#socialModal"
@@ -1391,6 +3000,15 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
           >
             More share options
           </button>
+          
+
+      
+
+
+  
+
+
+
           <div
             aria-hidden="true"
             aria-label="socialModalLabel"
@@ -1398,12 +3016,18 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
             id="socialModal"
             tabindex="-1"
           >
+            
+  
             <div
               class="modal-dialog"
             >
+              
+    
               <div
                 class="modal-content"
               >
+                
+            
                 <div
                   class="modal-header"
                 >
@@ -1420,6 +3044,8 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                     type="button"
                   />
                 </div>
+                
+      
                 <div
                   class="modal-body"
                 >
@@ -1430,180 +3056,266 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                     width="318"
                     xmlns="http://www.w3.org/2000/svg"
                   >
+                    
+    
                     <path
                       d="M0.5 4.5C0.5 2.29086 2.29086 0.5 4.5 0.5H44.5V38.5H4.5C2.29086 38.5 0.5 36.7091 0.5 34.5V4.5Z"
                       fill="#4AA1EB"
                     />
+                    
+    
                     <path
                       d="M19.526 26.5C25.5636 26.5 28.8673 21.497 28.8673 17.1658C28.8673 17.0251 28.8673 16.8844 28.8609 16.7436C29.5012 16.283 30.0582 15.7008 30.5 15.0418C29.911 15.3041 29.2771 15.4769 28.6112 15.56C29.2899 15.157 29.8085 14.5108 30.0582 13.7431C29.4244 14.1206 28.7201 14.3893 27.971 14.5364C27.3691 13.8967 26.5176 13.5 25.5764 13.5C23.7645 13.5 22.2919 14.9715 22.2919 16.782C22.2919 17.0379 22.3239 17.2874 22.3752 17.5305C19.6477 17.3962 17.2275 16.0846 15.6076 14.1014C15.3259 14.5876 15.1659 15.1506 15.1659 15.752C15.1659 16.8907 15.7485 17.8952 16.6257 18.4838C16.0878 18.4646 15.582 18.3174 15.1403 18.0743C15.1403 18.0871 15.1403 18.0999 15.1403 18.1191C15.1403 19.7057 16.2735 21.0364 17.7717 21.3371C17.4964 21.4139 17.2083 21.4523 16.9074 21.4523C16.6961 21.4523 16.4912 21.4331 16.2927 21.3947C16.7089 22.6998 17.9254 23.6467 19.3595 23.6722C18.2327 24.5551 16.8177 25.0797 15.2811 25.0797C15.0186 25.0797 14.7561 25.0669 14.5 25.0349C15.947 25.9562 17.6757 26.5 19.526 26.5Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M44.5 0.5H151C153.209 0.5 155 2.29086 155 4.5V34.5C155 36.7091 153.209 38.5 151 38.5H44.5V0.5Z"
                       fill="#3677B0"
                     />
+                    
+    
                     <path
                       d="M64.3281 13.125V24.5H62.8438V13.125H64.3281ZM67.9844 13.125V14.3594H59.1953V13.125H67.9844ZM71.1406 23L73.3125 16.0469H74.2656L74.0781 17.4297L71.8672 24.5H70.9375L71.1406 23ZM69.6797 16.0469L71.5312 23.0781L71.6641 24.5H70.6875L68.2344 16.0469H69.6797ZM76.3438 23.0234L78.1094 16.0469H79.5469L77.0938 24.5H76.125L76.3438 23.0234ZM74.4766 16.0469L76.6016 22.8828L76.8438 24.5H75.9219L73.6484 17.4141L73.4609 16.0469H74.4766ZM82.6016 16.0469V24.5H81.1484V16.0469H82.6016ZM81.0391 13.8047C81.0391 13.5703 81.1094 13.3724 81.25 13.2109C81.3958 13.0495 81.6094 12.9688 81.8906 12.9688C82.1667 12.9688 82.3776 13.0495 82.5234 13.2109C82.6745 13.3724 82.75 13.5703 82.75 13.8047C82.75 14.0286 82.6745 14.2214 82.5234 14.3828C82.3776 14.5391 82.1667 14.6172 81.8906 14.6172C81.6094 14.6172 81.3958 14.5391 81.25 14.3828C81.1094 14.2214 81.0391 14.0286 81.0391 13.8047ZM88.4609 16.0469V17.1562H83.8906V16.0469H88.4609ZM85.4375 13.9922H86.8828V22.4062C86.8828 22.6927 86.9271 22.9089 87.0156 23.0547C87.1042 23.2005 87.2188 23.2969 87.3594 23.3438C87.5 23.3906 87.651 23.4141 87.8125 23.4141C87.9323 23.4141 88.0573 23.4036 88.1875 23.3828C88.3229 23.3568 88.4245 23.3359 88.4922 23.3203L88.5 24.5C88.3854 24.5365 88.2344 24.5703 88.0469 24.6016C87.8646 24.638 87.6432 24.6562 87.3828 24.6562C87.0286 24.6562 86.7031 24.5859 86.4062 24.4453C86.1094 24.3047 85.8724 24.0703 85.6953 23.7422C85.5234 23.4089 85.4375 22.9609 85.4375 22.3984V13.9922ZM93.6953 16.0469V17.1562H89.125V16.0469H93.6953ZM90.6719 13.9922H92.1172V22.4062C92.1172 22.6927 92.1615 22.9089 92.25 23.0547C92.3385 23.2005 92.4531 23.2969 92.5938 23.3438C92.7344 23.3906 92.8854 23.4141 93.0469 23.4141C93.1667 23.4141 93.2917 23.4036 93.4219 23.3828C93.5573 23.3568 93.6589 23.3359 93.7266 23.3203L93.7344 24.5C93.6198 24.5365 93.4688 24.5703 93.2812 24.6016C93.099 24.638 92.8776 24.6562 92.6172 24.6562C92.263 24.6562 91.9375 24.5859 91.6406 24.4453C91.3438 24.3047 91.1068 24.0703 90.9297 23.7422C90.7578 23.4089 90.6719 22.9609 90.6719 22.3984V13.9922ZM98.8984 24.6562C98.3099 24.6562 97.776 24.5573 97.2969 24.3594C96.8229 24.1562 96.4141 23.8724 96.0703 23.5078C95.7318 23.1432 95.4714 22.7109 95.2891 22.2109C95.1068 21.7109 95.0156 21.1641 95.0156 20.5703V20.2422C95.0156 19.5547 95.1172 18.9427 95.3203 18.4062C95.5234 17.8646 95.7995 17.4062 96.1484 17.0312C96.4974 16.6562 96.8932 16.3724 97.3359 16.1797C97.7786 15.987 98.237 15.8906 98.7109 15.8906C99.3151 15.8906 99.8359 15.9948 100.273 16.2031C100.716 16.4115 101.078 16.7031 101.359 17.0781C101.641 17.4479 101.849 17.8854 101.984 18.3906C102.12 18.8906 102.188 19.4375 102.188 20.0312V20.6797H95.875V19.5H100.742V19.3906C100.721 19.0156 100.643 18.651 100.508 18.2969C100.378 17.9427 100.169 17.651 99.8828 17.4219C99.5964 17.1927 99.2057 17.0781 98.7109 17.0781C98.3828 17.0781 98.0807 17.1484 97.8047 17.2891C97.5286 17.4245 97.2917 17.6276 97.0938 17.8984C96.8958 18.1693 96.7422 18.5 96.6328 18.8906C96.5234 19.2812 96.4688 19.7318 96.4688 20.2422V20.5703C96.4688 20.9714 96.5234 21.349 96.6328 21.7031C96.7474 22.0521 96.9115 22.3594 97.125 22.625C97.3438 22.8906 97.6068 23.099 97.9141 23.25C98.2266 23.401 98.5807 23.4766 98.9766 23.4766C99.487 23.4766 99.9193 23.3724 100.273 23.1641C100.628 22.9557 100.938 22.6771 101.203 22.3281L102.078 23.0234C101.896 23.2995 101.664 23.5625 101.383 23.8125C101.102 24.0625 100.755 24.2656 100.344 24.4219C99.9375 24.5781 99.4557 24.6562 98.8984 24.6562ZM105.32 17.375V24.5H103.875V16.0469H105.281L105.32 17.375ZM107.961 16L107.953 17.3438C107.833 17.3177 107.719 17.3021 107.609 17.2969C107.505 17.2865 107.385 17.2812 107.25 17.2812C106.917 17.2812 106.622 17.3333 106.367 17.4375C106.112 17.5417 105.896 17.6875 105.719 17.875C105.542 18.0625 105.401 18.2865 105.297 18.5469C105.198 18.8021 105.133 19.0833 105.102 19.3906L104.695 19.625C104.695 19.1146 104.745 18.6354 104.844 18.1875C104.948 17.7396 105.107 17.3438 105.32 17C105.534 16.651 105.805 16.3802 106.133 16.1875C106.466 15.9896 106.862 15.8906 107.32 15.8906C107.424 15.8906 107.544 15.9036 107.68 15.9297C107.815 15.9505 107.909 15.974 107.961 16Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 4.5C163 2.29086 164.791 0.5 167 0.5H207V38.5H167C164.791 38.5 163 36.7091 163 34.5V4.5Z"
                       fill="#5B7BB8"
                     />
+                    
+    
                     <path
                       d="M193 19.5482C193 15.1028 189.418 11.499 184.999 11.499C180.581 11.499 176.999 15.1028 176.999 19.5482C176.999 23.5658 179.925 26.8958 183.749 27.4997V21.875H181.718V19.5482H183.749V17.7749C183.749 15.7576 184.944 14.6432 186.771 14.6432C187.647 14.6432 188.562 14.8005 188.562 14.8005V16.7813H187.553C186.56 16.7813 186.25 17.4018 186.25 18.0383V19.5482H188.468L188.114 21.875H186.25V27.4997C190.074 26.8958 193 23.5658 193 19.5482Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M207 0.5H313.5C315.709 0.5 317.5 2.29086 317.5 4.5V34.5C317.5 36.7091 315.709 38.5 313.5 38.5H207V0.5Z"
                       fill="#486394"
                     />
+                    
+    
                     <path
                       d="M224.086 13.125V24.5H222.578V13.125H224.086ZM228.852 18.2422V19.4766H223.758V18.2422H228.852ZM229.625 13.125V14.3594H223.758V13.125H229.625ZM235.922 23.0547V18.7031C235.922 18.3698 235.854 18.0807 235.719 17.8359C235.589 17.5859 235.391 17.3932 235.125 17.2578C234.859 17.1224 234.531 17.0547 234.141 17.0547C233.776 17.0547 233.456 17.1172 233.18 17.2422C232.909 17.3672 232.695 17.5312 232.539 17.7344C232.388 17.9375 232.312 18.1562 232.312 18.3906H230.867C230.867 18.0885 230.945 17.7891 231.102 17.4922C231.258 17.1953 231.482 16.9271 231.773 16.6875C232.07 16.4427 232.424 16.25 232.836 16.1094C233.253 15.9635 233.716 15.8906 234.227 15.8906C234.841 15.8906 235.383 15.9948 235.852 16.2031C236.326 16.4115 236.695 16.7266 236.961 17.1484C237.232 17.5651 237.367 18.0885 237.367 18.7188V22.6562C237.367 22.9375 237.391 23.237 237.438 23.5547C237.49 23.8724 237.565 24.1458 237.664 24.375V24.5H236.156C236.083 24.3333 236.026 24.112 235.984 23.8359C235.943 23.5547 235.922 23.2943 235.922 23.0547ZM236.172 19.375L236.188 20.3906H234.727C234.315 20.3906 233.948 20.4245 233.625 20.4922C233.302 20.5547 233.031 20.651 232.812 20.7812C232.594 20.9115 232.427 21.0755 232.312 21.2734C232.198 21.4661 232.141 21.6927 232.141 21.9531C232.141 22.2188 232.201 22.4609 232.32 22.6797C232.44 22.8984 232.62 23.0729 232.859 23.2031C233.104 23.3281 233.404 23.3906 233.758 23.3906C234.201 23.3906 234.591 23.2969 234.93 23.1094C235.268 22.9219 235.536 22.6927 235.734 22.4219C235.938 22.151 236.047 21.888 236.062 21.6328L236.68 22.3281C236.643 22.5469 236.544 22.7891 236.383 23.0547C236.221 23.3203 236.005 23.5755 235.734 23.8203C235.469 24.0599 235.151 24.2604 234.781 24.4219C234.417 24.5781 234.005 24.6562 233.547 24.6562C232.974 24.6562 232.471 24.5443 232.039 24.3203C231.612 24.0964 231.279 23.7969 231.039 23.4219C230.805 23.0417 230.688 22.6172 230.688 22.1484C230.688 21.6953 230.776 21.2969 230.953 20.9531C231.13 20.6042 231.385 20.3151 231.719 20.0859C232.052 19.8516 232.453 19.6745 232.922 19.5547C233.391 19.4349 233.914 19.375 234.492 19.375H236.172ZM243.023 23.4688C243.367 23.4688 243.685 23.3984 243.977 23.2578C244.268 23.1172 244.508 22.9245 244.695 22.6797C244.883 22.4297 244.99 22.1458 245.016 21.8281H246.391C246.365 22.3281 246.195 22.7943 245.883 23.2266C245.576 23.6536 245.172 24 244.672 24.2656C244.172 24.526 243.622 24.6562 243.023 24.6562C242.388 24.6562 241.833 24.5443 241.359 24.3203C240.891 24.0964 240.5 23.7891 240.188 23.3984C239.88 23.0078 239.648 22.5599 239.492 22.0547C239.341 21.5443 239.266 21.0052 239.266 20.4375V20.1094C239.266 19.5417 239.341 19.0052 239.492 18.5C239.648 17.9896 239.88 17.5391 240.188 17.1484C240.5 16.7578 240.891 16.4505 241.359 16.2266C241.833 16.0026 242.388 15.8906 243.023 15.8906C243.685 15.8906 244.263 16.026 244.758 16.2969C245.253 16.5625 245.641 16.9271 245.922 17.3906C246.208 17.849 246.365 18.3698 246.391 18.9531H245.016C244.99 18.6042 244.891 18.2891 244.719 18.0078C244.552 17.7266 244.323 17.5026 244.031 17.3359C243.745 17.1641 243.409 17.0781 243.023 17.0781C242.581 17.0781 242.208 17.1667 241.906 17.3438C241.609 17.5156 241.372 17.75 241.195 18.0469C241.023 18.3385 240.898 18.6641 240.82 19.0234C240.747 19.3776 240.711 19.7396 240.711 20.1094V20.4375C240.711 20.8073 240.747 21.1719 240.82 21.5312C240.893 21.8906 241.016 22.2161 241.188 22.5078C241.365 22.7995 241.602 23.0339 241.898 23.2109C242.201 23.3828 242.576 23.4688 243.023 23.4688ZM251.523 24.6562C250.935 24.6562 250.401 24.5573 249.922 24.3594C249.448 24.1562 249.039 23.8724 248.695 23.5078C248.357 23.1432 248.096 22.7109 247.914 22.2109C247.732 21.7109 247.641 21.1641 247.641 20.5703V20.2422C247.641 19.5547 247.742 18.9427 247.945 18.4062C248.148 17.8646 248.424 17.4062 248.773 17.0312C249.122 16.6562 249.518 16.3724 249.961 16.1797C250.404 15.987 250.862 15.8906 251.336 15.8906C251.94 15.8906 252.461 15.9948 252.898 16.2031C253.341 16.4115 253.703 16.7031 253.984 17.0781C254.266 17.4479 254.474 17.8854 254.609 18.3906C254.745 18.8906 254.812 19.4375 254.812 20.0312V20.6797H248.5V19.5H253.367V19.3906C253.346 19.0156 253.268 18.651 253.133 18.2969C253.003 17.9427 252.794 17.651 252.508 17.4219C252.221 17.1927 251.831 17.0781 251.336 17.0781C251.008 17.0781 250.706 17.1484 250.43 17.2891C250.154 17.4245 249.917 17.6276 249.719 17.8984C249.521 18.1693 249.367 18.5 249.258 18.8906C249.148 19.2812 249.094 19.7318 249.094 20.2422V20.5703C249.094 20.9714 249.148 21.349 249.258 21.7031C249.372 22.0521 249.536 22.3594 249.75 22.625C249.969 22.8906 250.232 23.099 250.539 23.25C250.852 23.401 251.206 23.4766 251.602 23.4766C252.112 23.4766 252.544 23.3724 252.898 23.1641C253.253 22.9557 253.562 22.6771 253.828 22.3281L254.703 23.0234C254.521 23.2995 254.289 23.5625 254.008 23.8125C253.727 24.0625 253.38 24.2656 252.969 24.4219C252.562 24.5781 252.081 24.6562 251.523 24.6562ZM256.492 12.5H257.945V22.8594L257.82 24.5H256.492V12.5ZM263.656 20.2031V20.3672C263.656 20.9818 263.583 21.5521 263.438 22.0781C263.292 22.599 263.078 23.0521 262.797 23.4375C262.516 23.8229 262.172 24.1224 261.766 24.3359C261.359 24.5495 260.893 24.6562 260.367 24.6562C259.831 24.6562 259.359 24.5651 258.953 24.3828C258.552 24.1953 258.214 23.9271 257.938 23.5781C257.661 23.2292 257.44 22.8073 257.273 22.3125C257.112 21.8177 257 21.2604 256.938 20.6406V19.9219C257 19.2969 257.112 18.737 257.273 18.2422C257.44 17.7474 257.661 17.3255 257.938 16.9766C258.214 16.6224 258.552 16.3542 258.953 16.1719C259.354 15.9844 259.82 15.8906 260.352 15.8906C260.883 15.8906 261.354 15.9948 261.766 16.2031C262.177 16.4062 262.521 16.6979 262.797 17.0781C263.078 17.4583 263.292 17.9141 263.438 18.4453C263.583 18.9714 263.656 19.5573 263.656 20.2031ZM262.203 20.3672V20.2031C262.203 19.7812 262.164 19.3854 262.086 19.0156C262.008 18.6406 261.883 18.3125 261.711 18.0312C261.539 17.7448 261.312 17.5208 261.031 17.3594C260.75 17.1927 260.404 17.1094 259.992 17.1094C259.628 17.1094 259.31 17.1719 259.039 17.2969C258.773 17.4219 258.547 17.5911 258.359 17.8047C258.172 18.013 258.018 18.2526 257.898 18.5234C257.784 18.7891 257.698 19.0651 257.641 19.3516V21.2344C257.724 21.599 257.859 21.9505 258.047 22.2891C258.24 22.6224 258.495 22.8958 258.812 23.1094C259.135 23.3229 259.534 23.4297 260.008 23.4297C260.398 23.4297 260.732 23.3516 261.008 23.1953C261.289 23.0339 261.516 22.8125 261.688 22.5312C261.865 22.25 261.995 21.9245 262.078 21.5547C262.161 21.1849 262.203 20.7891 262.203 20.3672ZM265.102 20.3672V20.1875C265.102 19.5781 265.19 19.013 265.367 18.4922C265.544 17.9661 265.799 17.5104 266.133 17.125C266.466 16.7344 266.87 16.4323 267.344 16.2188C267.818 16 268.349 15.8906 268.938 15.8906C269.531 15.8906 270.065 16 270.539 16.2188C271.018 16.4323 271.424 16.7344 271.758 17.125C272.096 17.5104 272.354 17.9661 272.531 18.4922C272.708 19.013 272.797 19.5781 272.797 20.1875V20.3672C272.797 20.9766 272.708 21.5417 272.531 22.0625C272.354 22.5833 272.096 23.0391 271.758 23.4297C271.424 23.8151 271.021 24.1172 270.547 24.3359C270.078 24.5495 269.547 24.6562 268.953 24.6562C268.359 24.6562 267.826 24.5495 267.352 24.3359C266.878 24.1172 266.471 23.8151 266.133 23.4297C265.799 23.0391 265.544 22.5833 265.367 22.0625C265.19 21.5417 265.102 20.9766 265.102 20.3672ZM266.547 20.1875V20.3672C266.547 20.7891 266.596 21.1875 266.695 21.5625C266.794 21.9323 266.943 22.2604 267.141 22.5469C267.344 22.8333 267.596 23.0599 267.898 23.2266C268.201 23.388 268.552 23.4688 268.953 23.4688C269.349 23.4688 269.695 23.388 269.992 23.2266C270.294 23.0599 270.544 22.8333 270.742 22.5469C270.94 22.2604 271.089 21.9323 271.188 21.5625C271.292 21.1875 271.344 20.7891 271.344 20.3672V20.1875C271.344 19.7708 271.292 19.3776 271.188 19.0078C271.089 18.6328 270.938 18.3021 270.734 18.0156C270.536 17.724 270.286 17.4948 269.984 17.3281C269.688 17.1615 269.339 17.0781 268.938 17.0781C268.542 17.0781 268.193 17.1615 267.891 17.3281C267.594 17.4948 267.344 17.724 267.141 18.0156C266.943 18.3021 266.794 18.6328 266.695 19.0078C266.596 19.3776 266.547 19.7708 266.547 20.1875ZM274.227 20.3672V20.1875C274.227 19.5781 274.315 19.013 274.492 18.4922C274.669 17.9661 274.924 17.5104 275.258 17.125C275.591 16.7344 275.995 16.4323 276.469 16.2188C276.943 16 277.474 15.8906 278.062 15.8906C278.656 15.8906 279.19 16 279.664 16.2188C280.143 16.4323 280.549 16.7344 280.883 17.125C281.221 17.5104 281.479 17.9661 281.656 18.4922C281.833 19.013 281.922 19.5781 281.922 20.1875V20.3672C281.922 20.9766 281.833 21.5417 281.656 22.0625C281.479 22.5833 281.221 23.0391 280.883 23.4297C280.549 23.8151 280.146 24.1172 279.672 24.3359C279.203 24.5495 278.672 24.6562 278.078 24.6562C277.484 24.6562 276.951 24.5495 276.477 24.3359C276.003 24.1172 275.596 23.8151 275.258 23.4297C274.924 23.0391 274.669 22.5833 274.492 22.0625C274.315 21.5417 274.227 20.9766 274.227 20.3672ZM275.672 20.1875V20.3672C275.672 20.7891 275.721 21.1875 275.82 21.5625C275.919 21.9323 276.068 22.2604 276.266 22.5469C276.469 22.8333 276.721 23.0599 277.023 23.2266C277.326 23.388 277.677 23.4688 278.078 23.4688C278.474 23.4688 278.82 23.388 279.117 23.2266C279.419 23.0599 279.669 22.8333 279.867 22.5469C280.065 22.2604 280.214 21.9323 280.312 21.5625C280.417 21.1875 280.469 20.7891 280.469 20.3672V20.1875C280.469 19.7708 280.417 19.3776 280.312 19.0078C280.214 18.6328 280.062 18.3021 279.859 18.0156C279.661 17.724 279.411 17.4948 279.109 17.3281C278.812 17.1615 278.464 17.0781 278.062 17.0781C277.667 17.0781 277.318 17.1615 277.016 17.3281C276.719 17.4948 276.469 17.724 276.266 18.0156C276.068 18.3021 275.919 18.6328 275.82 19.0078C275.721 19.3776 275.672 19.7708 275.672 20.1875ZM285.188 12.5V24.5H283.734V12.5H285.188ZM290.352 16.0469L286.664 19.9922L284.602 22.1328L284.484 20.5938L285.961 18.8281L288.586 16.0469H290.352ZM289.031 24.5L286.016 20.4688L286.766 19.1797L290.734 24.5H289.031Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 50.5C0.5 48.2909 2.29086 46.5 4.5 46.5H44.5V84.5H4.5C2.29086 84.5 0.5 82.7091 0.5 80.5V50.5Z"
                       fill="#3B84C2"
                     />
+                    
+    
                     <path
                       d="M14.5 58.6461C14.5 58.0133 15.026 57.5 15.6749 57.5H29.3251C29.974 57.5 30.5 58.0133 30.5 58.6461V72.3539C30.5 72.9869 29.974 73.5 29.3251 73.5L15.6749 73.5C15.026 73.5 14.5 72.9869 14.5 72.3539V58.6461ZM19.4434 70.8937V63.6688H17.042V70.8937H19.4434ZM18.2427 62.6823C19.0801 62.6823 19.6013 62.1275 19.6013 61.4342C19.5857 60.7253 19.0801 60.1859 18.2585 60.1859C17.4371 60.1859 16.9 60.7253 16.9 61.4342C16.9 62.1275 17.4211 62.6823 18.227 62.6823H18.2427ZM23.1514 70.8937V66.859C23.1514 66.643 23.167 66.4273 23.2304 66.273C23.404 65.8415 23.7991 65.3947 24.4625 65.3947C25.3315 65.3947 25.6791 66.0572 25.6791 67.0285V70.8937H28.0803V66.751C28.0803 64.5318 26.8956 63.4992 25.3156 63.4992C24.0418 63.4992 23.4706 64.1994 23.1515 64.6917V64.7166H23.1354C23.1407 64.7083 23.146 64.7 23.1515 64.6917V63.6688H20.7501C20.7816 64.3467 20.7501 70.8937 20.7501 70.8937H23.1514Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M44.5 46.5H151C153.209 46.5 155 48.2909 155 50.5V80.5C155 82.7091 153.209 84.5 151 84.5H44.5V46.5Z"
                       fill="#336B94"
                     />
+                    
+    
                     <path
                       d="M66.9375 69.2734V70.5H61.25V69.2734H66.9375ZM61.5469 59.125V70.5H60.0391V59.125H61.5469ZM70.0156 62.0469V70.5H68.5625V62.0469H70.0156ZM68.4531 59.8047C68.4531 59.5703 68.5234 59.3724 68.6641 59.2109C68.8099 59.0495 69.0234 58.9688 69.3047 58.9688C69.5807 58.9688 69.7917 59.0495 69.9375 59.2109C70.0885 59.3724 70.1641 59.5703 70.1641 59.8047C70.1641 60.0286 70.0885 60.2214 69.9375 60.3828C69.7917 60.5391 69.5807 60.6172 69.3047 60.6172C69.0234 60.6172 68.8099 60.5391 68.6641 60.3828C68.5234 60.2214 68.4531 60.0286 68.4531 59.8047ZM73.7812 63.8516V70.5H72.3359V62.0469H73.7031L73.7812 63.8516ZM73.4375 65.9531L72.8359 65.9297C72.8411 65.3516 72.9271 64.8177 73.0938 64.3281C73.2604 63.8333 73.4948 63.4036 73.7969 63.0391C74.099 62.6745 74.4583 62.3932 74.875 62.1953C75.2969 61.9922 75.763 61.8906 76.2734 61.8906C76.6901 61.8906 77.0651 61.9479 77.3984 62.0625C77.7318 62.1719 78.0156 62.349 78.25 62.5938C78.4896 62.8385 78.6719 63.1562 78.7969 63.5469C78.9219 63.9323 78.9844 64.4036 78.9844 64.9609V70.5H77.5312V64.9453C77.5312 64.5026 77.4661 64.1484 77.3359 63.8828C77.2057 63.612 77.0156 63.4167 76.7656 63.2969C76.5156 63.1719 76.2083 63.1094 75.8438 63.1094C75.4844 63.1094 75.1562 63.1849 74.8594 63.3359C74.5677 63.487 74.3151 63.6953 74.1016 63.9609C73.8932 64.2266 73.7292 64.5312 73.6094 64.875C73.4948 65.2135 73.4375 65.5729 73.4375 65.9531ZM82.6328 58.5V70.5H81.1797V58.5H82.6328ZM87.7969 62.0469L84.1094 65.9922L82.0469 68.1328L81.9297 66.5938L83.4062 64.8281L86.0312 62.0469H87.7969ZM86.4766 70.5L83.4609 66.4688L84.2109 65.1797L88.1797 70.5H86.4766ZM92.6406 70.6562C92.0521 70.6562 91.5182 70.5573 91.0391 70.3594C90.5651 70.1562 90.1562 69.8724 89.8125 69.5078C89.474 69.1432 89.2135 68.7109 89.0312 68.2109C88.849 67.7109 88.7578 67.1641 88.7578 66.5703V66.2422C88.7578 65.5547 88.8594 64.9427 89.0625 64.4062C89.2656 63.8646 89.5417 63.4062 89.8906 63.0312C90.2396 62.6562 90.6354 62.3724 91.0781 62.1797C91.5208 61.987 91.9792 61.8906 92.4531 61.8906C93.0573 61.8906 93.5781 61.9948 94.0156 62.2031C94.4583 62.4115 94.8203 62.7031 95.1016 63.0781C95.3828 63.4479 95.5911 63.8854 95.7266 64.3906C95.862 64.8906 95.9297 65.4375 95.9297 66.0312V66.6797H89.6172V65.5H94.4844V65.3906C94.4635 65.0156 94.3854 64.651 94.25 64.2969C94.1198 63.9427 93.9115 63.651 93.625 63.4219C93.3385 63.1927 92.9479 63.0781 92.4531 63.0781C92.125 63.0781 91.8229 63.1484 91.5469 63.2891C91.2708 63.4245 91.0339 63.6276 90.8359 63.8984C90.638 64.1693 90.4844 64.5 90.375 64.8906C90.2656 65.2812 90.2109 65.7318 90.2109 66.2422V66.5703C90.2109 66.9714 90.2656 67.349 90.375 67.7031C90.4896 68.0521 90.6536 68.3594 90.8672 68.625C91.0859 68.8906 91.349 69.099 91.6562 69.25C91.9688 69.401 92.3229 69.4766 92.7188 69.4766C93.2292 69.4766 93.6615 69.3724 94.0156 69.1641C94.3698 68.9557 94.6797 68.6771 94.9453 68.3281L95.8203 69.0234C95.638 69.2995 95.4062 69.5625 95.125 69.8125C94.8438 70.0625 94.4974 70.2656 94.0859 70.4219C93.6797 70.5781 93.1979 70.6562 92.6406 70.6562ZM102.945 68.8594V58.5H104.398V70.5H103.07L102.945 68.8594ZM97.2578 66.3672V66.2031C97.2578 65.5573 97.3359 64.9714 97.4922 64.4453C97.6536 63.9141 97.8802 63.4583 98.1719 63.0781C98.4688 62.6979 98.8203 62.4062 99.2266 62.2031C99.638 61.9948 100.096 61.8906 100.602 61.8906C101.133 61.8906 101.596 61.9844 101.992 62.1719C102.393 62.3542 102.732 62.6224 103.008 62.9766C103.289 63.3255 103.51 63.7474 103.672 64.2422C103.833 64.737 103.945 65.2969 104.008 65.9219V66.6406C103.951 67.2604 103.839 67.8177 103.672 68.3125C103.51 68.8073 103.289 69.2292 103.008 69.5781C102.732 69.9271 102.393 70.1953 101.992 70.3828C101.591 70.5651 101.122 70.6562 100.586 70.6562C100.091 70.6562 99.638 70.5495 99.2266 70.3359C98.8203 70.1224 98.4688 69.8229 98.1719 69.4375C97.8802 69.0521 97.6536 68.599 97.4922 68.0781C97.3359 67.5521 97.2578 66.9818 97.2578 66.3672ZM98.7109 66.2031V66.3672C98.7109 66.7891 98.7526 67.1849 98.8359 67.5547C98.9245 67.9245 99.0599 68.25 99.2422 68.5312C99.4245 68.8125 99.6562 69.0339 99.9375 69.1953C100.219 69.3516 100.555 69.4297 100.945 69.4297C101.424 69.4297 101.818 69.3281 102.125 69.125C102.438 68.9219 102.688 68.6536 102.875 68.3203C103.062 67.987 103.208 67.625 103.312 67.2344V65.3516C103.25 65.0651 103.159 64.7891 103.039 64.5234C102.924 64.2526 102.773 64.013 102.586 63.8047C102.404 63.5911 102.177 63.4219 101.906 63.2969C101.641 63.1719 101.326 63.1094 100.961 63.1094C100.565 63.1094 100.224 63.1927 99.9375 63.3594C99.6562 63.5208 99.4245 63.7448 99.2422 64.0312C99.0599 64.3125 98.9245 64.6406 98.8359 65.0156C98.7526 65.3854 98.7109 65.7812 98.7109 66.2031ZM108.219 62.0469V70.5H106.766V62.0469H108.219ZM106.656 59.8047C106.656 59.5703 106.727 59.3724 106.867 59.2109C107.013 59.0495 107.227 58.9688 107.508 58.9688C107.784 58.9688 107.995 59.0495 108.141 59.2109C108.292 59.3724 108.367 59.5703 108.367 59.8047C108.367 60.0286 108.292 60.2214 108.141 60.3828C107.995 60.5391 107.784 60.6172 107.508 60.6172C107.227 60.6172 107.013 60.5391 106.867 60.3828C106.727 60.2214 106.656 60.0286 106.656 59.8047ZM111.984 63.8516V70.5H110.539V62.0469H111.906L111.984 63.8516ZM111.641 65.9531L111.039 65.9297C111.044 65.3516 111.13 64.8177 111.297 64.3281C111.464 63.8333 111.698 63.4036 112 63.0391C112.302 62.6745 112.661 62.3932 113.078 62.1953C113.5 61.9922 113.966 61.8906 114.477 61.8906C114.893 61.8906 115.268 61.9479 115.602 62.0625C115.935 62.1719 116.219 62.349 116.453 62.5938C116.693 62.8385 116.875 63.1562 117 63.5469C117.125 63.9323 117.188 64.4036 117.188 64.9609V70.5H115.734V64.9453C115.734 64.5026 115.669 64.1484 115.539 63.8828C115.409 63.612 115.219 63.4167 114.969 63.2969C114.719 63.1719 114.411 63.1094 114.047 63.1094C113.688 63.1094 113.359 63.1849 113.062 63.3359C112.771 63.487 112.518 63.6953 112.305 63.9609C112.096 64.2266 111.932 64.5312 111.812 64.875C111.698 65.2135 111.641 65.5729 111.641 65.9531Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 50.5C163 48.2909 164.791 46.5 167 46.5H207V84.5H167C164.791 84.5 163 82.7091 163 80.5V50.5Z"
                       fill="#326A9C"
                     />
+                    
+    
                     <path
                       d="M177.05 61.0554C177.252 60.1648 178.048 59.5 179 59.5H191C191.952 59.5 192.748 60.1648 192.95 61.0554L185 65.914L177.05 61.0554ZM177 62.1971V69.3006L182.803 65.7435L177 62.1971ZM183.761 66.3291L177.192 70.3559C177.513 71.0323 178.202 71.5 179 71.5H191C191.798 71.5 192.487 71.0323 192.808 70.3559L186.239 66.3291L185 67.086L183.761 66.3291ZM187.197 65.7435L193 69.3006V62.1971L187.197 65.7435Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M207 46.5H313.5C315.709 46.5 317.5 48.2909 317.5 50.5V80.5C317.5 82.7091 315.709 84.5 313.5 84.5H207V46.5Z"
                       fill="#255074"
                     />
+                    
+    
                     <path
                       d="M230.031 69.2734V70.5H224.008V69.2734H230.031ZM224.312 59.125V70.5H222.805V59.125H224.312ZM229.234 64.0156V65.2422H224.008V64.0156H229.234ZM229.953 59.125V60.3594H224.008V59.125H229.953ZM234.688 65.0703V66.2578H230.875V65.0703H234.688ZM237.539 63.7266V70.5H236.086V62.0469H237.461L237.539 63.7266ZM237.242 65.9531L236.57 65.9297C236.576 65.3516 236.651 64.8177 236.797 64.3281C236.943 63.8333 237.159 63.4036 237.445 63.0391C237.732 62.6745 238.089 62.3932 238.516 62.1953C238.943 61.9922 239.438 61.8906 240 61.8906C240.396 61.8906 240.76 61.9479 241.094 62.0625C241.427 62.1719 241.716 62.3464 241.961 62.5859C242.206 62.8255 242.396 63.1328 242.531 63.5078C242.667 63.8828 242.734 64.3359 242.734 64.8672V70.5H241.289V64.9375C241.289 64.4948 241.214 64.1406 241.062 63.875C240.917 63.6094 240.708 63.4167 240.438 63.2969C240.167 63.1719 239.849 63.1094 239.484 63.1094C239.057 63.1094 238.701 63.1849 238.414 63.3359C238.128 63.487 237.898 63.6953 237.727 63.9609C237.555 64.2266 237.43 64.5312 237.352 64.875C237.279 65.2135 237.242 65.5729 237.242 65.9531ZM242.719 65.1562L241.75 65.4531C241.755 64.9896 241.831 64.5443 241.977 64.1172C242.128 63.6901 242.344 63.3099 242.625 62.9766C242.911 62.6432 243.263 62.3802 243.68 62.1875C244.096 61.9896 244.573 61.8906 245.109 61.8906C245.562 61.8906 245.964 61.9505 246.312 62.0703C246.667 62.1901 246.964 62.375 247.203 62.625C247.448 62.8698 247.633 63.1849 247.758 63.5703C247.883 63.9557 247.945 64.4141 247.945 64.9453V70.5H246.492V64.9297C246.492 64.4557 246.417 64.0885 246.266 63.8281C246.12 63.5625 245.911 63.3776 245.641 63.2734C245.375 63.1641 245.057 63.1094 244.688 63.1094C244.37 63.1094 244.089 63.1641 243.844 63.2734C243.599 63.3828 243.393 63.5339 243.227 63.7266C243.06 63.9141 242.932 64.1302 242.844 64.375C242.76 64.6198 242.719 64.8802 242.719 65.1562ZM255.117 69.0547V64.7031C255.117 64.3698 255.049 64.0807 254.914 63.8359C254.784 63.5859 254.586 63.3932 254.32 63.2578C254.055 63.1224 253.727 63.0547 253.336 63.0547C252.971 63.0547 252.651 63.1172 252.375 63.2422C252.104 63.3672 251.891 63.5312 251.734 63.7344C251.583 63.9375 251.508 64.1562 251.508 64.3906H250.062C250.062 64.0885 250.141 63.7891 250.297 63.4922C250.453 63.1953 250.677 62.9271 250.969 62.6875C251.266 62.4427 251.62 62.25 252.031 62.1094C252.448 61.9635 252.911 61.8906 253.422 61.8906C254.036 61.8906 254.578 61.9948 255.047 62.2031C255.521 62.4115 255.891 62.7266 256.156 63.1484C256.427 63.5651 256.562 64.0885 256.562 64.7188V68.6562C256.562 68.9375 256.586 69.237 256.633 69.5547C256.685 69.8724 256.76 70.1458 256.859 70.375V70.5H255.352C255.279 70.3333 255.221 70.112 255.18 69.8359C255.138 69.5547 255.117 69.2943 255.117 69.0547ZM255.367 65.375L255.383 66.3906H253.922C253.51 66.3906 253.143 66.4245 252.82 66.4922C252.497 66.5547 252.227 66.651 252.008 66.7812C251.789 66.9115 251.622 67.0755 251.508 67.2734C251.393 67.4661 251.336 67.6927 251.336 67.9531C251.336 68.2188 251.396 68.4609 251.516 68.6797C251.635 68.8984 251.815 69.0729 252.055 69.2031C252.299 69.3281 252.599 69.3906 252.953 69.3906C253.396 69.3906 253.786 69.2969 254.125 69.1094C254.464 68.9219 254.732 68.6927 254.93 68.4219C255.133 68.151 255.242 67.888 255.258 67.6328L255.875 68.3281C255.839 68.5469 255.74 68.7891 255.578 69.0547C255.417 69.3203 255.201 69.5755 254.93 69.8203C254.664 70.0599 254.346 70.2604 253.977 70.4219C253.612 70.5781 253.201 70.6562 252.742 70.6562C252.169 70.6562 251.667 70.5443 251.234 70.3203C250.807 70.0964 250.474 69.7969 250.234 69.4219C250 69.0417 249.883 68.6172 249.883 68.1484C249.883 67.6953 249.971 67.2969 250.148 66.9531C250.326 66.6042 250.581 66.3151 250.914 66.0859C251.247 65.8516 251.648 65.6745 252.117 65.5547C252.586 65.4349 253.109 65.375 253.688 65.375H255.367ZM260.406 62.0469V70.5H258.953V62.0469H260.406ZM258.844 59.8047C258.844 59.5703 258.914 59.3724 259.055 59.2109C259.201 59.0495 259.414 58.9688 259.695 58.9688C259.971 58.9688 260.182 59.0495 260.328 59.2109C260.479 59.3724 260.555 59.5703 260.555 59.8047C260.555 60.0286 260.479 60.2214 260.328 60.3828C260.182 60.5391 259.971 60.6172 259.695 60.6172C259.414 60.6172 259.201 60.5391 259.055 60.3828C258.914 60.2214 258.844 60.0286 258.844 59.8047ZM264.297 58.5V70.5H262.844V58.5H264.297Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 96.5C0.5 94.2909 2.29086 92.5 4.5 92.5H44.5V130.5H4.5C2.29086 130.5 0.5 128.709 0.5 126.5V96.5Z"
                       fill="#BB2739"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="111.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 92.5H151C153.209 92.5 155 94.2909 155 96.5V126.5C155 128.709 153.209 130.5 151 130.5H44.5V92.5Z"
                       fill="#8B1A2A"
                     />
+                    
+    
                     <path
                       d="M64.1172 112.039H61.0781V110.812H64.1172C64.7057 110.812 65.1823 110.719 65.5469 110.531C65.9115 110.344 66.1771 110.083 66.3438 109.75C66.5156 109.417 66.6016 109.036 66.6016 108.609C66.6016 108.219 66.5156 107.852 66.3438 107.508C66.1771 107.164 65.9115 106.888 65.5469 106.68C65.1823 106.466 64.7057 106.359 64.1172 106.359H61.4297V116.5H59.9219V105.125H64.1172C64.9766 105.125 65.7031 105.273 66.2969 105.57C66.8906 105.867 67.3411 106.279 67.6484 106.805C67.9557 107.326 68.1094 107.922 68.1094 108.594C68.1094 109.323 67.9557 109.945 67.6484 110.461C67.3411 110.977 66.8906 111.37 66.2969 111.641C65.7031 111.906 64.9766 112.039 64.1172 112.039ZM71.3672 108.047V116.5H69.9141V108.047H71.3672ZM69.8047 105.805C69.8047 105.57 69.875 105.372 70.0156 105.211C70.1615 105.049 70.375 104.969 70.6562 104.969C70.9323 104.969 71.1432 105.049 71.2891 105.211C71.4401 105.372 71.5156 105.57 71.5156 105.805C71.5156 106.029 71.4401 106.221 71.2891 106.383C71.1432 106.539 70.9323 106.617 70.6562 106.617C70.375 106.617 70.1615 106.539 70.0156 106.383C69.875 106.221 69.8047 106.029 69.8047 105.805ZM75.1328 109.852V116.5H73.6875V108.047H75.0547L75.1328 109.852ZM74.7891 111.953L74.1875 111.93C74.1927 111.352 74.2786 110.818 74.4453 110.328C74.612 109.833 74.8464 109.404 75.1484 109.039C75.4505 108.674 75.8099 108.393 76.2266 108.195C76.6484 107.992 77.1146 107.891 77.625 107.891C78.0417 107.891 78.4167 107.948 78.75 108.062C79.0833 108.172 79.3672 108.349 79.6016 108.594C79.8411 108.839 80.0234 109.156 80.1484 109.547C80.2734 109.932 80.3359 110.404 80.3359 110.961V116.5H78.8828V110.945C78.8828 110.503 78.8177 110.148 78.6875 109.883C78.5573 109.612 78.3672 109.417 78.1172 109.297C77.8672 109.172 77.5599 109.109 77.1953 109.109C76.8359 109.109 76.5078 109.185 76.2109 109.336C75.9193 109.487 75.6667 109.695 75.4531 109.961C75.2448 110.227 75.0807 110.531 74.9609 110.875C74.8464 111.214 74.7891 111.573 74.7891 111.953ZM86.0703 108.047V109.156H81.5V108.047H86.0703ZM83.0469 105.992H84.4922V114.406C84.4922 114.693 84.5365 114.909 84.625 115.055C84.7135 115.201 84.8281 115.297 84.9688 115.344C85.1094 115.391 85.2604 115.414 85.4219 115.414C85.5417 115.414 85.6667 115.404 85.7969 115.383C85.9323 115.357 86.0339 115.336 86.1016 115.32L86.1094 116.5C85.9948 116.536 85.8438 116.57 85.6562 116.602C85.474 116.638 85.2526 116.656 84.9922 116.656C84.638 116.656 84.3125 116.586 84.0156 116.445C83.7188 116.305 83.4818 116.07 83.3047 115.742C83.1328 115.409 83.0469 114.961 83.0469 114.398V105.992ZM91.2734 116.656C90.6849 116.656 90.151 116.557 89.6719 116.359C89.1979 116.156 88.7891 115.872 88.4453 115.508C88.1068 115.143 87.8464 114.711 87.6641 114.211C87.4818 113.711 87.3906 113.164 87.3906 112.57V112.242C87.3906 111.555 87.4922 110.943 87.6953 110.406C87.8984 109.865 88.1745 109.406 88.5234 109.031C88.8724 108.656 89.2682 108.372 89.7109 108.18C90.1536 107.987 90.612 107.891 91.0859 107.891C91.6901 107.891 92.2109 107.995 92.6484 108.203C93.0911 108.411 93.4531 108.703 93.7344 109.078C94.0156 109.448 94.224 109.885 94.3594 110.391C94.4948 110.891 94.5625 111.438 94.5625 112.031V112.68H88.25V111.5H93.1172V111.391C93.0964 111.016 93.0182 110.651 92.8828 110.297C92.7526 109.943 92.5443 109.651 92.2578 109.422C91.9714 109.193 91.5807 109.078 91.0859 109.078C90.7578 109.078 90.4557 109.148 90.1797 109.289C89.9036 109.424 89.6667 109.628 89.4688 109.898C89.2708 110.169 89.1172 110.5 89.0078 110.891C88.8984 111.281 88.8438 111.732 88.8438 112.242V112.57C88.8438 112.971 88.8984 113.349 89.0078 113.703C89.1224 114.052 89.2865 114.359 89.5 114.625C89.7188 114.891 89.9818 115.099 90.2891 115.25C90.6016 115.401 90.9557 115.477 91.3516 115.477C91.862 115.477 92.2943 115.372 92.6484 115.164C93.0026 114.956 93.3125 114.677 93.5781 114.328L94.4531 115.023C94.2708 115.299 94.0391 115.562 93.7578 115.812C93.4766 116.062 93.1302 116.266 92.7188 116.422C92.3125 116.578 91.8307 116.656 91.2734 116.656ZM97.6953 109.375V116.5H96.25V108.047H97.6562L97.6953 109.375ZM100.336 108L100.328 109.344C100.208 109.318 100.094 109.302 99.9844 109.297C99.8802 109.286 99.7604 109.281 99.625 109.281C99.2917 109.281 98.9974 109.333 98.7422 109.438C98.487 109.542 98.2708 109.688 98.0938 109.875C97.9167 110.062 97.776 110.286 97.6719 110.547C97.5729 110.802 97.5078 111.083 97.4766 111.391L97.0703 111.625C97.0703 111.115 97.1198 110.635 97.2188 110.188C97.3229 109.74 97.4818 109.344 97.6953 109C97.9089 108.651 98.1797 108.38 98.5078 108.188C98.8411 107.99 99.237 107.891 99.6953 107.891C99.7995 107.891 99.9193 107.904 100.055 107.93C100.19 107.951 100.284 107.974 100.336 108ZM105.023 116.656C104.435 116.656 103.901 116.557 103.422 116.359C102.948 116.156 102.539 115.872 102.195 115.508C101.857 115.143 101.596 114.711 101.414 114.211C101.232 113.711 101.141 113.164 101.141 112.57V112.242C101.141 111.555 101.242 110.943 101.445 110.406C101.648 109.865 101.924 109.406 102.273 109.031C102.622 108.656 103.018 108.372 103.461 108.18C103.904 107.987 104.362 107.891 104.836 107.891C105.44 107.891 105.961 107.995 106.398 108.203C106.841 108.411 107.203 108.703 107.484 109.078C107.766 109.448 107.974 109.885 108.109 110.391C108.245 110.891 108.312 111.438 108.312 112.031V112.68H102V111.5H106.867V111.391C106.846 111.016 106.768 110.651 106.633 110.297C106.503 109.943 106.294 109.651 106.008 109.422C105.721 109.193 105.331 109.078 104.836 109.078C104.508 109.078 104.206 109.148 103.93 109.289C103.654 109.424 103.417 109.628 103.219 109.898C103.021 110.169 102.867 110.5 102.758 110.891C102.648 111.281 102.594 111.732 102.594 112.242V112.57C102.594 112.971 102.648 113.349 102.758 113.703C102.872 114.052 103.036 114.359 103.25 114.625C103.469 114.891 103.732 115.099 104.039 115.25C104.352 115.401 104.706 115.477 105.102 115.477C105.612 115.477 106.044 115.372 106.398 115.164C106.753 114.956 107.062 114.677 107.328 114.328L108.203 115.023C108.021 115.299 107.789 115.562 107.508 115.812C107.227 116.062 106.88 116.266 106.469 116.422C106.062 116.578 105.581 116.656 105.023 116.656ZM114.922 114.258C114.922 114.049 114.875 113.857 114.781 113.68C114.693 113.497 114.508 113.333 114.227 113.188C113.951 113.036 113.534 112.906 112.977 112.797C112.508 112.698 112.083 112.581 111.703 112.445C111.328 112.31 111.008 112.146 110.742 111.953C110.482 111.76 110.281 111.534 110.141 111.273C110 111.013 109.93 110.708 109.93 110.359C109.93 110.026 110.003 109.711 110.148 109.414C110.299 109.117 110.51 108.854 110.781 108.625C111.057 108.396 111.388 108.216 111.773 108.086C112.159 107.956 112.589 107.891 113.062 107.891C113.74 107.891 114.318 108.01 114.797 108.25C115.276 108.49 115.643 108.81 115.898 109.211C116.154 109.607 116.281 110.047 116.281 110.531H114.836C114.836 110.297 114.766 110.07 114.625 109.852C114.49 109.628 114.289 109.443 114.023 109.297C113.763 109.151 113.443 109.078 113.062 109.078C112.661 109.078 112.336 109.141 112.086 109.266C111.841 109.385 111.661 109.539 111.547 109.727C111.438 109.914 111.383 110.112 111.383 110.32C111.383 110.477 111.409 110.617 111.461 110.742C111.518 110.862 111.617 110.974 111.758 111.078C111.898 111.177 112.096 111.271 112.352 111.359C112.607 111.448 112.932 111.536 113.328 111.625C114.021 111.781 114.591 111.969 115.039 112.188C115.487 112.406 115.82 112.674 116.039 112.992C116.258 113.31 116.367 113.695 116.367 114.148C116.367 114.518 116.289 114.857 116.133 115.164C115.982 115.471 115.76 115.737 115.469 115.961C115.182 116.18 114.839 116.352 114.438 116.477C114.042 116.596 113.596 116.656 113.102 116.656C112.357 116.656 111.727 116.523 111.211 116.258C110.695 115.992 110.305 115.648 110.039 115.227C109.773 114.805 109.641 114.359 109.641 113.891H111.094C111.115 114.286 111.229 114.602 111.438 114.836C111.646 115.065 111.901 115.229 112.203 115.328C112.505 115.422 112.805 115.469 113.102 115.469C113.497 115.469 113.828 115.417 114.094 115.312C114.365 115.208 114.57 115.065 114.711 114.883C114.852 114.701 114.922 114.492 114.922 114.258ZM121.805 108.047V109.156H117.234V108.047H121.805ZM118.781 105.992H120.227V114.406C120.227 114.693 120.271 114.909 120.359 115.055C120.448 115.201 120.562 115.297 120.703 115.344C120.844 115.391 120.995 115.414 121.156 115.414C121.276 115.414 121.401 115.404 121.531 115.383C121.667 115.357 121.768 115.336 121.836 115.32L121.844 116.5C121.729 116.536 121.578 116.57 121.391 116.602C121.208 116.638 120.987 116.656 120.727 116.656C120.372 116.656 120.047 116.586 119.75 116.445C119.453 116.305 119.216 116.07 119.039 115.742C118.867 115.409 118.781 114.961 118.781 114.398V105.992Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 96.5C163 94.2909 164.791 92.5 167 92.5H207V130.5H167C164.791 130.5 163 128.709 163 126.5V96.5Z"
                       fill="#F4C975"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="111.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 92.5H313.5C315.709 92.5 317.5 94.2909 317.5 96.5V126.5C317.5 128.709 315.709 130.5 313.5 130.5H207V92.5Z"
                       fill="#B69657"
                     />
+                    
+    
                     <path
                       d="M226.445 111.18H223.562L223.547 109.969H226.164C226.596 109.969 226.974 109.896 227.297 109.75C227.62 109.604 227.87 109.396 228.047 109.125C228.229 108.849 228.32 108.521 228.32 108.141C228.32 107.724 228.24 107.385 228.078 107.125C227.922 106.859 227.68 106.667 227.352 106.547C227.029 106.422 226.617 106.359 226.117 106.359H223.898V116.5H222.391V105.125H226.117C226.701 105.125 227.221 105.185 227.68 105.305C228.138 105.419 228.526 105.602 228.844 105.852C229.167 106.096 229.411 106.409 229.578 106.789C229.745 107.169 229.828 107.625 229.828 108.156C229.828 108.625 229.708 109.049 229.469 109.43C229.229 109.805 228.896 110.112 228.469 110.352C228.047 110.591 227.552 110.745 226.984 110.812L226.445 111.18ZM226.375 116.5H222.969L223.82 115.273H226.375C226.854 115.273 227.26 115.19 227.594 115.023C227.932 114.857 228.19 114.622 228.367 114.32C228.544 114.013 228.633 113.651 228.633 113.234C228.633 112.812 228.557 112.448 228.406 112.141C228.255 111.833 228.018 111.596 227.695 111.43C227.372 111.263 226.956 111.18 226.445 111.18H224.297L224.312 109.969H227.25L227.57 110.406C228.117 110.453 228.581 110.609 228.961 110.875C229.341 111.135 229.63 111.469 229.828 111.875C230.031 112.281 230.133 112.729 230.133 113.219C230.133 113.927 229.977 114.526 229.664 115.016C229.357 115.5 228.922 115.87 228.359 116.125C227.797 116.375 227.135 116.5 226.375 116.5ZM233.711 104.5V116.5H232.258V104.5H233.711ZM235.648 112.367V112.188C235.648 111.578 235.737 111.013 235.914 110.492C236.091 109.966 236.346 109.51 236.68 109.125C237.013 108.734 237.417 108.432 237.891 108.219C238.365 108 238.896 107.891 239.484 107.891C240.078 107.891 240.612 108 241.086 108.219C241.565 108.432 241.971 108.734 242.305 109.125C242.643 109.51 242.901 109.966 243.078 110.492C243.255 111.013 243.344 111.578 243.344 112.188V112.367C243.344 112.977 243.255 113.542 243.078 114.062C242.901 114.583 242.643 115.039 242.305 115.43C241.971 115.815 241.568 116.117 241.094 116.336C240.625 116.549 240.094 116.656 239.5 116.656C238.906 116.656 238.372 116.549 237.898 116.336C237.424 116.117 237.018 115.815 236.68 115.43C236.346 115.039 236.091 114.583 235.914 114.062C235.737 113.542 235.648 112.977 235.648 112.367ZM237.094 112.188V112.367C237.094 112.789 237.143 113.188 237.242 113.562C237.341 113.932 237.49 114.26 237.688 114.547C237.891 114.833 238.143 115.06 238.445 115.227C238.747 115.388 239.099 115.469 239.5 115.469C239.896 115.469 240.242 115.388 240.539 115.227C240.841 115.06 241.091 114.833 241.289 114.547C241.487 114.26 241.635 113.932 241.734 113.562C241.839 113.188 241.891 112.789 241.891 112.367V112.188C241.891 111.771 241.839 111.378 241.734 111.008C241.635 110.633 241.484 110.302 241.281 110.016C241.083 109.724 240.833 109.495 240.531 109.328C240.234 109.161 239.885 109.078 239.484 109.078C239.089 109.078 238.74 109.161 238.438 109.328C238.141 109.495 237.891 109.724 237.688 110.016C237.49 110.302 237.341 110.633 237.242 111.008C237.143 111.378 237.094 111.771 237.094 112.188ZM250.633 108.047H251.945V116.32C251.945 117.065 251.794 117.701 251.492 118.227C251.19 118.753 250.768 119.151 250.227 119.422C249.69 119.698 249.07 119.836 248.367 119.836C248.076 119.836 247.732 119.789 247.336 119.695C246.945 119.607 246.56 119.453 246.18 119.234C245.805 119.021 245.49 118.732 245.234 118.367L245.992 117.508C246.346 117.935 246.716 118.232 247.102 118.398C247.492 118.565 247.878 118.648 248.258 118.648C248.716 118.648 249.112 118.562 249.445 118.391C249.779 118.219 250.036 117.964 250.219 117.625C250.406 117.292 250.5 116.88 250.5 116.391V109.906L250.633 108.047ZM244.812 112.367V112.203C244.812 111.557 244.888 110.971 245.039 110.445C245.195 109.914 245.417 109.458 245.703 109.078C245.995 108.698 246.346 108.406 246.758 108.203C247.169 107.995 247.633 107.891 248.148 107.891C248.68 107.891 249.143 107.984 249.539 108.172C249.94 108.354 250.279 108.622 250.555 108.977C250.836 109.326 251.057 109.747 251.219 110.242C251.38 110.737 251.492 111.297 251.555 111.922V112.641C251.497 113.26 251.385 113.818 251.219 114.312C251.057 114.807 250.836 115.229 250.555 115.578C250.279 115.927 249.94 116.195 249.539 116.383C249.138 116.565 248.669 116.656 248.133 116.656C247.628 116.656 247.169 116.549 246.758 116.336C246.352 116.122 246.003 115.823 245.711 115.438C245.419 115.052 245.195 114.599 245.039 114.078C244.888 113.552 244.812 112.982 244.812 112.367ZM246.258 112.203V112.367C246.258 112.789 246.299 113.185 246.383 113.555C246.471 113.924 246.604 114.25 246.781 114.531C246.964 114.812 247.195 115.034 247.477 115.195C247.758 115.352 248.094 115.43 248.484 115.43C248.964 115.43 249.359 115.328 249.672 115.125C249.984 114.922 250.232 114.654 250.414 114.32C250.602 113.987 250.747 113.625 250.852 113.234V111.352C250.794 111.065 250.706 110.789 250.586 110.523C250.471 110.253 250.32 110.013 250.133 109.805C249.951 109.591 249.724 109.422 249.453 109.297C249.182 109.172 248.865 109.109 248.5 109.109C248.104 109.109 247.763 109.193 247.477 109.359C247.195 109.521 246.964 109.745 246.781 110.031C246.604 110.312 246.471 110.641 246.383 111.016C246.299 111.385 246.258 111.781 246.258 112.203ZM259.617 108.047H260.93V116.32C260.93 117.065 260.779 117.701 260.477 118.227C260.174 118.753 259.753 119.151 259.211 119.422C258.674 119.698 258.055 119.836 257.352 119.836C257.06 119.836 256.716 119.789 256.32 119.695C255.93 119.607 255.544 119.453 255.164 119.234C254.789 119.021 254.474 118.732 254.219 118.367L254.977 117.508C255.331 117.935 255.701 118.232 256.086 118.398C256.477 118.565 256.862 118.648 257.242 118.648C257.701 118.648 258.096 118.562 258.43 118.391C258.763 118.219 259.021 117.964 259.203 117.625C259.391 117.292 259.484 116.88 259.484 116.391V109.906L259.617 108.047ZM253.797 112.367V112.203C253.797 111.557 253.872 110.971 254.023 110.445C254.18 109.914 254.401 109.458 254.688 109.078C254.979 108.698 255.331 108.406 255.742 108.203C256.154 107.995 256.617 107.891 257.133 107.891C257.664 107.891 258.128 107.984 258.523 108.172C258.924 108.354 259.263 108.622 259.539 108.977C259.82 109.326 260.042 109.747 260.203 110.242C260.365 110.737 260.477 111.297 260.539 111.922V112.641C260.482 113.26 260.37 113.818 260.203 114.312C260.042 114.807 259.82 115.229 259.539 115.578C259.263 115.927 258.924 116.195 258.523 116.383C258.122 116.565 257.654 116.656 257.117 116.656C256.612 116.656 256.154 116.549 255.742 116.336C255.336 116.122 254.987 115.823 254.695 115.438C254.404 115.052 254.18 114.599 254.023 114.078C253.872 113.552 253.797 112.982 253.797 112.367ZM255.242 112.203V112.367C255.242 112.789 255.284 113.185 255.367 113.555C255.456 113.924 255.589 114.25 255.766 114.531C255.948 114.812 256.18 115.034 256.461 115.195C256.742 115.352 257.078 115.43 257.469 115.43C257.948 115.43 258.344 115.328 258.656 115.125C258.969 114.922 259.216 114.654 259.398 114.32C259.586 113.987 259.732 113.625 259.836 113.234V111.352C259.779 111.065 259.69 110.789 259.57 110.523C259.456 110.253 259.305 110.013 259.117 109.805C258.935 109.591 258.708 109.422 258.438 109.297C258.167 109.172 257.849 109.109 257.484 109.109C257.089 109.109 256.747 109.193 256.461 109.359C256.18 109.521 255.948 109.745 255.766 110.031C255.589 110.312 255.456 110.641 255.367 111.016C255.284 111.385 255.242 111.781 255.242 112.203ZM266.633 116.656C266.044 116.656 265.51 116.557 265.031 116.359C264.557 116.156 264.148 115.872 263.805 115.508C263.466 115.143 263.206 114.711 263.023 114.211C262.841 113.711 262.75 113.164 262.75 112.57V112.242C262.75 111.555 262.852 110.943 263.055 110.406C263.258 109.865 263.534 109.406 263.883 109.031C264.232 108.656 264.628 108.372 265.07 108.18C265.513 107.987 265.971 107.891 266.445 107.891C267.049 107.891 267.57 107.995 268.008 108.203C268.451 108.411 268.812 108.703 269.094 109.078C269.375 109.448 269.583 109.885 269.719 110.391C269.854 110.891 269.922 111.438 269.922 112.031V112.68H263.609V111.5H268.477V111.391C268.456 111.016 268.378 110.651 268.242 110.297C268.112 109.943 267.904 109.651 267.617 109.422C267.331 109.193 266.94 109.078 266.445 109.078C266.117 109.078 265.815 109.148 265.539 109.289C265.263 109.424 265.026 109.628 264.828 109.898C264.63 110.169 264.477 110.5 264.367 110.891C264.258 111.281 264.203 111.732 264.203 112.242V112.57C264.203 112.971 264.258 113.349 264.367 113.703C264.482 114.052 264.646 114.359 264.859 114.625C265.078 114.891 265.341 115.099 265.648 115.25C265.961 115.401 266.315 115.477 266.711 115.477C267.221 115.477 267.654 115.372 268.008 115.164C268.362 114.956 268.672 114.677 268.938 114.328L269.812 115.023C269.63 115.299 269.398 115.562 269.117 115.812C268.836 116.062 268.49 116.266 268.078 116.422C267.672 116.578 267.19 116.656 266.633 116.656ZM273.055 109.375V116.5H271.609V108.047H273.016L273.055 109.375ZM275.695 108L275.688 109.344C275.568 109.318 275.453 109.302 275.344 109.297C275.24 109.286 275.12 109.281 274.984 109.281C274.651 109.281 274.357 109.333 274.102 109.438C273.846 109.542 273.63 109.688 273.453 109.875C273.276 110.062 273.135 110.286 273.031 110.547C272.932 110.802 272.867 111.083 272.836 111.391L272.43 111.625C272.43 111.115 272.479 110.635 272.578 110.188C272.682 109.74 272.841 109.344 273.055 109C273.268 108.651 273.539 108.38 273.867 108.188C274.201 107.99 274.596 107.891 275.055 107.891C275.159 107.891 275.279 107.904 275.414 107.93C275.549 107.951 275.643 107.974 275.695 108Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 142.5C0.5 140.291 2.29086 138.5 4.5 138.5H44.5V176.5H4.5C2.29086 176.5 0.5 174.709 0.5 172.5V142.5Z"
                       fill="#326A9C"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="157.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 138.5H151C153.209 138.5 155 140.291 155 142.5V172.5C155 174.709 153.209 176.5 151 176.5H44.5V138.5Z"
                       fill="#255074"
                     />
+                    
+    
                     <path
                       d="M64.4375 158.039H61.3984V156.812H64.4375C65.026 156.812 65.5026 156.719 65.8672 156.531C66.2318 156.344 66.4974 156.083 66.6641 155.75C66.8359 155.417 66.9219 155.036 66.9219 154.609C66.9219 154.219 66.8359 153.852 66.6641 153.508C66.4974 153.164 66.2318 152.888 65.8672 152.68C65.5026 152.466 65.026 152.359 64.4375 152.359H61.75V162.5H60.2422V151.125H64.4375C65.2969 151.125 66.0234 151.273 66.6172 151.57C67.2109 151.867 67.6615 152.279 67.9688 152.805C68.276 153.326 68.4297 153.922 68.4297 154.594C68.4297 155.323 68.276 155.945 67.9688 156.461C67.6615 156.977 67.2109 157.37 66.6172 157.641C66.0234 157.906 65.2969 158.039 64.4375 158.039ZM69.625 158.367V158.188C69.625 157.578 69.7135 157.013 69.8906 156.492C70.0677 155.966 70.3229 155.51 70.6562 155.125C70.9896 154.734 71.3932 154.432 71.8672 154.219C72.3411 154 72.8724 153.891 73.4609 153.891C74.0547 153.891 74.5885 154 75.0625 154.219C75.5417 154.432 75.9479 154.734 76.2812 155.125C76.6198 155.51 76.8776 155.966 77.0547 156.492C77.2318 157.013 77.3203 157.578 77.3203 158.188V158.367C77.3203 158.977 77.2318 159.542 77.0547 160.062C76.8776 160.583 76.6198 161.039 76.2812 161.43C75.9479 161.815 75.5443 162.117 75.0703 162.336C74.6016 162.549 74.0703 162.656 73.4766 162.656C72.8828 162.656 72.349 162.549 71.875 162.336C71.401 162.117 70.9948 161.815 70.6562 161.43C70.3229 161.039 70.0677 160.583 69.8906 160.062C69.7135 159.542 69.625 158.977 69.625 158.367ZM71.0703 158.188V158.367C71.0703 158.789 71.1198 159.188 71.2188 159.562C71.3177 159.932 71.4661 160.26 71.6641 160.547C71.8672 160.833 72.1198 161.06 72.4219 161.227C72.724 161.388 73.0755 161.469 73.4766 161.469C73.8724 161.469 74.2188 161.388 74.5156 161.227C74.8177 161.06 75.0677 160.833 75.2656 160.547C75.4635 160.26 75.612 159.932 75.7109 159.562C75.8151 159.188 75.8672 158.789 75.8672 158.367V158.188C75.8672 157.771 75.8151 157.378 75.7109 157.008C75.612 156.633 75.4609 156.302 75.2578 156.016C75.0599 155.724 74.8099 155.495 74.5078 155.328C74.2109 155.161 73.862 155.078 73.4609 155.078C73.0651 155.078 72.7161 155.161 72.4141 155.328C72.1172 155.495 71.8672 155.724 71.6641 156.016C71.4661 156.302 71.3177 156.633 71.2188 157.008C71.1198 157.378 71.0703 157.771 71.0703 158.188ZM82.5156 161.469C82.8594 161.469 83.1771 161.398 83.4688 161.258C83.7604 161.117 84 160.924 84.1875 160.68C84.375 160.43 84.4818 160.146 84.5078 159.828H85.8828C85.8568 160.328 85.6875 160.794 85.375 161.227C85.0677 161.654 84.6641 162 84.1641 162.266C83.6641 162.526 83.1146 162.656 82.5156 162.656C81.8802 162.656 81.3255 162.544 80.8516 162.32C80.3828 162.096 79.9922 161.789 79.6797 161.398C79.3724 161.008 79.1406 160.56 78.9844 160.055C78.8333 159.544 78.7578 159.005 78.7578 158.438V158.109C78.7578 157.542 78.8333 157.005 78.9844 156.5C79.1406 155.99 79.3724 155.539 79.6797 155.148C79.9922 154.758 80.3828 154.451 80.8516 154.227C81.3255 154.003 81.8802 153.891 82.5156 153.891C83.1771 153.891 83.7552 154.026 84.25 154.297C84.7448 154.562 85.1328 154.927 85.4141 155.391C85.7005 155.849 85.8568 156.37 85.8828 156.953H84.5078C84.4818 156.604 84.3828 156.289 84.2109 156.008C84.0443 155.727 83.8151 155.503 83.5234 155.336C83.237 155.164 82.901 155.078 82.5156 155.078C82.0729 155.078 81.7005 155.167 81.3984 155.344C81.1016 155.516 80.8646 155.75 80.6875 156.047C80.5156 156.339 80.3906 156.664 80.3125 157.023C80.2396 157.378 80.2031 157.74 80.2031 158.109V158.438C80.2031 158.807 80.2396 159.172 80.3125 159.531C80.3854 159.891 80.5078 160.216 80.6797 160.508C80.8568 160.799 81.0938 161.034 81.3906 161.211C81.6927 161.383 82.0677 161.469 82.5156 161.469ZM88.9609 150.5V162.5H87.5078V150.5H88.9609ZM94.125 154.047L90.4375 157.992L88.375 160.133L88.2578 158.594L89.7344 156.828L92.3594 154.047H94.125ZM92.8047 162.5L89.7891 158.469L90.5391 157.18L94.5078 162.5H92.8047ZM98.9688 162.656C98.3802 162.656 97.8464 162.557 97.3672 162.359C96.8932 162.156 96.4844 161.872 96.1406 161.508C95.8021 161.143 95.5417 160.711 95.3594 160.211C95.1771 159.711 95.0859 159.164 95.0859 158.57V158.242C95.0859 157.555 95.1875 156.943 95.3906 156.406C95.5938 155.865 95.8698 155.406 96.2188 155.031C96.5677 154.656 96.9635 154.372 97.4062 154.18C97.849 153.987 98.3073 153.891 98.7812 153.891C99.3854 153.891 99.9062 153.995 100.344 154.203C100.786 154.411 101.148 154.703 101.43 155.078C101.711 155.448 101.919 155.885 102.055 156.391C102.19 156.891 102.258 157.438 102.258 158.031V158.68H95.9453V157.5H100.812V157.391C100.792 157.016 100.714 156.651 100.578 156.297C100.448 155.943 100.24 155.651 99.9531 155.422C99.6667 155.193 99.276 155.078 98.7812 155.078C98.4531 155.078 98.151 155.148 97.875 155.289C97.599 155.424 97.362 155.628 97.1641 155.898C96.9661 156.169 96.8125 156.5 96.7031 156.891C96.5938 157.281 96.5391 157.732 96.5391 158.242V158.57C96.5391 158.971 96.5938 159.349 96.7031 159.703C96.8177 160.052 96.9818 160.359 97.1953 160.625C97.4141 160.891 97.6771 161.099 97.9844 161.25C98.2969 161.401 98.651 161.477 99.0469 161.477C99.5573 161.477 99.9896 161.372 100.344 161.164C100.698 160.956 101.008 160.677 101.273 160.328L102.148 161.023C101.966 161.299 101.734 161.562 101.453 161.812C101.172 162.062 100.826 162.266 100.414 162.422C100.008 162.578 99.526 162.656 98.9688 162.656ZM107.484 154.047V155.156H102.914V154.047H107.484ZM104.461 151.992H105.906V160.406C105.906 160.693 105.951 160.909 106.039 161.055C106.128 161.201 106.242 161.297 106.383 161.344C106.523 161.391 106.674 161.414 106.836 161.414C106.956 161.414 107.081 161.404 107.211 161.383C107.346 161.357 107.448 161.336 107.516 161.32L107.523 162.5C107.409 162.536 107.258 162.57 107.07 162.602C106.888 162.638 106.667 162.656 106.406 162.656C106.052 162.656 105.727 162.586 105.43 162.445C105.133 162.305 104.896 162.07 104.719 161.742C104.547 161.409 104.461 160.961 104.461 160.398V151.992Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 142.5C163 140.291 164.791 138.5 167 138.5H207V176.5H167C164.791 176.5 163 174.709 163 172.5V142.5Z"
                       fill="#DA5435"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="157.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 138.5H313.5C315.709 138.5 317.5 140.291 317.5 142.5V172.5C317.5 174.709 315.709 176.5 313.5 176.5H207V138.5Z"
                       fill="#A23F26"
                     />
+                    
+    
                     <path
                       d="M228.406 159.625C228.406 159.359 228.365 159.125 228.281 158.922C228.203 158.714 228.062 158.526 227.859 158.359C227.661 158.193 227.385 158.034 227.031 157.883C226.682 157.732 226.24 157.578 225.703 157.422C225.141 157.255 224.633 157.07 224.18 156.867C223.727 156.659 223.339 156.422 223.016 156.156C222.693 155.891 222.445 155.586 222.273 155.242C222.102 154.898 222.016 154.505 222.016 154.062C222.016 153.62 222.107 153.211 222.289 152.836C222.471 152.461 222.732 152.135 223.07 151.859C223.414 151.578 223.823 151.359 224.297 151.203C224.771 151.047 225.299 150.969 225.883 150.969C226.737 150.969 227.461 151.133 228.055 151.461C228.654 151.784 229.109 152.208 229.422 152.734C229.734 153.255 229.891 153.812 229.891 154.406H228.391C228.391 153.979 228.299 153.602 228.117 153.273C227.935 152.94 227.659 152.68 227.289 152.492C226.919 152.299 226.451 152.203 225.883 152.203C225.346 152.203 224.904 152.284 224.555 152.445C224.206 152.607 223.945 152.826 223.773 153.102C223.607 153.378 223.523 153.693 223.523 154.047C223.523 154.286 223.573 154.505 223.672 154.703C223.776 154.896 223.935 155.076 224.148 155.242C224.367 155.409 224.643 155.562 224.977 155.703C225.315 155.844 225.719 155.979 226.188 156.109C226.833 156.292 227.391 156.495 227.859 156.719C228.328 156.943 228.714 157.195 229.016 157.477C229.323 157.753 229.549 158.068 229.695 158.422C229.846 158.771 229.922 159.167 229.922 159.609C229.922 160.073 229.828 160.492 229.641 160.867C229.453 161.242 229.185 161.562 228.836 161.828C228.487 162.094 228.068 162.299 227.578 162.445C227.094 162.586 226.552 162.656 225.953 162.656C225.427 162.656 224.909 162.583 224.398 162.438C223.893 162.292 223.432 162.073 223.016 161.781C222.604 161.49 222.273 161.13 222.023 160.703C221.779 160.271 221.656 159.771 221.656 159.203H223.156C223.156 159.594 223.232 159.93 223.383 160.211C223.534 160.487 223.74 160.716 224 160.898C224.266 161.081 224.565 161.216 224.898 161.305C225.237 161.388 225.589 161.43 225.953 161.43C226.479 161.43 226.924 161.357 227.289 161.211C227.654 161.065 227.93 160.857 228.117 160.586C228.31 160.315 228.406 159.995 228.406 159.625ZM235.164 154.047V155.156H230.594V154.047H235.164ZM232.141 151.992H233.586V160.406C233.586 160.693 233.63 160.909 233.719 161.055C233.807 161.201 233.922 161.297 234.062 161.344C234.203 161.391 234.354 161.414 234.516 161.414C234.635 161.414 234.76 161.404 234.891 161.383C235.026 161.357 235.128 161.336 235.195 161.32L235.203 162.5C235.089 162.536 234.938 162.57 234.75 162.602C234.568 162.638 234.346 162.656 234.086 162.656C233.732 162.656 233.406 162.586 233.109 162.445C232.812 162.305 232.576 162.07 232.398 161.742C232.227 161.409 232.141 160.961 232.141 160.398V151.992ZM242.031 160.547V154.047H243.484V162.5H242.102L242.031 160.547ZM242.305 158.766L242.906 158.75C242.906 159.312 242.846 159.833 242.727 160.312C242.612 160.786 242.424 161.198 242.164 161.547C241.904 161.896 241.562 162.169 241.141 162.367C240.719 162.56 240.206 162.656 239.602 162.656C239.19 162.656 238.812 162.596 238.469 162.477C238.13 162.357 237.839 162.172 237.594 161.922C237.349 161.672 237.159 161.346 237.023 160.945C236.893 160.544 236.828 160.062 236.828 159.5V154.047H238.273V159.516C238.273 159.896 238.315 160.211 238.398 160.461C238.487 160.706 238.604 160.901 238.75 161.047C238.901 161.188 239.068 161.286 239.25 161.344C239.438 161.401 239.63 161.43 239.828 161.43C240.443 161.43 240.93 161.312 241.289 161.078C241.648 160.839 241.906 160.518 242.062 160.117C242.224 159.711 242.305 159.26 242.305 158.766ZM247.125 155.727V162.5H245.672V154.047H247.047L247.125 155.727ZM246.828 157.953L246.156 157.93C246.161 157.352 246.237 156.818 246.383 156.328C246.529 155.833 246.745 155.404 247.031 155.039C247.318 154.674 247.674 154.393 248.102 154.195C248.529 153.992 249.023 153.891 249.586 153.891C249.982 153.891 250.346 153.948 250.68 154.062C251.013 154.172 251.302 154.346 251.547 154.586C251.792 154.826 251.982 155.133 252.117 155.508C252.253 155.883 252.32 156.336 252.32 156.867V162.5H250.875V156.938C250.875 156.495 250.799 156.141 250.648 155.875C250.503 155.609 250.294 155.417 250.023 155.297C249.753 155.172 249.435 155.109 249.07 155.109C248.643 155.109 248.286 155.185 248 155.336C247.714 155.487 247.484 155.695 247.312 155.961C247.141 156.227 247.016 156.531 246.938 156.875C246.865 157.214 246.828 157.573 246.828 157.953ZM252.305 157.156L251.336 157.453C251.341 156.99 251.417 156.544 251.562 156.117C251.714 155.69 251.93 155.31 252.211 154.977C252.497 154.643 252.849 154.38 253.266 154.188C253.682 153.99 254.159 153.891 254.695 153.891C255.148 153.891 255.549 153.951 255.898 154.07C256.253 154.19 256.549 154.375 256.789 154.625C257.034 154.87 257.219 155.185 257.344 155.57C257.469 155.956 257.531 156.414 257.531 156.945V162.5H256.078V156.93C256.078 156.456 256.003 156.089 255.852 155.828C255.706 155.562 255.497 155.378 255.227 155.273C254.961 155.164 254.643 155.109 254.273 155.109C253.956 155.109 253.674 155.164 253.43 155.273C253.185 155.383 252.979 155.534 252.812 155.727C252.646 155.914 252.518 156.13 252.43 156.375C252.346 156.62 252.305 156.88 252.305 157.156ZM259.711 150.5H261.164V160.859L261.039 162.5H259.711V150.5ZM266.875 158.203V158.367C266.875 158.982 266.802 159.552 266.656 160.078C266.51 160.599 266.297 161.052 266.016 161.438C265.734 161.823 265.391 162.122 264.984 162.336C264.578 162.549 264.112 162.656 263.586 162.656C263.049 162.656 262.578 162.565 262.172 162.383C261.771 162.195 261.432 161.927 261.156 161.578C260.88 161.229 260.659 160.807 260.492 160.312C260.331 159.818 260.219 159.26 260.156 158.641V157.922C260.219 157.297 260.331 156.737 260.492 156.242C260.659 155.747 260.88 155.326 261.156 154.977C261.432 154.622 261.771 154.354 262.172 154.172C262.573 153.984 263.039 153.891 263.57 153.891C264.102 153.891 264.573 153.995 264.984 154.203C265.396 154.406 265.74 154.698 266.016 155.078C266.297 155.458 266.51 155.914 266.656 156.445C266.802 156.971 266.875 157.557 266.875 158.203ZM265.422 158.367V158.203C265.422 157.781 265.383 157.385 265.305 157.016C265.227 156.641 265.102 156.312 264.93 156.031C264.758 155.745 264.531 155.521 264.25 155.359C263.969 155.193 263.622 155.109 263.211 155.109C262.846 155.109 262.529 155.172 262.258 155.297C261.992 155.422 261.766 155.591 261.578 155.805C261.391 156.013 261.237 156.253 261.117 156.523C261.003 156.789 260.917 157.065 260.859 157.352V159.234C260.943 159.599 261.078 159.951 261.266 160.289C261.458 160.622 261.714 160.896 262.031 161.109C262.354 161.323 262.753 161.43 263.227 161.43C263.617 161.43 263.951 161.352 264.227 161.195C264.508 161.034 264.734 160.812 264.906 160.531C265.083 160.25 265.214 159.924 265.297 159.555C265.38 159.185 265.422 158.789 265.422 158.367ZM270.273 150.5V162.5H268.82V150.5H270.273ZM276.102 162.656C275.513 162.656 274.979 162.557 274.5 162.359C274.026 162.156 273.617 161.872 273.273 161.508C272.935 161.143 272.674 160.711 272.492 160.211C272.31 159.711 272.219 159.164 272.219 158.57V158.242C272.219 157.555 272.32 156.943 272.523 156.406C272.727 155.865 273.003 155.406 273.352 155.031C273.701 154.656 274.096 154.372 274.539 154.18C274.982 153.987 275.44 153.891 275.914 153.891C276.518 153.891 277.039 153.995 277.477 154.203C277.919 154.411 278.281 154.703 278.562 155.078C278.844 155.448 279.052 155.885 279.188 156.391C279.323 156.891 279.391 157.438 279.391 158.031V158.68H273.078V157.5H277.945V157.391C277.924 157.016 277.846 156.651 277.711 156.297C277.581 155.943 277.372 155.651 277.086 155.422C276.799 155.193 276.409 155.078 275.914 155.078C275.586 155.078 275.284 155.148 275.008 155.289C274.732 155.424 274.495 155.628 274.297 155.898C274.099 156.169 273.945 156.5 273.836 156.891C273.727 157.281 273.672 157.732 273.672 158.242V158.57C273.672 158.971 273.727 159.349 273.836 159.703C273.951 160.052 274.115 160.359 274.328 160.625C274.547 160.891 274.81 161.099 275.117 161.25C275.43 161.401 275.784 161.477 276.18 161.477C276.69 161.477 277.122 161.372 277.477 161.164C277.831 160.956 278.141 160.677 278.406 160.328L279.281 161.023C279.099 161.299 278.867 161.562 278.586 161.812C278.305 162.062 277.958 162.266 277.547 162.422C277.141 162.578 276.659 162.656 276.102 162.656Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 188.5C0.5 186.291 2.29086 184.5 4.5 184.5H44.5V222.5H4.5C2.29086 222.5 0.5 220.709 0.5 218.5V188.5Z"
                       fill="#39455A"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="203.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 184.5H151C153.209 184.5 155 186.291 155 188.5V218.5C155 220.709 153.209 222.5 151 222.5H44.5V184.5Z"
                       fill="#2C3343"
                     />
+                    
+    
                     <path
                       d="M64.0469 197.125V208.5H62.5625V197.125H64.0469ZM67.7031 197.125V198.359H58.9141V197.125H67.7031ZM73.5938 206.547V200.047H75.0469V208.5H73.6641L73.5938 206.547ZM73.8672 204.766L74.4688 204.75C74.4688 205.312 74.4089 205.833 74.2891 206.312C74.1745 206.786 73.987 207.198 73.7266 207.547C73.4661 207.896 73.125 208.169 72.7031 208.367C72.2812 208.56 71.7682 208.656 71.1641 208.656C70.7526 208.656 70.375 208.596 70.0312 208.477C69.6927 208.357 69.401 208.172 69.1562 207.922C68.9115 207.672 68.7214 207.346 68.5859 206.945C68.4557 206.544 68.3906 206.062 68.3906 205.5V200.047H69.8359V205.516C69.8359 205.896 69.8776 206.211 69.9609 206.461C70.0495 206.706 70.1667 206.901 70.3125 207.047C70.4635 207.188 70.6302 207.286 70.8125 207.344C71 207.401 71.1927 207.43 71.3906 207.43C72.0052 207.43 72.4922 207.312 72.8516 207.078C73.2109 206.839 73.4688 206.518 73.625 206.117C73.7865 205.711 73.8672 205.26 73.8672 204.766ZM78.6875 201.727V208.5H77.2344V200.047H78.6094L78.6875 201.727ZM78.3906 203.953L77.7188 203.93C77.724 203.352 77.7995 202.818 77.9453 202.328C78.0911 201.833 78.3073 201.404 78.5938 201.039C78.8802 200.674 79.237 200.393 79.6641 200.195C80.0911 199.992 80.5859 199.891 81.1484 199.891C81.5443 199.891 81.9089 199.948 82.2422 200.062C82.5755 200.172 82.8646 200.346 83.1094 200.586C83.3542 200.826 83.5443 201.133 83.6797 201.508C83.8151 201.883 83.8828 202.336 83.8828 202.867V208.5H82.4375V202.938C82.4375 202.495 82.362 202.141 82.2109 201.875C82.0651 201.609 81.8568 201.417 81.5859 201.297C81.3151 201.172 80.9974 201.109 80.6328 201.109C80.2057 201.109 79.849 201.185 79.5625 201.336C79.276 201.487 79.0469 201.695 78.875 201.961C78.7031 202.227 78.5781 202.531 78.5 202.875C78.4271 203.214 78.3906 203.573 78.3906 203.953ZM83.8672 203.156L82.8984 203.453C82.9036 202.99 82.9792 202.544 83.125 202.117C83.276 201.69 83.4922 201.31 83.7734 200.977C84.0599 200.643 84.4115 200.38 84.8281 200.188C85.2448 199.99 85.7214 199.891 86.2578 199.891C86.7109 199.891 87.112 199.951 87.4609 200.07C87.8151 200.19 88.112 200.375 88.3516 200.625C88.5964 200.87 88.7812 201.185 88.9062 201.57C89.0312 201.956 89.0938 202.414 89.0938 202.945V208.5H87.6406V202.93C87.6406 202.456 87.5651 202.089 87.4141 201.828C87.2682 201.562 87.0599 201.378 86.7891 201.273C86.5234 201.164 86.2057 201.109 85.8359 201.109C85.5182 201.109 85.237 201.164 84.9922 201.273C84.7474 201.383 84.5417 201.534 84.375 201.727C84.2083 201.914 84.0807 202.13 83.9922 202.375C83.9089 202.62 83.8672 202.88 83.8672 203.156ZM91.2734 196.5H92.7266V206.859L92.6016 208.5H91.2734V196.5ZM98.4375 204.203V204.367C98.4375 204.982 98.3646 205.552 98.2188 206.078C98.0729 206.599 97.8594 207.052 97.5781 207.438C97.2969 207.823 96.9531 208.122 96.5469 208.336C96.1406 208.549 95.6745 208.656 95.1484 208.656C94.612 208.656 94.1406 208.565 93.7344 208.383C93.3333 208.195 92.9948 207.927 92.7188 207.578C92.4427 207.229 92.2214 206.807 92.0547 206.312C91.8932 205.818 91.7812 205.26 91.7188 204.641V203.922C91.7812 203.297 91.8932 202.737 92.0547 202.242C92.2214 201.747 92.4427 201.326 92.7188 200.977C92.9948 200.622 93.3333 200.354 93.7344 200.172C94.1354 199.984 94.6016 199.891 95.1328 199.891C95.6641 199.891 96.1354 199.995 96.5469 200.203C96.9583 200.406 97.3021 200.698 97.5781 201.078C97.8594 201.458 98.0729 201.914 98.2188 202.445C98.3646 202.971 98.4375 203.557 98.4375 204.203ZM96.9844 204.367V204.203C96.9844 203.781 96.9453 203.385 96.8672 203.016C96.7891 202.641 96.6641 202.312 96.4922 202.031C96.3203 201.745 96.0938 201.521 95.8125 201.359C95.5312 201.193 95.1849 201.109 94.7734 201.109C94.4089 201.109 94.0911 201.172 93.8203 201.297C93.5547 201.422 93.3281 201.591 93.1406 201.805C92.9531 202.013 92.7995 202.253 92.6797 202.523C92.5651 202.789 92.4792 203.065 92.4219 203.352V205.234C92.5052 205.599 92.6406 205.951 92.8281 206.289C93.0208 206.622 93.276 206.896 93.5938 207.109C93.9167 207.323 94.3151 207.43 94.7891 207.43C95.1797 207.43 95.513 207.352 95.7891 207.195C96.0703 207.034 96.2969 206.812 96.4688 206.531C96.6458 206.25 96.776 205.924 96.8594 205.555C96.9427 205.185 96.9844 204.789 96.9844 204.367ZM101.836 196.5V208.5H100.383V196.5H101.836ZM105.602 201.375V208.5H104.156V200.047H105.562L105.602 201.375ZM108.242 200L108.234 201.344C108.115 201.318 108 201.302 107.891 201.297C107.786 201.286 107.667 201.281 107.531 201.281C107.198 201.281 106.904 201.333 106.648 201.438C106.393 201.542 106.177 201.688 106 201.875C105.823 202.062 105.682 202.286 105.578 202.547C105.479 202.802 105.414 203.083 105.383 203.391L104.977 203.625C104.977 203.115 105.026 202.635 105.125 202.188C105.229 201.74 105.388 201.344 105.602 201C105.815 200.651 106.086 200.38 106.414 200.188C106.747 199.99 107.143 199.891 107.602 199.891C107.706 199.891 107.826 199.904 107.961 199.93C108.096 199.951 108.19 199.974 108.242 200Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 188.5C163 186.291 164.791 184.5 167 184.5H207V222.5H167C164.791 222.5 163 220.709 163 218.5V188.5Z"
                       fill="#3E92BA"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="203.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 184.5H313.5C315.709 184.5 317.5 186.291 317.5 188.5V218.5C317.5 220.709 315.709 222.5 313.5 222.5H207V184.5Z"
                       fill="#2D6D8B"
                     />
+                    
+    
                     <path
                       d="M222.992 197.125L225.945 202.836L228.906 197.125H230.617L226.695 204.25V208.5H225.188V204.25L221.266 197.125H222.992ZM236.266 207.055V202.703C236.266 202.37 236.198 202.081 236.062 201.836C235.932 201.586 235.734 201.393 235.469 201.258C235.203 201.122 234.875 201.055 234.484 201.055C234.12 201.055 233.799 201.117 233.523 201.242C233.253 201.367 233.039 201.531 232.883 201.734C232.732 201.938 232.656 202.156 232.656 202.391H231.211C231.211 202.089 231.289 201.789 231.445 201.492C231.602 201.195 231.826 200.927 232.117 200.688C232.414 200.443 232.768 200.25 233.18 200.109C233.596 199.964 234.06 199.891 234.57 199.891C235.185 199.891 235.727 199.995 236.195 200.203C236.669 200.411 237.039 200.727 237.305 201.148C237.576 201.565 237.711 202.089 237.711 202.719V206.656C237.711 206.938 237.734 207.237 237.781 207.555C237.833 207.872 237.909 208.146 238.008 208.375V208.5H236.5C236.427 208.333 236.37 208.112 236.328 207.836C236.286 207.555 236.266 207.294 236.266 207.055ZM236.516 203.375L236.531 204.391H235.07C234.659 204.391 234.292 204.424 233.969 204.492C233.646 204.555 233.375 204.651 233.156 204.781C232.938 204.911 232.771 205.076 232.656 205.273C232.542 205.466 232.484 205.693 232.484 205.953C232.484 206.219 232.544 206.461 232.664 206.68C232.784 206.898 232.964 207.073 233.203 207.203C233.448 207.328 233.747 207.391 234.102 207.391C234.544 207.391 234.935 207.297 235.273 207.109C235.612 206.922 235.88 206.693 236.078 206.422C236.281 206.151 236.391 205.888 236.406 205.633L237.023 206.328C236.987 206.547 236.888 206.789 236.727 207.055C236.565 207.32 236.349 207.576 236.078 207.82C235.812 208.06 235.495 208.26 235.125 208.422C234.76 208.578 234.349 208.656 233.891 208.656C233.318 208.656 232.815 208.544 232.383 208.32C231.956 208.096 231.622 207.797 231.383 207.422C231.148 207.042 231.031 206.617 231.031 206.148C231.031 205.695 231.12 205.297 231.297 204.953C231.474 204.604 231.729 204.315 232.062 204.086C232.396 203.852 232.797 203.674 233.266 203.555C233.734 203.435 234.258 203.375 234.836 203.375H236.516ZM241.422 201.727V208.5H239.969V200.047H241.344L241.422 201.727ZM241.125 203.953L240.453 203.93C240.458 203.352 240.534 202.818 240.68 202.328C240.826 201.833 241.042 201.404 241.328 201.039C241.615 200.674 241.971 200.393 242.398 200.195C242.826 199.992 243.32 199.891 243.883 199.891C244.279 199.891 244.643 199.948 244.977 200.062C245.31 200.172 245.599 200.346 245.844 200.586C246.089 200.826 246.279 201.133 246.414 201.508C246.549 201.883 246.617 202.336 246.617 202.867V208.5H245.172V202.938C245.172 202.495 245.096 202.141 244.945 201.875C244.799 201.609 244.591 201.417 244.32 201.297C244.049 201.172 243.732 201.109 243.367 201.109C242.94 201.109 242.583 201.185 242.297 201.336C242.01 201.487 241.781 201.695 241.609 201.961C241.438 202.227 241.312 202.531 241.234 202.875C241.161 203.214 241.125 203.573 241.125 203.953ZM246.602 203.156L245.633 203.453C245.638 202.99 245.714 202.544 245.859 202.117C246.01 201.69 246.227 201.31 246.508 200.977C246.794 200.643 247.146 200.38 247.562 200.188C247.979 199.99 248.456 199.891 248.992 199.891C249.445 199.891 249.846 199.951 250.195 200.07C250.549 200.19 250.846 200.375 251.086 200.625C251.331 200.87 251.516 201.185 251.641 201.57C251.766 201.956 251.828 202.414 251.828 202.945V208.5H250.375V202.93C250.375 202.456 250.299 202.089 250.148 201.828C250.003 201.562 249.794 201.378 249.523 201.273C249.258 201.164 248.94 201.109 248.57 201.109C248.253 201.109 247.971 201.164 247.727 201.273C247.482 201.383 247.276 201.534 247.109 201.727C246.943 201.914 246.815 202.13 246.727 202.375C246.643 202.62 246.602 202.88 246.602 203.156ZM255.453 201.727V208.5H254V200.047H255.375L255.453 201.727ZM255.156 203.953L254.484 203.93C254.49 203.352 254.565 202.818 254.711 202.328C254.857 201.833 255.073 201.404 255.359 201.039C255.646 200.674 256.003 200.393 256.43 200.195C256.857 199.992 257.352 199.891 257.914 199.891C258.31 199.891 258.674 199.948 259.008 200.062C259.341 200.172 259.63 200.346 259.875 200.586C260.12 200.826 260.31 201.133 260.445 201.508C260.581 201.883 260.648 202.336 260.648 202.867V208.5H259.203V202.938C259.203 202.495 259.128 202.141 258.977 201.875C258.831 201.609 258.622 201.417 258.352 201.297C258.081 201.172 257.763 201.109 257.398 201.109C256.971 201.109 256.615 201.185 256.328 201.336C256.042 201.487 255.812 201.695 255.641 201.961C255.469 202.227 255.344 202.531 255.266 202.875C255.193 203.214 255.156 203.573 255.156 203.953ZM260.633 203.156L259.664 203.453C259.669 202.99 259.745 202.544 259.891 202.117C260.042 201.69 260.258 201.31 260.539 200.977C260.826 200.643 261.177 200.38 261.594 200.188C262.01 199.99 262.487 199.891 263.023 199.891C263.477 199.891 263.878 199.951 264.227 200.07C264.581 200.19 264.878 200.375 265.117 200.625C265.362 200.87 265.547 201.185 265.672 201.57C265.797 201.956 265.859 202.414 265.859 202.945V208.5H264.406V202.93C264.406 202.456 264.331 202.089 264.18 201.828C264.034 201.562 263.826 201.378 263.555 201.273C263.289 201.164 262.971 201.109 262.602 201.109C262.284 201.109 262.003 201.164 261.758 201.273C261.513 201.383 261.307 201.534 261.141 201.727C260.974 201.914 260.846 202.13 260.758 202.375C260.674 202.62 260.633 202.88 260.633 203.156ZM271.555 208.656C270.966 208.656 270.432 208.557 269.953 208.359C269.479 208.156 269.07 207.872 268.727 207.508C268.388 207.143 268.128 206.711 267.945 206.211C267.763 205.711 267.672 205.164 267.672 204.57V204.242C267.672 203.555 267.773 202.943 267.977 202.406C268.18 201.865 268.456 201.406 268.805 201.031C269.154 200.656 269.549 200.372 269.992 200.18C270.435 199.987 270.893 199.891 271.367 199.891C271.971 199.891 272.492 199.995 272.93 200.203C273.372 200.411 273.734 200.703 274.016 201.078C274.297 201.448 274.505 201.885 274.641 202.391C274.776 202.891 274.844 203.438 274.844 204.031V204.68H268.531V203.5H273.398V203.391C273.378 203.016 273.299 202.651 273.164 202.297C273.034 201.943 272.826 201.651 272.539 201.422C272.253 201.193 271.862 201.078 271.367 201.078C271.039 201.078 270.737 201.148 270.461 201.289C270.185 201.424 269.948 201.628 269.75 201.898C269.552 202.169 269.398 202.5 269.289 202.891C269.18 203.281 269.125 203.732 269.125 204.242V204.57C269.125 204.971 269.18 205.349 269.289 205.703C269.404 206.052 269.568 206.359 269.781 206.625C270 206.891 270.263 207.099 270.57 207.25C270.883 207.401 271.237 207.477 271.633 207.477C272.143 207.477 272.576 207.372 272.93 207.164C273.284 206.956 273.594 206.677 273.859 206.328L274.734 207.023C274.552 207.299 274.32 207.562 274.039 207.812C273.758 208.062 273.411 208.266 273 208.422C272.594 208.578 272.112 208.656 271.555 208.656ZM277.977 201.375V208.5H276.531V200.047H277.938L277.977 201.375ZM280.617 200L280.609 201.344C280.49 201.318 280.375 201.302 280.266 201.297C280.161 201.286 280.042 201.281 279.906 201.281C279.573 201.281 279.279 201.333 279.023 201.438C278.768 201.542 278.552 201.688 278.375 201.875C278.198 202.062 278.057 202.286 277.953 202.547C277.854 202.802 277.789 203.083 277.758 203.391L277.352 203.625C277.352 203.115 277.401 202.635 277.5 202.188C277.604 201.74 277.763 201.344 277.977 201C278.19 200.651 278.461 200.38 278.789 200.188C279.122 199.99 279.518 199.891 279.977 199.891C280.081 199.891 280.201 199.904 280.336 199.93C280.471 199.951 280.565 199.974 280.617 200Z"
                       fill="white"
                     />
+                    
+    
                   </svg>
+                  
+    
                 </div>
+                
+            
                 <div
                   class="modal-footer"
                 >
@@ -1619,25 +3331,58 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
                     </button>
                   </div>
                 </div>
+                
+          
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1648,187 +3393,396 @@ exports[`OE - Project UCPKN page (ongoing) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -1838,28 +3792,42 @@ exports[`OE - Project listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -1869,56 +3837,140 @@ exports[`OE - Project listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -1931,42 +3983,78 @@ exports[`OE - Project listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -1976,41 +4064,88 @@ exports[`OE - Project listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2021,6 +4156,10 @@ exports[`OE - Project listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2028,142 +4167,322 @@ exports[`OE - Project listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2173,6 +4492,10 @@ exports[`OE - Project listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2180,158 +4503,371 @@ exports[`OE - Project listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2339,30 +4875,71 @@ exports[`OE - Project listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2373,142 +4950,335 @@ exports[`OE - Project listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2516,12 +5286,18 @@ exports[`OE - Project listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2531,6 +5307,8 @@ exports[`OE - Project listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2538,21 +5316,29 @@ exports[`OE - Project listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2560,6 +5346,8 @@ exports[`OE - Project listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2570,6 +5358,8 @@ exports[`OE - Project listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2577,9 +5367,28 @@ exports[`OE - Project listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2587,80 +5396,151 @@ exports[`OE - Project listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2669,6 +5549,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2677,6 +5565,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2685,6 +5581,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2693,6 +5597,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2701,6 +5613,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2709,6 +5629,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2717,6 +5645,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2724,14 +5660,35 @@ exports[`OE - Project listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2740,6 +5697,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2748,6 +5713,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2756,6 +5729,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -2764,10 +5745,22 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2776,6 +5769,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -2784,6 +5785,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2792,6 +5801,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2800,6 +5817,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -2808,6 +5833,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -2816,6 +5849,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -2824,6 +5865,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -2832,6 +5881,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -2840,6 +5897,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -2848,6 +5913,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -2856,6 +5929,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -2864,23 +5945,49 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -2889,6 +5996,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -2897,6 +6012,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -2905,10 +6028,22 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -2917,6 +6052,14 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -2925,49 +6068,126 @@ exports[`OE - Project listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Projects
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -2975,21 +6195,57 @@ exports[`OE - Project listing renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -2997,15 +6253,30 @@ exports[`OE - Project listing renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -3014,203 +6285,447 @@ exports[`OE - Project listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                                            
+
+
+
+
+
+  
+
+
+
+
+  
+
+  
+      
                 <label
                   class="form-label"
                   for="keyword"
                 >
                   Keyword
                 </label>
+                
+  
+    
                 <input
                   class="mb-3 form-control"
                   id="keyword"
                   placeholder="Type a keyword"
                   type="text"
                 />
+                
+
+                                                  
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="project-type"
                   >
                     Project type
                   </label>
+                  
+  
+
                   <select
                     class="form-select"
                     id="project-type"
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       All
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                    
                 <fieldset
                   class="mb-3"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Status
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                
                     <div
                       class="mb-3"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="ongoing"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="ongoing"
                         >
                           Ongoing
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                                      
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                     <div
                       class="form-check"
                     >
+                      
+    
                       <input
                         checked
                         class="form-check-input"
                         id="closed"
                         type="checkbox"
                       />
+                      
+      
                       <label
                         class="form-check-label"
                         for="closed"
                       >
                         Closed
                       </label>
+                      
+  
+
                     </div>
+                    
+
+                        
                   </div>
+                  
+      
                 </fieldset>
+                
+                              
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="total-budget"
                   >
                     Total budget
                   </label>
+                  
+  
+
                   <select
                     class="form-select"
                     id="total-budget"
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       0-100
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                                                  
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                 <label
                   class="form-label"
                   for="start-date"
                 >
                   Start date
                 </label>
+                
+  
+    
                 <input
                   class="mb-2 form-control"
                   id="start-date"
                   type="date"
                 />
+                
+
+                                                                                    
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                 <label
                   class="form-label"
                   for="end-date"
                 >
                   End date
                 </label>
+                
+  
+    
                 <input
                   class="mb-4-5 form-control"
                   id="end-date"
                   type="date"
                 />
+                
+
+                              
                 <div
                   class="mt-4 d-grid gap-4 d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -3218,30 +6733,67 @@ exports[`OE - Project listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -3250,15 +6802,36 @@ exports[`OE - Project listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -3267,15 +6840,36 @@ exports[`OE - Project listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -3284,104 +6878,263 @@ exports[`OE - Project listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             LIFE IP ARTISAN
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3397,56 +7150,126 @@ exports[`OE - Project listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill text-bg-info"
                           >
                             Ongoing
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             LIFE 2018
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             SMILE
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3463,56 +7286,126 @@ exports[`OE - Project listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill text-bg-info"
                           >
                             Ongoing
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             LIFE 2018
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Project title
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -3526,41 +7419,101 @@ exports[`OE - Project listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill text-bg-dark"
                           >
                             Closed
                           </span>
+                                  
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         LIFE IP ARTISAN
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -3570,6 +7523,7 @@ exports[`OE - Project listing renders correctly 1`] = `
                       <br />
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                       <br />
+                       
                       <br />
                         Duis fermentum facilisis ex, ac porta massa.
                     </p>
@@ -3581,39 +7535,95 @@ exports[`OE - Project listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-dark"
                       >
                         Closed
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         LIFE 2018
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         SMILE
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -3627,39 +7637,95 @@ exports[`OE - Project listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Ongoing
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         LIFE 2018
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Project title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -3673,53 +7739,158 @@ exports[`OE - Project listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-dark"
                       >
                         Closed
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -3727,10 +7898,31 @@ exports[`OE - Project listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -3738,50 +7930,155 @@ exports[`OE - Project listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -3789,42 +8086,110 @@ exports[`OE - Project listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -3835,187 +8200,396 @@ exports[`OE - Project listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -4025,28 +8599,42 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -4056,56 +8644,140 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -4118,42 +8790,78 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -4163,41 +8871,88 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -4208,6 +8963,10 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4215,142 +8974,322 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -4360,6 +9299,10 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4367,158 +9310,371 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -4526,30 +9682,71 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -4560,142 +9757,335 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -4703,12 +10093,18 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -4718,6 +10114,8 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -4725,21 +10123,29 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -4747,6 +10153,8 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -4757,6 +10165,8 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -4764,9 +10174,28 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -4774,80 +10203,151 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -4856,6 +10356,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -4864,6 +10372,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -4872,6 +10388,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -4880,6 +10404,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -4888,6 +10420,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -4896,6 +10436,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -4904,6 +10452,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -4911,14 +10467,35 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -4927,6 +10504,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -4935,6 +10520,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -4943,6 +10536,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -4951,10 +10552,22 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -4963,6 +10576,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -4971,6 +10592,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -4979,6 +10608,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -4987,6 +10624,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -4995,6 +10640,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -5003,6 +10656,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -5011,6 +10672,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -5019,6 +10688,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -5027,6 +10704,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -5035,6 +10720,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -5043,6 +10736,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -5051,23 +10752,49 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -5076,6 +10803,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -5084,6 +10819,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -5092,10 +10835,22 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -5104,6 +10859,14 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -5112,49 +10875,126 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -5171,30 +11011,59 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -5208,6 +11077,8 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -5221,23 +11092,51 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -5246,160 +11145,356 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#project-details"
                   >
                     Project details
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#summary"
                   >
                     Summary
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#objective"
                   >
                     Objective
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#impact"
                   >
                     Impact
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#contributors"
                   >
                     Contributors
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#achievements"
                   >
                     Achievements and milestones
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#gallery"
                   >
                     Gallery
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                              
+
+
+  
+
+
+
           <h2
             class="mb-4 bcl-heading"
             id="project-details"
           >
             Project details
           </h2>
+          
+        
+
+  
+
+
+
           <div
             class="bcl-project-status border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+    
               <div
                 class="col-12 col-md-3"
               >
+                
+          
                 <p
                   class="fw-bold"
                 >
                   Status
                 </p>
+                
+    
+          
+
+  
+  
+
+
                 <span
                   class="mb-3 mb-md-0 badge rounded-pill text-bg-dark"
                 >
                   Closed
                 </span>
+                    
+    
               </div>
+              
+
+    
               <div
                 class="col-12 col-md-9"
               >
+                
+      
                 <div
                   class="d-flex justify-content-between"
                 >
+                  
+
+              
                   <p
                     class="fw-bold"
                   >
                     Start
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2007
                     </span>
+                    
+        
                   </p>
+                  
+      
+              
                   <p
                     class="fw-bold text-end"
                   >
                     End
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2017
                     </span>
+                    
+        
                   </p>
+                  
+            
                 </div>
+                
+
+                
+
+  
+  
+
+ 
+  
+
                 <div
                   class="progress"
                 >
+                  
+  
                   <div
                     aria-label="100"
                     aria-valuemax="100"
@@ -5409,235 +11504,558 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                     role="progressbar"
                     style="width: 100%"
                   />
+                  
+
                 </div>
+                
+
+    
+    
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+
+
+          
+
+  
+
+
           <div
             class="bcl-project-contributions border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+
+      
               <div
                 class="bcl-project-contributions-chart col-5 col-md-3"
               >
+                
+          
                 <div
                   class="circular-progress"
                   data-percentage="70"
                 >
+                  
+        
                   <span
                     class="circular-progress-left"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+        
                   <span
                     class="circular-progress-right"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+  
+      
               <div
                 class="bcl-project-contributions-legend col-7 col-md-9 align-self-center"
               >
+                
+          
+
+
+
+
+  
+
+
+
                 <div
                   class="mb-0 bcl-description-list"
                 >
+                  
+      
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-gray-400"
                             />
+                            
+    
                           </div>
                           <div>
                             Total budget
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 16.314.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+        
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-primary"
                             />
+                            
+    
                           </div>
                           <div>
                             EC contribution
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 9.994.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+    
                 </div>
+                
+
+        
               </div>
+              
+    
             </div>
+             
+
           </div>
+          
+
+              
+
+  
+
+
           <div>
+            
+                                                        
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Website
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       www.website-address.eu
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Funding Programme
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       www.funding-prog.eu
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Project ID
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       345984678
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                    
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5648,36 +12066,87 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Coordinator
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#bulgaria"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Bulgaria
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+      
+            
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="summary"
           >
             Summary
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -5690,14 +12159,24 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa.      
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="objective"
           >
             Objective
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -5707,37 +12186,79 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
       Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
             Duis fermentum facilisis ex, ac porta massa.      
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="impact"
           >
             Impact
           </h2>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+          
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+            
+      
+
+  
+
+
           <div>
+            
+  
+
+
+
+
+
+
             <h2
               class="my-4-5 bcl-heading"
             >
               Lead contributor
             </h2>
+            
+                                          
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5748,12 +12269,26 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Commissariat à l’Energie Atomique 
@@ -5761,15 +12296,30 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       et aux Energies Alternatives
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5780,35 +12330,78 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#france"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       France
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5819,38 +12412,98 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+  
+      
+
+  
+
+
           <div>
+            
+  
+
+
+
+
+
+
             <h2
               class="my-4-5 bcl-heading"
               id="contributors"
             >
               Contributors
             </h2>
+            
+                                                        
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5861,12 +12514,26 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Commissariat à l’Energie Atomique 
@@ -5874,15 +12541,30 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                       et aux Energies Alternatives
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5893,35 +12575,78 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#france"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       France
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5932,30 +12657,72 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5966,26 +12733,55 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -5996,35 +12792,78 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#bulgaria"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Bulgaria
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -6035,30 +12874,72 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -6069,26 +12950,55 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -6099,35 +13009,78 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#belgium"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Belgium
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -6138,30 +13091,72 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                    
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -6172,26 +13167,55 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -6202,35 +13226,78 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#denmark"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Denmark
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -6241,27 +13308,64 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+  
+            
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="achievements"
           >
             Achievements and Milestones
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -6272,509 +13376,994 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+            
+    
           <div
             class="mt-3 mb-4-5"
           >
+            
+    
+
+  
+
+
             <div
               class="bcl-gallery"
             >
+              
+    
               <div
                 class="d-sm-flex flex-sm-row align-items-sm-center"
               >
+                
+      
                 <div
                   class="flex-sm-grow-1"
                 >
+                  
+      
+
+
+  
+
+
+
                   <h2
                     class="mb-4 bcl-heading"
                     id="gallery"
                   >
                     Media gallery title
                   </h2>
+                  
+    
                 </div>
+                
+  
                 <div
                   class="mb-3 mb-sm-0 fw-bold"
                 >
                   (13) medias
                 </div>
               </div>
+              
+    
               <div
                 class="bcl-gallery__thumbnails"
               >
+                
+            
                 <ul
                   class="bcl-gallery__grid"
                 >
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="0"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             First slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the first slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="First slide"
                         src="https://picsum.photos/id/1005/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="1"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/101/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="2"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+      
                         <span
                           class="bcl-gallery__item-play-icon"
                         >
+                          
+    
+
+
+
+  
+
+
                           <svg
                             class="bi icon--s"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#play-fill"
                             />
+                            
+
                           </svg>
+                          
+
+    
                         </span>
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/1012/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="3"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="Slide"
                         src="https://picsum.photos/id/1015/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="4"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+      
                         <span
                           class="bcl-gallery__item-play-icon"
                         >
+                          
+    
+
+
+
+  
+
+
                           <svg
                             class="bi icon--s"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#play-fill"
                             />
+                            
+
                           </svg>
+                          
+
+    
                         </span>
+                        
+      
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/1081/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+              
                 </ul>
+                
+                
                 <div
                   class="bcl-gallery__thumbnails-collaspe collapse"
                   id="collapseGalleryExample"
                 >
+                  
+          
                   <ul
                     class="bcl-gallery__grid"
                   >
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="5"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1018/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="6"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1026/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="7"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+            
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1043/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="8"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1050/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="9"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Last slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1071/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+              
                   </ul>
+                  
+                
                   <ul
                     class="bcl-gallery__grid"
                   >
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="10"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Last slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1077/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="11"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+      
                           <span
                             class="bcl-gallery__item-play-icon"
                           >
+                            
+    
+
+
+
+  
+
+
                             <svg
                               class="bi icon--s"
                             >
+                              
+  
                               <use
                                 xlink:href="/icons.svg#play-fill"
                               />
+                              
+
                             </svg>
+                            
+
+    
                           </span>
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1012/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="12"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+      
                           <span
                             class="bcl-gallery__item-play-icon"
                           >
+                            
+    
+
+
+
+  
+
+
                             <svg
                               class="bi icon--s"
                             >
+                              
+  
                               <use
                                 xlink:href="/icons.svg#play-fill"
                               />
+                              
+
                             </svg>
+                            
+
+    
                           </span>
+                          
+      
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1081/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+              
                   </ul>
+                  
+          
                 </div>
+                
+                
                 <div
                   class="bg-lighter py-3 px-4 mt-2 rounded text-center"
                 >
+                  
+        
                   <a
                     aria-controls="collapseGalleryExample"
                     aria-expanded="false"
@@ -6783,24 +14372,45 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                     href="#collapseGalleryExample"
                     role="button"
                   >
+                    
+          
                     <span
                       class="label-collapsed"
                     >
                       view the full gallery (13)
                     </span>
+                    
+          
                     <span
                       class="label-expanded"
                     >
                       view less
                     </span>
+                    
+          
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </a>
+                  
+        
                   <a
                     class="bcl-gallery__mobile-view-more standalone d-inline-block d-sm-none"
                     data-bs-slide-to="4"
@@ -6808,27 +14418,55 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                     href="#"
                     role="button"
                   >
+                    
+          
                     <span
                       data-bs-target="#modalGalleryExample"
                       data-bs-toggle="modal"
                     >
+                      
+            
                       <span
                         class="label-collapsed"
                       >
                         view the full gallery (13)
                       </span>
+                      
+            
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--2xs"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#caret-down-fill"
                         />
+                        
+
                       </svg>
-                      <span />
+                      
+
+          
+                      <span>
+                        
+        
+                      </span>
                     </span>
                   </a>
+                  
+      
                 </div>
+                
+      
               </div>
+              
+  
               <div
                 aria-hidden="true"
                 aria-labelledby="modalGalleryExample"
@@ -6837,343 +14475,592 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
                 id="modalGalleryExample"
                 tabindex="-1"
               >
+                
+    
                 <div
                   class="modal-dialog modal-dialog-centered modal-fullscreen"
                 >
+                  
+      
                   <div
                     class="modal-content"
                   >
+                    
+        
                     <div
                       class="modal-header border-0 justify-content-between"
                     >
+                      
+                  
                       <div
                         class="modal-title"
                       >
+                        
+                          
+
+
+
+
+
+
                         <h3
                           class="d-sm-block d-none bcl-heading"
                         >
                           Media gallery title
                         </h3>
+                        
+                      
                       </div>
+                      
+                  
                       <div
                         class="carousel-pager"
                       >
+                        
+            
                         <span>
                           1
                         </span>
                          / 13
                       </div>
+                      
+          
                       <div
                         class="modal-close"
                       >
+                        
+                        
+
+
+
                         <button
                           aria-label="Close"
                           class="btn-close"
                           data-bs-dismiss="modal"
                           type="button"
                         />
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+        
                     <div
                       class="modal-body d-flex align-items-center justify-content-center"
                     >
+                      
+                                                                                                                                                                                                                                                                                                                          
+
+
+
+  
+  
+
+
+
+
                       <div
                         class="carousel slide"
                         id="carouselGalleryExample"
                       >
+                        
+  
                         <div
                           class="carousel-inner"
                         >
+                          
+                            
                           <div
                             class="carousel-item active"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1005/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 First slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the first slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="slide"
                               data-src="https://picsum.photos/id/101/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <iframe
                               data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                               frameborder="0"
                             />
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="slide"
                               data-src="https://picsum.photos/id/1015/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <video
                               controls="controls"
                               poster="https://picsum.photos/id/1081/800/400"
                             >
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                                 type="video/mp4"
                               />
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                                 type="video/webm"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="English"
                                 src="/captions/bunny-en.vtt"
                                 srclang="en"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="français"
                                 src="/captions/bunny-fr.vtt"
                                 srclang="fr"
                               />
+                              
+              
                             </video>
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1018/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1026/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1043/800/400"
                             />
+                            
+                          
                             <div
                               class="carousel-caption"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+                                
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1050/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                            
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1071/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Last slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1077/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Last slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <iframe
                               data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                               frameborder="0"
                             />
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <video
                               controls="controls"
                               poster="https://picsum.photos/id/1081/800/400"
                             >
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                                 type="video/mp4"
                               />
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                                 type="video/webm"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="English"
                                 src="/captions/bunny-en.vtt"
                                 srclang="en"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="français"
                                 src="/captions/bunny-fr.vtt"
                                 srclang="fr"
                               />
+                              
+              
                             </video>
+                            
+            
                           </div>
+                          
+        
                         </div>
+                        
+  
                         <button
                           class="carousel-control-prev"
                           data-bs-slide="prev"
                           data-bs-target="#carouselGalleryExample"
                           type="button"
                         >
+                          
+    
                           <span
                             class="carousel-control-prev-icon"
                           />
+                          
+      
                           <span
                             class="visually-hidden"
                           >
                             Previous
                           </span>
+                          
+    
                         </button>
+                        
+  
                         <button
                           class="carousel-control-next"
                           data-bs-slide="next"
                           data-bs-target="#carouselGalleryExample"
                           type="button"
                         >
+                          
+    
                           <span
                             class="carousel-control-next-icon"
                           />
+                          
+      
                           <span
                             class="visually-hidden"
                           >
                             Next
                           </span>
+                          
+    
                         </button>
+                        
+
                       </div>
+                      
+
+                
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+
             </div>
+            
+
+  
           </div>
+          
+  
+                
+                    
+                    
+  
           <h2
             class="mb-3"
             id="share"
           >
             Share this page
           </h2>
+          
+  
           <svg
             fill="none"
             height="38"
@@ -7181,95 +15068,157 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
             width="707"
             xmlns="http://www.w3.org/2000/svg"
           >
+            
+    
             <path
               d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
               fill="#326A9C"
             />
+            
+    
             <path
               d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
               fill="white"
             />
+            
+    
             <path
               d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
               fill="#255074"
             />
+            
+    
             <path
               d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
               fill="white"
             />
+            
+    
             <path
               d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
               fill="#5B7BB8"
             />
+            
+    
             <path
               d="M151 19.0486C151 14.6031 147.418 10.9994 142.999 10.9994C138.581 10.9994 134.999 14.6031 134.999 19.0486C134.999 23.0662 137.925 26.3962 141.749 27V21.3753H139.718V19.0486H141.749V17.2753C141.749 15.2579 142.944 14.1436 144.771 14.1436C145.647 14.1436 146.562 14.3008 146.562 14.3008V16.2817H145.553C144.56 16.2817 144.25 16.9021 144.25 17.5387V19.0486H146.468L146.114 21.3753H144.25V27C148.074 26.3962 151 23.0662 151 19.0486Z"
               fill="white"
             />
+            
+    
             <path
               d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
               fill="#486394"
             />
+            
+    
             <path
               d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
               fill="white"
             />
+            
+    
             <path
               d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
               fill="#4AA1EB"
             />
+            
+    
             <path
               d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
               fill="white"
             />
+            
+    
             <path
               d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
               fill="#3677B0"
             />
+            
+    
             <path
               d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
               fill="white"
             />
+            
+    
             <path
               d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
               fill="#65CF72"
             />
+            
+    
             <path
               d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
               fill="white"
             />
+            
+    
             <path
               d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
               fill="#59B665"
             />
+            
+    
             <path
               d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
               fill="white"
             />
+            
+    
             <path
               d="M556.906 12.625H558.367L562.094 21.8984L565.812 12.625H567.281L562.656 24H561.516L556.906 12.625ZM556.43 12.625H557.719L557.93 19.5625V24H556.43V12.625ZM566.461 12.625H567.75V24H566.25V19.5625L566.461 12.625ZM569.797 19.8672V19.6875C569.797 19.0781 569.885 18.513 570.062 17.9922C570.24 17.4661 570.495 17.0104 570.828 16.625C571.161 16.2344 571.565 15.9323 572.039 15.7188C572.513 15.5 573.044 15.3906 573.633 15.3906C574.227 15.3906 574.76 15.5 575.234 15.7188C575.714 15.9323 576.12 16.2344 576.453 16.625C576.792 17.0104 577.049 17.4661 577.227 17.9922C577.404 18.513 577.492 19.0781 577.492 19.6875V19.8672C577.492 20.4766 577.404 21.0417 577.227 21.5625C577.049 22.0833 576.792 22.5391 576.453 22.9297C576.12 23.3151 575.716 23.6172 575.242 23.8359C574.773 24.0495 574.242 24.1562 573.648 24.1562C573.055 24.1562 572.521 24.0495 572.047 23.8359C571.573 23.6172 571.167 23.3151 570.828 22.9297C570.495 22.5391 570.24 22.0833 570.062 21.5625C569.885 21.0417 569.797 20.4766 569.797 19.8672ZM571.242 19.6875V19.8672C571.242 20.2891 571.292 20.6875 571.391 21.0625C571.49 21.4323 571.638 21.7604 571.836 22.0469C572.039 22.3333 572.292 22.5599 572.594 22.7266C572.896 22.888 573.247 22.9688 573.648 22.9688C574.044 22.9688 574.391 22.888 574.688 22.7266C574.99 22.5599 575.24 22.3333 575.438 22.0469C575.635 21.7604 575.784 21.4323 575.883 21.0625C575.987 20.6875 576.039 20.2891 576.039 19.8672V19.6875C576.039 19.2708 575.987 18.8776 575.883 18.5078C575.784 18.1328 575.633 17.8021 575.43 17.5156C575.232 17.224 574.982 16.9948 574.68 16.8281C574.383 16.6615 574.034 16.5781 573.633 16.5781C573.237 16.5781 572.888 16.6615 572.586 16.8281C572.289 16.9948 572.039 17.224 571.836 17.5156C571.638 17.8021 571.49 18.1328 571.391 18.5078C571.292 18.8776 571.242 19.2708 571.242 19.6875ZM580.75 16.875V24H579.305V15.5469H580.711L580.75 16.875ZM583.391 15.5L583.383 16.8438C583.263 16.8177 583.148 16.8021 583.039 16.7969C582.935 16.7865 582.815 16.7812 582.68 16.7812C582.346 16.7812 582.052 16.8333 581.797 16.9375C581.542 17.0417 581.326 17.1875 581.148 17.375C580.971 17.5625 580.831 17.7865 580.727 18.0469C580.628 18.3021 580.562 18.5833 580.531 18.8906L580.125 19.125C580.125 18.6146 580.174 18.1354 580.273 17.6875C580.378 17.2396 580.536 16.8438 580.75 16.5C580.964 16.151 581.234 15.8802 581.562 15.6875C581.896 15.4896 582.292 15.3906 582.75 15.3906C582.854 15.3906 582.974 15.4036 583.109 15.4297C583.245 15.4505 583.339 15.474 583.391 15.5ZM588.078 24.1562C587.49 24.1562 586.956 24.0573 586.477 23.8594C586.003 23.6562 585.594 23.3724 585.25 23.0078C584.911 22.6432 584.651 22.2109 584.469 21.7109C584.286 21.2109 584.195 20.6641 584.195 20.0703V19.7422C584.195 19.0547 584.297 18.4427 584.5 17.9062C584.703 17.3646 584.979 16.9062 585.328 16.5312C585.677 16.1562 586.073 15.8724 586.516 15.6797C586.958 15.487 587.417 15.3906 587.891 15.3906C588.495 15.3906 589.016 15.4948 589.453 15.7031C589.896 15.9115 590.258 16.2031 590.539 16.5781C590.82 16.9479 591.029 17.3854 591.164 17.8906C591.299 18.3906 591.367 18.9375 591.367 19.5312V20.1797H585.055V19H589.922V18.8906C589.901 18.5156 589.823 18.151 589.688 17.7969C589.557 17.4427 589.349 17.151 589.062 16.9219C588.776 16.6927 588.385 16.5781 587.891 16.5781C587.562 16.5781 587.26 16.6484 586.984 16.7891C586.708 16.9245 586.471 17.1276 586.273 17.3984C586.076 17.6693 585.922 18 585.812 18.3906C585.703 18.7812 585.648 19.2318 585.648 19.7422V20.0703C585.648 20.4714 585.703 20.849 585.812 21.2031C585.927 21.5521 586.091 21.8594 586.305 22.125C586.523 22.3906 586.786 22.599 587.094 22.75C587.406 22.901 587.76 22.9766 588.156 22.9766C588.667 22.9766 589.099 22.8724 589.453 22.6641C589.807 22.4557 590.117 22.1771 590.383 21.8281L591.258 22.5234C591.076 22.7995 590.844 23.0625 590.562 23.3125C590.281 23.5625 589.935 23.7656 589.523 23.9219C589.117 24.0781 588.635 24.1562 588.078 24.1562ZM601.945 21.7578C601.945 21.5495 601.898 21.3568 601.805 21.1797C601.716 20.9974 601.531 20.8333 601.25 20.6875C600.974 20.5365 600.557 20.4062 600 20.2969C599.531 20.1979 599.107 20.0807 598.727 19.9453C598.352 19.8099 598.031 19.6458 597.766 19.4531C597.505 19.2604 597.305 19.0339 597.164 18.7734C597.023 18.513 596.953 18.2083 596.953 17.8594C596.953 17.526 597.026 17.2109 597.172 16.9141C597.323 16.6172 597.534 16.3542 597.805 16.125C598.081 15.8958 598.411 15.7161 598.797 15.5859C599.182 15.4557 599.612 15.3906 600.086 15.3906C600.763 15.3906 601.341 15.5104 601.82 15.75C602.299 15.9896 602.667 16.3099 602.922 16.7109C603.177 17.1068 603.305 17.5469 603.305 18.0312H601.859C601.859 17.7969 601.789 17.5703 601.648 17.3516C601.513 17.1276 601.312 16.9427 601.047 16.7969C600.786 16.651 600.466 16.5781 600.086 16.5781C599.685 16.5781 599.359 16.6406 599.109 16.7656C598.865 16.8854 598.685 17.0391 598.57 17.2266C598.461 17.4141 598.406 17.612 598.406 17.8203C598.406 17.9766 598.432 18.1172 598.484 18.2422C598.542 18.362 598.641 18.474 598.781 18.5781C598.922 18.6771 599.12 18.7708 599.375 18.8594C599.63 18.9479 599.956 19.0365 600.352 19.125C601.044 19.2812 601.615 19.4688 602.062 19.6875C602.51 19.9062 602.844 20.1745 603.062 20.4922C603.281 20.8099 603.391 21.1953 603.391 21.6484C603.391 22.0182 603.312 22.3568 603.156 22.6641C603.005 22.9714 602.784 23.237 602.492 23.4609C602.206 23.6797 601.862 23.8516 601.461 23.9766C601.065 24.0964 600.62 24.1562 600.125 24.1562C599.38 24.1562 598.75 24.0234 598.234 23.7578C597.719 23.4922 597.328 23.1484 597.062 22.7266C596.797 22.3047 596.664 21.8594 596.664 21.3906H598.117C598.138 21.7865 598.253 22.1016 598.461 22.3359C598.669 22.5651 598.924 22.7292 599.227 22.8281C599.529 22.9219 599.828 22.9688 600.125 22.9688C600.521 22.9688 600.852 22.9167 601.117 22.8125C601.388 22.7083 601.594 22.5651 601.734 22.3828C601.875 22.2005 601.945 21.9922 601.945 21.7578ZM606.734 12V24H605.289V12H606.734ZM606.391 19.4531L605.789 19.4297C605.794 18.8516 605.88 18.3177 606.047 17.8281C606.214 17.3333 606.448 16.9036 606.75 16.5391C607.052 16.1745 607.411 15.8932 607.828 15.6953C608.25 15.4922 608.716 15.3906 609.227 15.3906C609.643 15.3906 610.018 15.4479 610.352 15.5625C610.685 15.6719 610.969 15.849 611.203 16.0938C611.443 16.3385 611.625 16.6562 611.75 17.0469C611.875 17.4323 611.938 17.9036 611.938 18.4609V24H610.484V18.4453C610.484 18.0026 610.419 17.6484 610.289 17.3828C610.159 17.112 609.969 16.9167 609.719 16.7969C609.469 16.6719 609.161 16.6094 608.797 16.6094C608.438 16.6094 608.109 16.6849 607.812 16.8359C607.521 16.987 607.268 17.1953 607.055 17.4609C606.846 17.7266 606.682 18.0312 606.562 18.375C606.448 18.7135 606.391 19.0729 606.391 19.4531ZM619.086 22.5547V18.2031C619.086 17.8698 619.018 17.5807 618.883 17.3359C618.753 17.0859 618.555 16.8932 618.289 16.7578C618.023 16.6224 617.695 16.5547 617.305 16.5547C616.94 16.5547 616.62 16.6172 616.344 16.7422C616.073 16.8672 615.859 17.0312 615.703 17.2344C615.552 17.4375 615.477 17.6562 615.477 17.8906H614.031C614.031 17.5885 614.109 17.2891 614.266 16.9922C614.422 16.6953 614.646 16.4271 614.938 16.1875C615.234 15.9427 615.589 15.75 616 15.6094C616.417 15.4635 616.88 15.3906 617.391 15.3906C618.005 15.3906 618.547 15.4948 619.016 15.7031C619.49 15.9115 619.859 16.2266 620.125 16.6484C620.396 17.0651 620.531 17.5885 620.531 18.2188V22.1562C620.531 22.4375 620.555 22.737 620.602 23.0547C620.654 23.3724 620.729 23.6458 620.828 23.875V24H619.32C619.247 23.8333 619.19 23.612 619.148 23.3359C619.107 23.0547 619.086 22.7943 619.086 22.5547ZM619.336 18.875L619.352 19.8906H617.891C617.479 19.8906 617.112 19.9245 616.789 19.9922C616.466 20.0547 616.195 20.151 615.977 20.2812C615.758 20.4115 615.591 20.5755 615.477 20.7734C615.362 20.9661 615.305 21.1927 615.305 21.4531C615.305 21.7188 615.365 21.9609 615.484 22.1797C615.604 22.3984 615.784 22.5729 616.023 22.7031C616.268 22.8281 616.568 22.8906 616.922 22.8906C617.365 22.8906 617.755 22.7969 618.094 22.6094C618.432 22.4219 618.701 22.1927 618.898 21.9219C619.102 21.651 619.211 21.388 619.227 21.1328L619.844 21.8281C619.807 22.0469 619.708 22.2891 619.547 22.5547C619.385 22.8203 619.169 23.0755 618.898 23.3203C618.633 23.5599 618.315 23.7604 617.945 23.9219C617.581 24.0781 617.169 24.1562 616.711 24.1562C616.138 24.1562 615.635 24.0443 615.203 23.8203C614.776 23.5964 614.443 23.2969 614.203 22.9219C613.969 22.5417 613.852 22.1172 613.852 21.6484C613.852 21.1953 613.94 20.7969 614.117 20.4531C614.294 20.1042 614.549 19.8151 614.883 19.5859C615.216 19.3516 615.617 19.1745 616.086 19.0547C616.555 18.9349 617.078 18.875 617.656 18.875H619.336ZM624.25 16.875V24H622.805V15.5469H624.211L624.25 16.875ZM626.891 15.5L626.883 16.8438C626.763 16.8177 626.648 16.8021 626.539 16.7969C626.435 16.7865 626.315 16.7812 626.18 16.7812C625.846 16.7812 625.552 16.8333 625.297 16.9375C625.042 17.0417 624.826 17.1875 624.648 17.375C624.471 17.5625 624.331 17.7865 624.227 18.0469C624.128 18.3021 624.062 18.5833 624.031 18.8906L623.625 19.125C623.625 18.6146 623.674 18.1354 623.773 17.6875C623.878 17.2396 624.036 16.8438 624.25 16.5C624.464 16.151 624.734 15.8802 625.062 15.6875C625.396 15.4896 625.792 15.3906 626.25 15.3906C626.354 15.3906 626.474 15.4036 626.609 15.4297C626.745 15.4505 626.839 15.474 626.891 15.5ZM631.578 24.1562C630.99 24.1562 630.456 24.0573 629.977 23.8594C629.503 23.6562 629.094 23.3724 628.75 23.0078C628.411 22.6432 628.151 22.2109 627.969 21.7109C627.786 21.2109 627.695 20.6641 627.695 20.0703V19.7422C627.695 19.0547 627.797 18.4427 628 17.9062C628.203 17.3646 628.479 16.9062 628.828 16.5312C629.177 16.1562 629.573 15.8724 630.016 15.6797C630.458 15.487 630.917 15.3906 631.391 15.3906C631.995 15.3906 632.516 15.4948 632.953 15.7031C633.396 15.9115 633.758 16.2031 634.039 16.5781C634.32 16.9479 634.529 17.3854 634.664 17.8906C634.799 18.3906 634.867 18.9375 634.867 19.5312V20.1797H628.555V19H633.422V18.8906C633.401 18.5156 633.323 18.151 633.188 17.7969C633.057 17.4427 632.849 17.151 632.562 16.9219C632.276 16.6927 631.885 16.5781 631.391 16.5781C631.062 16.5781 630.76 16.6484 630.484 16.7891C630.208 16.9245 629.971 17.1276 629.773 17.3984C629.576 17.6693 629.422 18 629.312 18.3906C629.203 18.7812 629.148 19.2318 629.148 19.7422V20.0703C629.148 20.4714 629.203 20.849 629.312 21.2031C629.427 21.5521 629.591 21.8594 629.805 22.125C630.023 22.3906 630.286 22.599 630.594 22.75C630.906 22.901 631.26 22.9766 631.656 22.9766C632.167 22.9766 632.599 22.8724 632.953 22.6641C633.307 22.4557 633.617 22.1771 633.883 21.8281L634.758 22.5234C634.576 22.7995 634.344 23.0625 634.062 23.3125C633.781 23.5625 633.435 23.7656 633.023 23.9219C632.617 24.0781 632.135 24.1562 631.578 24.1562ZM640.141 19.8672V19.6875C640.141 19.0781 640.229 18.513 640.406 17.9922C640.583 17.4661 640.839 17.0104 641.172 16.625C641.505 16.2344 641.909 15.9323 642.383 15.7188C642.857 15.5 643.388 15.3906 643.977 15.3906C644.57 15.3906 645.104 15.5 645.578 15.7188C646.057 15.9323 646.464 16.2344 646.797 16.625C647.135 17.0104 647.393 17.4661 647.57 17.9922C647.747 18.513 647.836 19.0781 647.836 19.6875V19.8672C647.836 20.4766 647.747 21.0417 647.57 21.5625C647.393 22.0833 647.135 22.5391 646.797 22.9297C646.464 23.3151 646.06 23.6172 645.586 23.8359C645.117 24.0495 644.586 24.1562 643.992 24.1562C643.398 24.1562 642.865 24.0495 642.391 23.8359C641.917 23.6172 641.51 23.3151 641.172 22.9297C640.839 22.5391 640.583 22.0833 640.406 21.5625C640.229 21.0417 640.141 20.4766 640.141 19.8672ZM641.586 19.6875V19.8672C641.586 20.2891 641.635 20.6875 641.734 21.0625C641.833 21.4323 641.982 21.7604 642.18 22.0469C642.383 22.3333 642.635 22.5599 642.938 22.7266C643.24 22.888 643.591 22.9688 643.992 22.9688C644.388 22.9688 644.734 22.888 645.031 22.7266C645.333 22.5599 645.583 22.3333 645.781 22.0469C645.979 21.7604 646.128 21.4323 646.227 21.0625C646.331 20.6875 646.383 20.2891 646.383 19.8672V19.6875C646.383 19.2708 646.331 18.8776 646.227 18.5078C646.128 18.1328 645.977 17.8021 645.773 17.5156C645.576 17.224 645.326 16.9948 645.023 16.8281C644.727 16.6615 644.378 16.5781 643.977 16.5781C643.581 16.5781 643.232 16.6615 642.93 16.8281C642.633 16.9948 642.383 17.224 642.18 17.5156C641.982 17.8021 641.833 18.1328 641.734 18.5078C641.635 18.8776 641.586 19.2708 641.586 19.6875ZM651.094 17.1719V27.25H649.641V15.5469H650.969L651.094 17.1719ZM656.789 19.7031V19.8672C656.789 20.4818 656.716 21.0521 656.57 21.5781C656.424 22.099 656.211 22.5521 655.93 22.9375C655.654 23.3229 655.312 23.6224 654.906 23.8359C654.5 24.0495 654.034 24.1562 653.508 24.1562C652.971 24.1562 652.497 24.0677 652.086 23.8906C651.674 23.7135 651.326 23.4557 651.039 23.1172C650.753 22.7786 650.523 22.3724 650.352 21.8984C650.185 21.4245 650.07 20.8906 650.008 20.2969V19.4219C650.07 18.7969 650.188 18.237 650.359 17.7422C650.531 17.2474 650.758 16.8255 651.039 16.4766C651.326 16.1224 651.672 15.8542 652.078 15.6719C652.484 15.4844 652.953 15.3906 653.484 15.3906C654.016 15.3906 654.487 15.4948 654.898 15.7031C655.31 15.9062 655.656 16.1979 655.938 16.5781C656.219 16.9583 656.43 17.4141 656.57 17.9453C656.716 18.4714 656.789 19.0573 656.789 19.7031ZM655.336 19.8672V19.7031C655.336 19.2812 655.292 18.8854 655.203 18.5156C655.115 18.1406 654.977 17.8125 654.789 17.5312C654.607 17.2448 654.372 17.0208 654.086 16.8594C653.799 16.6927 653.458 16.6094 653.062 16.6094C652.698 16.6094 652.38 16.6719 652.109 16.7969C651.844 16.9219 651.617 17.0911 651.43 17.3047C651.242 17.513 651.089 17.7526 650.969 18.0234C650.854 18.2891 650.768 18.5651 650.711 18.8516V20.875C650.815 21.2396 650.961 21.5833 651.148 21.9062C651.336 22.224 651.586 22.4818 651.898 22.6797C652.211 22.8724 652.604 22.9688 653.078 22.9688C653.469 22.9688 653.805 22.888 654.086 22.7266C654.372 22.5599 654.607 22.3333 654.789 22.0469C654.977 21.7604 655.115 21.4323 655.203 21.0625C655.292 20.6875 655.336 20.2891 655.336 19.8672ZM662.172 15.5469V16.6562H657.602V15.5469H662.172ZM659.148 13.4922H660.594V21.9062C660.594 22.1927 660.638 22.4089 660.727 22.5547C660.815 22.7005 660.93 22.7969 661.07 22.8438C661.211 22.8906 661.362 22.9141 661.523 22.9141C661.643 22.9141 661.768 22.9036 661.898 22.8828C662.034 22.8568 662.135 22.8359 662.203 22.8203L662.211 24C662.096 24.0365 661.945 24.0703 661.758 24.1016C661.576 24.138 661.354 24.1562 661.094 24.1562C660.74 24.1562 660.414 24.0859 660.117 23.9453C659.82 23.8047 659.583 23.5703 659.406 23.2422C659.234 22.9089 659.148 22.4609 659.148 21.8984V13.4922ZM665.438 15.5469V24H663.984V15.5469H665.438ZM663.875 13.3047C663.875 13.0703 663.945 12.8724 664.086 12.7109C664.232 12.5495 664.445 12.4688 664.727 12.4688C665.003 12.4688 665.214 12.5495 665.359 12.7109C665.51 12.8724 665.586 13.0703 665.586 13.3047C665.586 13.5286 665.51 13.7214 665.359 13.8828C665.214 14.0391 665.003 14.1172 664.727 14.1172C664.445 14.1172 664.232 14.0391 664.086 13.8828C663.945 13.7214 663.875 13.5286 663.875 13.3047ZM667.375 19.8672V19.6875C667.375 19.0781 667.464 18.513 667.641 17.9922C667.818 17.4661 668.073 17.0104 668.406 16.625C668.74 16.2344 669.143 15.9323 669.617 15.7188C670.091 15.5 670.622 15.3906 671.211 15.3906C671.805 15.3906 672.339 15.5 672.812 15.7188C673.292 15.9323 673.698 16.2344 674.031 16.625C674.37 17.0104 674.628 17.4661 674.805 17.9922C674.982 18.513 675.07 19.0781 675.07 19.6875V19.8672C675.07 20.4766 674.982 21.0417 674.805 21.5625C674.628 22.0833 674.37 22.5391 674.031 22.9297C673.698 23.3151 673.294 23.6172 672.82 23.8359C672.352 24.0495 671.82 24.1562 671.227 24.1562C670.633 24.1562 670.099 24.0495 669.625 23.8359C669.151 23.6172 668.745 23.3151 668.406 22.9297C668.073 22.5391 667.818 22.0833 667.641 21.5625C667.464 21.0417 667.375 20.4766 667.375 19.8672ZM668.82 19.6875V19.8672C668.82 20.2891 668.87 20.6875 668.969 21.0625C669.068 21.4323 669.216 21.7604 669.414 22.0469C669.617 22.3333 669.87 22.5599 670.172 22.7266C670.474 22.888 670.826 22.9688 671.227 22.9688C671.622 22.9688 671.969 22.888 672.266 22.7266C672.568 22.5599 672.818 22.3333 673.016 22.0469C673.214 21.7604 673.362 21.4323 673.461 21.0625C673.565 20.6875 673.617 20.2891 673.617 19.8672V19.6875C673.617 19.2708 673.565 18.8776 673.461 18.5078C673.362 18.1328 673.211 17.8021 673.008 17.5156C672.81 17.224 672.56 16.9948 672.258 16.8281C671.961 16.6615 671.612 16.5781 671.211 16.5781C670.815 16.5781 670.466 16.6615 670.164 16.8281C669.867 16.9948 669.617 17.224 669.414 17.5156C669.216 17.8021 669.068 18.1328 668.969 18.5078C668.87 18.8776 668.82 19.2708 668.82 19.6875ZM678.328 17.3516V24H676.883V15.5469H678.25L678.328 17.3516ZM677.984 19.4531L677.383 19.4297C677.388 18.8516 677.474 18.3177 677.641 17.8281C677.807 17.3333 678.042 16.9036 678.344 16.5391C678.646 16.1745 679.005 15.8932 679.422 15.6953C679.844 15.4922 680.31 15.3906 680.82 15.3906C681.237 15.3906 681.612 15.4479 681.945 15.5625C682.279 15.6719 682.562 15.849 682.797 16.0938C683.036 16.3385 683.219 16.6562 683.344 17.0469C683.469 17.4323 683.531 17.9036 683.531 18.4609V24H682.078V18.4453C682.078 18.0026 682.013 17.6484 681.883 17.3828C681.753 17.112 681.562 16.9167 681.312 16.7969C681.062 16.6719 680.755 16.6094 680.391 16.6094C680.031 16.6094 679.703 16.6849 679.406 16.8359C679.115 16.987 678.862 17.1953 678.648 17.4609C678.44 17.7266 678.276 18.0312 678.156 18.375C678.042 18.7135 677.984 19.0729 677.984 19.4531ZM690.648 21.7578C690.648 21.5495 690.602 21.3568 690.508 21.1797C690.419 20.9974 690.234 20.8333 689.953 20.6875C689.677 20.5365 689.26 20.4062 688.703 20.2969C688.234 20.1979 687.81 20.0807 687.43 19.9453C687.055 19.8099 686.734 19.6458 686.469 19.4531C686.208 19.2604 686.008 19.0339 685.867 18.7734C685.727 18.513 685.656 18.2083 685.656 17.8594C685.656 17.526 685.729 17.2109 685.875 16.9141C686.026 16.6172 686.237 16.3542 686.508 16.125C686.784 15.8958 687.115 15.7161 687.5 15.5859C687.885 15.4557 688.315 15.3906 688.789 15.3906C689.466 15.3906 690.044 15.5104 690.523 15.75C691.003 15.9896 691.37 16.3099 691.625 16.7109C691.88 17.1068 692.008 17.5469 692.008 18.0312H690.562C690.562 17.7969 690.492 17.5703 690.352 17.3516C690.216 17.1276 690.016 16.9427 689.75 16.7969C689.49 16.651 689.169 16.5781 688.789 16.5781C688.388 16.5781 688.062 16.6406 687.812 16.7656C687.568 16.8854 687.388 17.0391 687.273 17.2266C687.164 17.4141 687.109 17.612 687.109 17.8203C687.109 17.9766 687.135 18.1172 687.188 18.2422C687.245 18.362 687.344 18.474 687.484 18.5781C687.625 18.6771 687.823 18.7708 688.078 18.8594C688.333 18.9479 688.659 19.0365 689.055 19.125C689.747 19.2812 690.318 19.4688 690.766 19.6875C691.214 19.9062 691.547 20.1745 691.766 20.4922C691.984 20.8099 692.094 21.1953 692.094 21.6484C692.094 22.0182 692.016 22.3568 691.859 22.6641C691.708 22.9714 691.487 23.237 691.195 23.4609C690.909 23.6797 690.565 23.8516 690.164 23.9766C689.768 24.0964 689.323 24.1562 688.828 24.1562C688.083 24.1562 687.453 24.0234 686.938 23.7578C686.422 23.4922 686.031 23.1484 685.766 22.7266C685.5 22.3047 685.367 21.8594 685.367 21.3906H686.82C686.841 21.7865 686.956 22.1016 687.164 22.3359C687.372 22.5651 687.628 22.7292 687.93 22.8281C688.232 22.9219 688.531 22.9688 688.828 22.9688C689.224 22.9688 689.555 22.9167 689.82 22.8125C690.091 22.7083 690.297 22.5651 690.438 22.3828C690.578 22.2005 690.648 21.9922 690.648 21.7578Z"
               fill="#253EBE"
             />
+            
+    
             <path
               d="M555.109 25.5625H692.883V26.3438H555.109V25.5625Z"
               fill="#253EBE"
             />
+            
+  
           </svg>
+          
+
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -7280,187 +15229,396 @@ exports[`OE - Project page (closed) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -7470,28 +15628,42 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -7501,56 +15673,140 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -7563,42 +15819,78 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -7608,41 +15900,88 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -7653,6 +15992,10 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -7660,142 +16003,322 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -7805,6 +16328,10 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -7812,158 +16339,371 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -7971,30 +16711,71 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -8005,142 +16786,335 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -8148,12 +17122,18 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -8163,6 +17143,8 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -8170,21 +17152,29 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -8192,6 +17182,8 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -8202,6 +17194,8 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -8209,9 +17203,28 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -8219,80 +17232,151 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -8301,6 +17385,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -8309,6 +17401,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -8317,6 +17417,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -8325,6 +17433,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -8333,6 +17449,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -8341,6 +17465,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -8349,6 +17481,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -8356,14 +17496,35 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -8372,6 +17533,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -8380,6 +17549,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -8388,6 +17565,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -8396,10 +17581,22 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -8408,6 +17605,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -8416,6 +17621,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -8424,6 +17637,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -8432,6 +17653,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -8440,6 +17669,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -8448,6 +17685,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -8456,6 +17701,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -8464,6 +17717,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -8472,6 +17733,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -8480,6 +17749,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -8488,6 +17765,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -8496,23 +17781,49 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -8521,6 +17832,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -8529,6 +17848,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -8537,10 +17864,22 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -8549,6 +17888,14 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -8557,49 +17904,126 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -8616,30 +18040,59 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -8653,6 +18106,8 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -8666,23 +18121,51 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -8691,160 +18174,356 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#project-details"
                   >
                     Project details
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#summary"
                   >
                     Summary
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#objective"
                   >
                     Objective
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#impact"
                   >
                     Impact
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#contributors"
                   >
                     Contributors
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#achievements"
                   >
                     Achievements and milestones
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#gallery"
                   >
                     Gallery
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                              
+
+
+  
+
+
+
           <h2
             class="mb-4 bcl-heading"
             id="project-details"
           >
             Project details
           </h2>
+          
+        
+
+  
+
+
+
           <div
             class="bcl-project-status border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+    
               <div
                 class="col-12 col-md-3"
               >
+                
+          
                 <p
                   class="fw-bold"
                 >
                   Status
                 </p>
+                
+    
+          
+
+  
+  
+
+
                 <span
                   class="mb-3 mb-md-0 badge rounded-pill text-bg-info"
                 >
                   Ongoing
                 </span>
+                    
+    
               </div>
+              
+
+    
               <div
                 class="col-12 col-md-9"
               >
+                
+      
                 <div
                   class="d-flex justify-content-between"
                 >
+                  
+
+              
                   <p
                     class="fw-bold"
                   >
                     Start
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2020
                     </span>
+                    
+        
                   </p>
+                  
+      
+              
                   <p
                     class="fw-bold text-end"
                   >
                     End
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2026
                     </span>
+                    
+        
                   </p>
+                  
+            
                 </div>
+                
+
+                
+
+  
+  
+
+ 
+  
+
                 <div
                   class="progress"
                 >
+                  
+  
                   <div
                     aria-label="25"
                     aria-valuemax="100"
@@ -8854,235 +18533,558 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                     role="progressbar"
                     style="width: 25%"
                   />
+                  
+
                 </div>
+                
+
+    
+    
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+
+
+          
+
+  
+
+
           <div
             class="bcl-project-contributions border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+
+      
               <div
                 class="bcl-project-contributions-chart col-5 col-md-3"
               >
+                
+          
                 <div
                   class="circular-progress"
                   data-percentage="70"
                 >
+                  
+        
                   <span
                     class="circular-progress-left"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+        
                   <span
                     class="circular-progress-right"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+  
+      
               <div
                 class="bcl-project-contributions-legend col-7 col-md-9 align-self-center"
               >
+                
+          
+
+
+
+
+  
+
+
+
                 <div
                   class="mb-0 bcl-description-list"
                 >
+                  
+      
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-gray-400"
                             />
+                            
+    
                           </div>
                           <div>
                             Total budget
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 16.314.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+        
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-primary"
                             />
+                            
+    
                           </div>
                           <div>
                             EC contribution
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 9.994.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+    
                 </div>
+                
+
+        
               </div>
+              
+    
             </div>
+             
+
           </div>
+          
+
+              
+
+  
+
+
           <div>
+            
+                                                        
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Website
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       www.website-address.eu
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Funding Programme
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       www.funding-prog.eu
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Project ID
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       345984678
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                    
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9093,36 +19095,87 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Coordinator
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#bulgaria"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Bulgaria
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+      
+            
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="summary"
           >
             Summary
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -9135,14 +19188,24 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa.      
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="objective"
           >
             Objective
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -9152,37 +19215,79 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
       Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
             Duis fermentum facilisis ex, ac porta massa.      
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="impact"
           >
             Impact
           </h2>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+          
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+            
+      
+
+  
+
+
           <div>
+            
+  
+
+
+
+
+
+
             <h2
               class="my-4-5 bcl-heading"
             >
               Lead contributor
             </h2>
+            
+                                          
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9193,12 +19298,26 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Commissariat à l’Energie Atomique 
@@ -9206,15 +19325,30 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       et aux Energies Alternatives
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9225,35 +19359,78 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#france"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       France
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9264,38 +19441,98 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+  
+      
+
+  
+
+
           <div>
+            
+  
+
+
+
+
+
+
             <h2
               class="my-4-5 bcl-heading"
               id="contributors"
             >
               Contributors
             </h2>
+            
+                                                        
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9306,12 +19543,26 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Commissariat à l’Energie Atomique 
@@ -9319,15 +19570,30 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                       et aux Energies Alternatives
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9338,35 +19604,78 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#france"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       France
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9377,30 +19686,72 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9411,26 +19762,55 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9441,35 +19821,78 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#bulgaria"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Bulgaria
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9480,30 +19903,72 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9514,26 +19979,55 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9544,35 +20038,78 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#belgium"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Belgium
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9583,30 +20120,72 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                    
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9617,26 +20196,55 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9647,35 +20255,78 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#denmark"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Denmark
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -9686,27 +20337,64 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+  
+            
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="achievements"
           >
             Achievements and Milestones
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -9717,509 +20405,994 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+            
+    
           <div
             class="mt-3 mb-4-5"
           >
+            
+    
+
+  
+
+
             <div
               class="bcl-gallery"
             >
+              
+    
               <div
                 class="d-sm-flex flex-sm-row align-items-sm-center"
               >
+                
+      
                 <div
                   class="flex-sm-grow-1"
                 >
+                  
+      
+
+
+  
+
+
+
                   <h2
                     class="mb-4 bcl-heading"
                     id="gallery"
                   >
                     Media gallery title
                   </h2>
+                  
+    
                 </div>
+                
+  
                 <div
                   class="mb-3 mb-sm-0 fw-bold"
                 >
                   (13) medias
                 </div>
               </div>
+              
+    
               <div
                 class="bcl-gallery__thumbnails"
               >
+                
+            
                 <ul
                   class="bcl-gallery__grid"
                 >
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="0"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             First slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the first slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="First slide"
                         src="https://picsum.photos/id/1005/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="1"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/101/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="2"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+      
                         <span
                           class="bcl-gallery__item-play-icon"
                         >
+                          
+    
+
+
+
+  
+
+
                           <svg
                             class="bi icon--s"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#play-fill"
                             />
+                            
+
                           </svg>
+                          
+
+    
                         </span>
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/1012/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="3"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="Slide"
                         src="https://picsum.photos/id/1015/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="4"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+      
                         <span
                           class="bcl-gallery__item-play-icon"
                         >
+                          
+    
+
+
+
+  
+
+
                           <svg
                             class="bi icon--s"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#play-fill"
                             />
+                            
+
                           </svg>
+                          
+
+    
                         </span>
+                        
+      
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/1081/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+              
                 </ul>
+                
+                
                 <div
                   class="bcl-gallery__thumbnails-collaspe collapse"
                   id="collapseGalleryExample"
                 >
+                  
+          
                   <ul
                     class="bcl-gallery__grid"
                   >
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="5"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1018/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="6"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1026/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="7"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+            
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1043/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="8"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1050/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="9"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Last slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1071/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+              
                   </ul>
+                  
+                
                   <ul
                     class="bcl-gallery__grid"
                   >
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="10"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Last slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1077/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="11"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+      
                           <span
                             class="bcl-gallery__item-play-icon"
                           >
+                            
+    
+
+
+
+  
+
+
                             <svg
                               class="bi icon--s"
                             >
+                              
+  
                               <use
                                 xlink:href="/icons.svg#play-fill"
                               />
+                              
+
                             </svg>
+                            
+
+    
                           </span>
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1012/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="12"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+      
                           <span
                             class="bcl-gallery__item-play-icon"
                           >
+                            
+    
+
+
+
+  
+
+
                             <svg
                               class="bi icon--s"
                             >
+                              
+  
                               <use
                                 xlink:href="/icons.svg#play-fill"
                               />
+                              
+
                             </svg>
+                            
+
+    
                           </span>
+                          
+      
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1081/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+              
                   </ul>
+                  
+          
                 </div>
+                
+                
                 <div
                   class="bg-lighter py-3 px-4 mt-2 rounded text-center"
                 >
+                  
+        
                   <a
                     aria-controls="collapseGalleryExample"
                     aria-expanded="false"
@@ -10228,24 +21401,45 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                     href="#collapseGalleryExample"
                     role="button"
                   >
+                    
+          
                     <span
                       class="label-collapsed"
                     >
                       view the full gallery (13)
                     </span>
+                    
+          
                     <span
                       class="label-expanded"
                     >
                       view less
                     </span>
+                    
+          
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </a>
+                  
+        
                   <a
                     class="bcl-gallery__mobile-view-more standalone d-inline-block d-sm-none"
                     data-bs-slide-to="4"
@@ -10253,27 +21447,55 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                     href="#"
                     role="button"
                   >
+                    
+          
                     <span
                       data-bs-target="#modalGalleryExample"
                       data-bs-toggle="modal"
                     >
+                      
+            
                       <span
                         class="label-collapsed"
                       >
                         view the full gallery (13)
                       </span>
+                      
+            
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--2xs"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#caret-down-fill"
                         />
+                        
+
                       </svg>
-                      <span />
+                      
+
+          
+                      <span>
+                        
+        
+                      </span>
                     </span>
                   </a>
+                  
+      
                 </div>
+                
+      
               </div>
+              
+  
               <div
                 aria-hidden="true"
                 aria-labelledby="modalGalleryExample"
@@ -10282,343 +21504,592 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
                 id="modalGalleryExample"
                 tabindex="-1"
               >
+                
+    
                 <div
                   class="modal-dialog modal-dialog-centered modal-fullscreen"
                 >
+                  
+      
                   <div
                     class="modal-content"
                   >
+                    
+        
                     <div
                       class="modal-header border-0 justify-content-between"
                     >
+                      
+                  
                       <div
                         class="modal-title"
                       >
+                        
+                          
+
+
+
+
+
+
                         <h3
                           class="d-sm-block d-none bcl-heading"
                         >
                           Media gallery title
                         </h3>
+                        
+                      
                       </div>
+                      
+                  
                       <div
                         class="carousel-pager"
                       >
+                        
+            
                         <span>
                           1
                         </span>
                          / 13
                       </div>
+                      
+          
                       <div
                         class="modal-close"
                       >
+                        
+                        
+
+
+
                         <button
                           aria-label="Close"
                           class="btn-close"
                           data-bs-dismiss="modal"
                           type="button"
                         />
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+        
                     <div
                       class="modal-body d-flex align-items-center justify-content-center"
                     >
+                      
+                                                                                                                                                                                                                                                                                                                          
+
+
+
+  
+  
+
+
+
+
                       <div
                         class="carousel slide"
                         id="carouselGalleryExample"
                       >
+                        
+  
                         <div
                           class="carousel-inner"
                         >
+                          
+                            
                           <div
                             class="carousel-item active"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1005/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 First slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the first slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="slide"
                               data-src="https://picsum.photos/id/101/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <iframe
                               data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                               frameborder="0"
                             />
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="slide"
                               data-src="https://picsum.photos/id/1015/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <video
                               controls="controls"
                               poster="https://picsum.photos/id/1081/800/400"
                             >
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                                 type="video/mp4"
                               />
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                                 type="video/webm"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="English"
                                 src="/captions/bunny-en.vtt"
                                 srclang="en"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="français"
                                 src="/captions/bunny-fr.vtt"
                                 srclang="fr"
                               />
+                              
+              
                             </video>
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1018/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1026/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1043/800/400"
                             />
+                            
+                          
                             <div
                               class="carousel-caption"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+                                
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1050/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                            
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1071/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Last slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1077/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Last slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <iframe
                               data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                               frameborder="0"
                             />
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <video
                               controls="controls"
                               poster="https://picsum.photos/id/1081/800/400"
                             >
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                                 type="video/mp4"
                               />
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                                 type="video/webm"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="English"
                                 src="/captions/bunny-en.vtt"
                                 srclang="en"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="français"
                                 src="/captions/bunny-fr.vtt"
                                 srclang="fr"
                               />
+                              
+              
                             </video>
+                            
+            
                           </div>
+                          
+        
                         </div>
+                        
+  
                         <button
                           class="carousel-control-prev"
                           data-bs-slide="prev"
                           data-bs-target="#carouselGalleryExample"
                           type="button"
                         >
+                          
+    
                           <span
                             class="carousel-control-prev-icon"
                           />
+                          
+      
                           <span
                             class="visually-hidden"
                           >
                             Previous
                           </span>
+                          
+    
                         </button>
+                        
+  
                         <button
                           class="carousel-control-next"
                           data-bs-slide="next"
                           data-bs-target="#carouselGalleryExample"
                           type="button"
                         >
+                          
+    
                           <span
                             class="carousel-control-next-icon"
                           />
+                          
+      
                           <span
                             class="visually-hidden"
                           >
                             Next
                           </span>
+                          
+    
                         </button>
+                        
+
                       </div>
+                      
+
+                
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+
             </div>
+            
+
+  
           </div>
+          
+  
+                
+                    
+                    
+  
           <h2
             class="mb-3"
             id="share"
           >
             Share this page
           </h2>
+          
+  
           <svg
             fill="none"
             height="38"
@@ -10626,95 +22097,157 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
             width="707"
             xmlns="http://www.w3.org/2000/svg"
           >
+            
+    
             <path
               d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
               fill="#326A9C"
             />
+            
+    
             <path
               d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
               fill="white"
             />
+            
+    
             <path
               d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
               fill="#255074"
             />
+            
+    
             <path
               d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
               fill="white"
             />
+            
+    
             <path
               d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
               fill="#5B7BB8"
             />
+            
+    
             <path
               d="M151 19.0486C151 14.6031 147.418 10.9994 142.999 10.9994C138.581 10.9994 134.999 14.6031 134.999 19.0486C134.999 23.0662 137.925 26.3962 141.749 27V21.3753H139.718V19.0486H141.749V17.2753C141.749 15.2579 142.944 14.1436 144.771 14.1436C145.647 14.1436 146.562 14.3008 146.562 14.3008V16.2817H145.553C144.56 16.2817 144.25 16.9021 144.25 17.5387V19.0486H146.468L146.114 21.3753H144.25V27C148.074 26.3962 151 23.0662 151 19.0486Z"
               fill="white"
             />
+            
+    
             <path
               d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
               fill="#486394"
             />
+            
+    
             <path
               d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
               fill="white"
             />
+            
+    
             <path
               d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
               fill="#4AA1EB"
             />
+            
+    
             <path
               d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
               fill="white"
             />
+            
+    
             <path
               d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
               fill="#3677B0"
             />
+            
+    
             <path
               d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
               fill="white"
             />
+            
+    
             <path
               d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
               fill="#65CF72"
             />
+            
+    
             <path
               d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
               fill="white"
             />
+            
+    
             <path
               d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
               fill="#59B665"
             />
+            
+    
             <path
               d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
               fill="white"
             />
+            
+    
             <path
               d="M556.906 12.625H558.367L562.094 21.8984L565.812 12.625H567.281L562.656 24H561.516L556.906 12.625ZM556.43 12.625H557.719L557.93 19.5625V24H556.43V12.625ZM566.461 12.625H567.75V24H566.25V19.5625L566.461 12.625ZM569.797 19.8672V19.6875C569.797 19.0781 569.885 18.513 570.062 17.9922C570.24 17.4661 570.495 17.0104 570.828 16.625C571.161 16.2344 571.565 15.9323 572.039 15.7188C572.513 15.5 573.044 15.3906 573.633 15.3906C574.227 15.3906 574.76 15.5 575.234 15.7188C575.714 15.9323 576.12 16.2344 576.453 16.625C576.792 17.0104 577.049 17.4661 577.227 17.9922C577.404 18.513 577.492 19.0781 577.492 19.6875V19.8672C577.492 20.4766 577.404 21.0417 577.227 21.5625C577.049 22.0833 576.792 22.5391 576.453 22.9297C576.12 23.3151 575.716 23.6172 575.242 23.8359C574.773 24.0495 574.242 24.1562 573.648 24.1562C573.055 24.1562 572.521 24.0495 572.047 23.8359C571.573 23.6172 571.167 23.3151 570.828 22.9297C570.495 22.5391 570.24 22.0833 570.062 21.5625C569.885 21.0417 569.797 20.4766 569.797 19.8672ZM571.242 19.6875V19.8672C571.242 20.2891 571.292 20.6875 571.391 21.0625C571.49 21.4323 571.638 21.7604 571.836 22.0469C572.039 22.3333 572.292 22.5599 572.594 22.7266C572.896 22.888 573.247 22.9688 573.648 22.9688C574.044 22.9688 574.391 22.888 574.688 22.7266C574.99 22.5599 575.24 22.3333 575.438 22.0469C575.635 21.7604 575.784 21.4323 575.883 21.0625C575.987 20.6875 576.039 20.2891 576.039 19.8672V19.6875C576.039 19.2708 575.987 18.8776 575.883 18.5078C575.784 18.1328 575.633 17.8021 575.43 17.5156C575.232 17.224 574.982 16.9948 574.68 16.8281C574.383 16.6615 574.034 16.5781 573.633 16.5781C573.237 16.5781 572.888 16.6615 572.586 16.8281C572.289 16.9948 572.039 17.224 571.836 17.5156C571.638 17.8021 571.49 18.1328 571.391 18.5078C571.292 18.8776 571.242 19.2708 571.242 19.6875ZM580.75 16.875V24H579.305V15.5469H580.711L580.75 16.875ZM583.391 15.5L583.383 16.8438C583.263 16.8177 583.148 16.8021 583.039 16.7969C582.935 16.7865 582.815 16.7812 582.68 16.7812C582.346 16.7812 582.052 16.8333 581.797 16.9375C581.542 17.0417 581.326 17.1875 581.148 17.375C580.971 17.5625 580.831 17.7865 580.727 18.0469C580.628 18.3021 580.562 18.5833 580.531 18.8906L580.125 19.125C580.125 18.6146 580.174 18.1354 580.273 17.6875C580.378 17.2396 580.536 16.8438 580.75 16.5C580.964 16.151 581.234 15.8802 581.562 15.6875C581.896 15.4896 582.292 15.3906 582.75 15.3906C582.854 15.3906 582.974 15.4036 583.109 15.4297C583.245 15.4505 583.339 15.474 583.391 15.5ZM588.078 24.1562C587.49 24.1562 586.956 24.0573 586.477 23.8594C586.003 23.6562 585.594 23.3724 585.25 23.0078C584.911 22.6432 584.651 22.2109 584.469 21.7109C584.286 21.2109 584.195 20.6641 584.195 20.0703V19.7422C584.195 19.0547 584.297 18.4427 584.5 17.9062C584.703 17.3646 584.979 16.9062 585.328 16.5312C585.677 16.1562 586.073 15.8724 586.516 15.6797C586.958 15.487 587.417 15.3906 587.891 15.3906C588.495 15.3906 589.016 15.4948 589.453 15.7031C589.896 15.9115 590.258 16.2031 590.539 16.5781C590.82 16.9479 591.029 17.3854 591.164 17.8906C591.299 18.3906 591.367 18.9375 591.367 19.5312V20.1797H585.055V19H589.922V18.8906C589.901 18.5156 589.823 18.151 589.688 17.7969C589.557 17.4427 589.349 17.151 589.062 16.9219C588.776 16.6927 588.385 16.5781 587.891 16.5781C587.562 16.5781 587.26 16.6484 586.984 16.7891C586.708 16.9245 586.471 17.1276 586.273 17.3984C586.076 17.6693 585.922 18 585.812 18.3906C585.703 18.7812 585.648 19.2318 585.648 19.7422V20.0703C585.648 20.4714 585.703 20.849 585.812 21.2031C585.927 21.5521 586.091 21.8594 586.305 22.125C586.523 22.3906 586.786 22.599 587.094 22.75C587.406 22.901 587.76 22.9766 588.156 22.9766C588.667 22.9766 589.099 22.8724 589.453 22.6641C589.807 22.4557 590.117 22.1771 590.383 21.8281L591.258 22.5234C591.076 22.7995 590.844 23.0625 590.562 23.3125C590.281 23.5625 589.935 23.7656 589.523 23.9219C589.117 24.0781 588.635 24.1562 588.078 24.1562ZM601.945 21.7578C601.945 21.5495 601.898 21.3568 601.805 21.1797C601.716 20.9974 601.531 20.8333 601.25 20.6875C600.974 20.5365 600.557 20.4062 600 20.2969C599.531 20.1979 599.107 20.0807 598.727 19.9453C598.352 19.8099 598.031 19.6458 597.766 19.4531C597.505 19.2604 597.305 19.0339 597.164 18.7734C597.023 18.513 596.953 18.2083 596.953 17.8594C596.953 17.526 597.026 17.2109 597.172 16.9141C597.323 16.6172 597.534 16.3542 597.805 16.125C598.081 15.8958 598.411 15.7161 598.797 15.5859C599.182 15.4557 599.612 15.3906 600.086 15.3906C600.763 15.3906 601.341 15.5104 601.82 15.75C602.299 15.9896 602.667 16.3099 602.922 16.7109C603.177 17.1068 603.305 17.5469 603.305 18.0312H601.859C601.859 17.7969 601.789 17.5703 601.648 17.3516C601.513 17.1276 601.312 16.9427 601.047 16.7969C600.786 16.651 600.466 16.5781 600.086 16.5781C599.685 16.5781 599.359 16.6406 599.109 16.7656C598.865 16.8854 598.685 17.0391 598.57 17.2266C598.461 17.4141 598.406 17.612 598.406 17.8203C598.406 17.9766 598.432 18.1172 598.484 18.2422C598.542 18.362 598.641 18.474 598.781 18.5781C598.922 18.6771 599.12 18.7708 599.375 18.8594C599.63 18.9479 599.956 19.0365 600.352 19.125C601.044 19.2812 601.615 19.4688 602.062 19.6875C602.51 19.9062 602.844 20.1745 603.062 20.4922C603.281 20.8099 603.391 21.1953 603.391 21.6484C603.391 22.0182 603.312 22.3568 603.156 22.6641C603.005 22.9714 602.784 23.237 602.492 23.4609C602.206 23.6797 601.862 23.8516 601.461 23.9766C601.065 24.0964 600.62 24.1562 600.125 24.1562C599.38 24.1562 598.75 24.0234 598.234 23.7578C597.719 23.4922 597.328 23.1484 597.062 22.7266C596.797 22.3047 596.664 21.8594 596.664 21.3906H598.117C598.138 21.7865 598.253 22.1016 598.461 22.3359C598.669 22.5651 598.924 22.7292 599.227 22.8281C599.529 22.9219 599.828 22.9688 600.125 22.9688C600.521 22.9688 600.852 22.9167 601.117 22.8125C601.388 22.7083 601.594 22.5651 601.734 22.3828C601.875 22.2005 601.945 21.9922 601.945 21.7578ZM606.734 12V24H605.289V12H606.734ZM606.391 19.4531L605.789 19.4297C605.794 18.8516 605.88 18.3177 606.047 17.8281C606.214 17.3333 606.448 16.9036 606.75 16.5391C607.052 16.1745 607.411 15.8932 607.828 15.6953C608.25 15.4922 608.716 15.3906 609.227 15.3906C609.643 15.3906 610.018 15.4479 610.352 15.5625C610.685 15.6719 610.969 15.849 611.203 16.0938C611.443 16.3385 611.625 16.6562 611.75 17.0469C611.875 17.4323 611.938 17.9036 611.938 18.4609V24H610.484V18.4453C610.484 18.0026 610.419 17.6484 610.289 17.3828C610.159 17.112 609.969 16.9167 609.719 16.7969C609.469 16.6719 609.161 16.6094 608.797 16.6094C608.438 16.6094 608.109 16.6849 607.812 16.8359C607.521 16.987 607.268 17.1953 607.055 17.4609C606.846 17.7266 606.682 18.0312 606.562 18.375C606.448 18.7135 606.391 19.0729 606.391 19.4531ZM619.086 22.5547V18.2031C619.086 17.8698 619.018 17.5807 618.883 17.3359C618.753 17.0859 618.555 16.8932 618.289 16.7578C618.023 16.6224 617.695 16.5547 617.305 16.5547C616.94 16.5547 616.62 16.6172 616.344 16.7422C616.073 16.8672 615.859 17.0312 615.703 17.2344C615.552 17.4375 615.477 17.6562 615.477 17.8906H614.031C614.031 17.5885 614.109 17.2891 614.266 16.9922C614.422 16.6953 614.646 16.4271 614.938 16.1875C615.234 15.9427 615.589 15.75 616 15.6094C616.417 15.4635 616.88 15.3906 617.391 15.3906C618.005 15.3906 618.547 15.4948 619.016 15.7031C619.49 15.9115 619.859 16.2266 620.125 16.6484C620.396 17.0651 620.531 17.5885 620.531 18.2188V22.1562C620.531 22.4375 620.555 22.737 620.602 23.0547C620.654 23.3724 620.729 23.6458 620.828 23.875V24H619.32C619.247 23.8333 619.19 23.612 619.148 23.3359C619.107 23.0547 619.086 22.7943 619.086 22.5547ZM619.336 18.875L619.352 19.8906H617.891C617.479 19.8906 617.112 19.9245 616.789 19.9922C616.466 20.0547 616.195 20.151 615.977 20.2812C615.758 20.4115 615.591 20.5755 615.477 20.7734C615.362 20.9661 615.305 21.1927 615.305 21.4531C615.305 21.7188 615.365 21.9609 615.484 22.1797C615.604 22.3984 615.784 22.5729 616.023 22.7031C616.268 22.8281 616.568 22.8906 616.922 22.8906C617.365 22.8906 617.755 22.7969 618.094 22.6094C618.432 22.4219 618.701 22.1927 618.898 21.9219C619.102 21.651 619.211 21.388 619.227 21.1328L619.844 21.8281C619.807 22.0469 619.708 22.2891 619.547 22.5547C619.385 22.8203 619.169 23.0755 618.898 23.3203C618.633 23.5599 618.315 23.7604 617.945 23.9219C617.581 24.0781 617.169 24.1562 616.711 24.1562C616.138 24.1562 615.635 24.0443 615.203 23.8203C614.776 23.5964 614.443 23.2969 614.203 22.9219C613.969 22.5417 613.852 22.1172 613.852 21.6484C613.852 21.1953 613.94 20.7969 614.117 20.4531C614.294 20.1042 614.549 19.8151 614.883 19.5859C615.216 19.3516 615.617 19.1745 616.086 19.0547C616.555 18.9349 617.078 18.875 617.656 18.875H619.336ZM624.25 16.875V24H622.805V15.5469H624.211L624.25 16.875ZM626.891 15.5L626.883 16.8438C626.763 16.8177 626.648 16.8021 626.539 16.7969C626.435 16.7865 626.315 16.7812 626.18 16.7812C625.846 16.7812 625.552 16.8333 625.297 16.9375C625.042 17.0417 624.826 17.1875 624.648 17.375C624.471 17.5625 624.331 17.7865 624.227 18.0469C624.128 18.3021 624.062 18.5833 624.031 18.8906L623.625 19.125C623.625 18.6146 623.674 18.1354 623.773 17.6875C623.878 17.2396 624.036 16.8438 624.25 16.5C624.464 16.151 624.734 15.8802 625.062 15.6875C625.396 15.4896 625.792 15.3906 626.25 15.3906C626.354 15.3906 626.474 15.4036 626.609 15.4297C626.745 15.4505 626.839 15.474 626.891 15.5ZM631.578 24.1562C630.99 24.1562 630.456 24.0573 629.977 23.8594C629.503 23.6562 629.094 23.3724 628.75 23.0078C628.411 22.6432 628.151 22.2109 627.969 21.7109C627.786 21.2109 627.695 20.6641 627.695 20.0703V19.7422C627.695 19.0547 627.797 18.4427 628 17.9062C628.203 17.3646 628.479 16.9062 628.828 16.5312C629.177 16.1562 629.573 15.8724 630.016 15.6797C630.458 15.487 630.917 15.3906 631.391 15.3906C631.995 15.3906 632.516 15.4948 632.953 15.7031C633.396 15.9115 633.758 16.2031 634.039 16.5781C634.32 16.9479 634.529 17.3854 634.664 17.8906C634.799 18.3906 634.867 18.9375 634.867 19.5312V20.1797H628.555V19H633.422V18.8906C633.401 18.5156 633.323 18.151 633.188 17.7969C633.057 17.4427 632.849 17.151 632.562 16.9219C632.276 16.6927 631.885 16.5781 631.391 16.5781C631.062 16.5781 630.76 16.6484 630.484 16.7891C630.208 16.9245 629.971 17.1276 629.773 17.3984C629.576 17.6693 629.422 18 629.312 18.3906C629.203 18.7812 629.148 19.2318 629.148 19.7422V20.0703C629.148 20.4714 629.203 20.849 629.312 21.2031C629.427 21.5521 629.591 21.8594 629.805 22.125C630.023 22.3906 630.286 22.599 630.594 22.75C630.906 22.901 631.26 22.9766 631.656 22.9766C632.167 22.9766 632.599 22.8724 632.953 22.6641C633.307 22.4557 633.617 22.1771 633.883 21.8281L634.758 22.5234C634.576 22.7995 634.344 23.0625 634.062 23.3125C633.781 23.5625 633.435 23.7656 633.023 23.9219C632.617 24.0781 632.135 24.1562 631.578 24.1562ZM640.141 19.8672V19.6875C640.141 19.0781 640.229 18.513 640.406 17.9922C640.583 17.4661 640.839 17.0104 641.172 16.625C641.505 16.2344 641.909 15.9323 642.383 15.7188C642.857 15.5 643.388 15.3906 643.977 15.3906C644.57 15.3906 645.104 15.5 645.578 15.7188C646.057 15.9323 646.464 16.2344 646.797 16.625C647.135 17.0104 647.393 17.4661 647.57 17.9922C647.747 18.513 647.836 19.0781 647.836 19.6875V19.8672C647.836 20.4766 647.747 21.0417 647.57 21.5625C647.393 22.0833 647.135 22.5391 646.797 22.9297C646.464 23.3151 646.06 23.6172 645.586 23.8359C645.117 24.0495 644.586 24.1562 643.992 24.1562C643.398 24.1562 642.865 24.0495 642.391 23.8359C641.917 23.6172 641.51 23.3151 641.172 22.9297C640.839 22.5391 640.583 22.0833 640.406 21.5625C640.229 21.0417 640.141 20.4766 640.141 19.8672ZM641.586 19.6875V19.8672C641.586 20.2891 641.635 20.6875 641.734 21.0625C641.833 21.4323 641.982 21.7604 642.18 22.0469C642.383 22.3333 642.635 22.5599 642.938 22.7266C643.24 22.888 643.591 22.9688 643.992 22.9688C644.388 22.9688 644.734 22.888 645.031 22.7266C645.333 22.5599 645.583 22.3333 645.781 22.0469C645.979 21.7604 646.128 21.4323 646.227 21.0625C646.331 20.6875 646.383 20.2891 646.383 19.8672V19.6875C646.383 19.2708 646.331 18.8776 646.227 18.5078C646.128 18.1328 645.977 17.8021 645.773 17.5156C645.576 17.224 645.326 16.9948 645.023 16.8281C644.727 16.6615 644.378 16.5781 643.977 16.5781C643.581 16.5781 643.232 16.6615 642.93 16.8281C642.633 16.9948 642.383 17.224 642.18 17.5156C641.982 17.8021 641.833 18.1328 641.734 18.5078C641.635 18.8776 641.586 19.2708 641.586 19.6875ZM651.094 17.1719V27.25H649.641V15.5469H650.969L651.094 17.1719ZM656.789 19.7031V19.8672C656.789 20.4818 656.716 21.0521 656.57 21.5781C656.424 22.099 656.211 22.5521 655.93 22.9375C655.654 23.3229 655.312 23.6224 654.906 23.8359C654.5 24.0495 654.034 24.1562 653.508 24.1562C652.971 24.1562 652.497 24.0677 652.086 23.8906C651.674 23.7135 651.326 23.4557 651.039 23.1172C650.753 22.7786 650.523 22.3724 650.352 21.8984C650.185 21.4245 650.07 20.8906 650.008 20.2969V19.4219C650.07 18.7969 650.188 18.237 650.359 17.7422C650.531 17.2474 650.758 16.8255 651.039 16.4766C651.326 16.1224 651.672 15.8542 652.078 15.6719C652.484 15.4844 652.953 15.3906 653.484 15.3906C654.016 15.3906 654.487 15.4948 654.898 15.7031C655.31 15.9062 655.656 16.1979 655.938 16.5781C656.219 16.9583 656.43 17.4141 656.57 17.9453C656.716 18.4714 656.789 19.0573 656.789 19.7031ZM655.336 19.8672V19.7031C655.336 19.2812 655.292 18.8854 655.203 18.5156C655.115 18.1406 654.977 17.8125 654.789 17.5312C654.607 17.2448 654.372 17.0208 654.086 16.8594C653.799 16.6927 653.458 16.6094 653.062 16.6094C652.698 16.6094 652.38 16.6719 652.109 16.7969C651.844 16.9219 651.617 17.0911 651.43 17.3047C651.242 17.513 651.089 17.7526 650.969 18.0234C650.854 18.2891 650.768 18.5651 650.711 18.8516V20.875C650.815 21.2396 650.961 21.5833 651.148 21.9062C651.336 22.224 651.586 22.4818 651.898 22.6797C652.211 22.8724 652.604 22.9688 653.078 22.9688C653.469 22.9688 653.805 22.888 654.086 22.7266C654.372 22.5599 654.607 22.3333 654.789 22.0469C654.977 21.7604 655.115 21.4323 655.203 21.0625C655.292 20.6875 655.336 20.2891 655.336 19.8672ZM662.172 15.5469V16.6562H657.602V15.5469H662.172ZM659.148 13.4922H660.594V21.9062C660.594 22.1927 660.638 22.4089 660.727 22.5547C660.815 22.7005 660.93 22.7969 661.07 22.8438C661.211 22.8906 661.362 22.9141 661.523 22.9141C661.643 22.9141 661.768 22.9036 661.898 22.8828C662.034 22.8568 662.135 22.8359 662.203 22.8203L662.211 24C662.096 24.0365 661.945 24.0703 661.758 24.1016C661.576 24.138 661.354 24.1562 661.094 24.1562C660.74 24.1562 660.414 24.0859 660.117 23.9453C659.82 23.8047 659.583 23.5703 659.406 23.2422C659.234 22.9089 659.148 22.4609 659.148 21.8984V13.4922ZM665.438 15.5469V24H663.984V15.5469H665.438ZM663.875 13.3047C663.875 13.0703 663.945 12.8724 664.086 12.7109C664.232 12.5495 664.445 12.4688 664.727 12.4688C665.003 12.4688 665.214 12.5495 665.359 12.7109C665.51 12.8724 665.586 13.0703 665.586 13.3047C665.586 13.5286 665.51 13.7214 665.359 13.8828C665.214 14.0391 665.003 14.1172 664.727 14.1172C664.445 14.1172 664.232 14.0391 664.086 13.8828C663.945 13.7214 663.875 13.5286 663.875 13.3047ZM667.375 19.8672V19.6875C667.375 19.0781 667.464 18.513 667.641 17.9922C667.818 17.4661 668.073 17.0104 668.406 16.625C668.74 16.2344 669.143 15.9323 669.617 15.7188C670.091 15.5 670.622 15.3906 671.211 15.3906C671.805 15.3906 672.339 15.5 672.812 15.7188C673.292 15.9323 673.698 16.2344 674.031 16.625C674.37 17.0104 674.628 17.4661 674.805 17.9922C674.982 18.513 675.07 19.0781 675.07 19.6875V19.8672C675.07 20.4766 674.982 21.0417 674.805 21.5625C674.628 22.0833 674.37 22.5391 674.031 22.9297C673.698 23.3151 673.294 23.6172 672.82 23.8359C672.352 24.0495 671.82 24.1562 671.227 24.1562C670.633 24.1562 670.099 24.0495 669.625 23.8359C669.151 23.6172 668.745 23.3151 668.406 22.9297C668.073 22.5391 667.818 22.0833 667.641 21.5625C667.464 21.0417 667.375 20.4766 667.375 19.8672ZM668.82 19.6875V19.8672C668.82 20.2891 668.87 20.6875 668.969 21.0625C669.068 21.4323 669.216 21.7604 669.414 22.0469C669.617 22.3333 669.87 22.5599 670.172 22.7266C670.474 22.888 670.826 22.9688 671.227 22.9688C671.622 22.9688 671.969 22.888 672.266 22.7266C672.568 22.5599 672.818 22.3333 673.016 22.0469C673.214 21.7604 673.362 21.4323 673.461 21.0625C673.565 20.6875 673.617 20.2891 673.617 19.8672V19.6875C673.617 19.2708 673.565 18.8776 673.461 18.5078C673.362 18.1328 673.211 17.8021 673.008 17.5156C672.81 17.224 672.56 16.9948 672.258 16.8281C671.961 16.6615 671.612 16.5781 671.211 16.5781C670.815 16.5781 670.466 16.6615 670.164 16.8281C669.867 16.9948 669.617 17.224 669.414 17.5156C669.216 17.8021 669.068 18.1328 668.969 18.5078C668.87 18.8776 668.82 19.2708 668.82 19.6875ZM678.328 17.3516V24H676.883V15.5469H678.25L678.328 17.3516ZM677.984 19.4531L677.383 19.4297C677.388 18.8516 677.474 18.3177 677.641 17.8281C677.807 17.3333 678.042 16.9036 678.344 16.5391C678.646 16.1745 679.005 15.8932 679.422 15.6953C679.844 15.4922 680.31 15.3906 680.82 15.3906C681.237 15.3906 681.612 15.4479 681.945 15.5625C682.279 15.6719 682.562 15.849 682.797 16.0938C683.036 16.3385 683.219 16.6562 683.344 17.0469C683.469 17.4323 683.531 17.9036 683.531 18.4609V24H682.078V18.4453C682.078 18.0026 682.013 17.6484 681.883 17.3828C681.753 17.112 681.562 16.9167 681.312 16.7969C681.062 16.6719 680.755 16.6094 680.391 16.6094C680.031 16.6094 679.703 16.6849 679.406 16.8359C679.115 16.987 678.862 17.1953 678.648 17.4609C678.44 17.7266 678.276 18.0312 678.156 18.375C678.042 18.7135 677.984 19.0729 677.984 19.4531ZM690.648 21.7578C690.648 21.5495 690.602 21.3568 690.508 21.1797C690.419 20.9974 690.234 20.8333 689.953 20.6875C689.677 20.5365 689.26 20.4062 688.703 20.2969C688.234 20.1979 687.81 20.0807 687.43 19.9453C687.055 19.8099 686.734 19.6458 686.469 19.4531C686.208 19.2604 686.008 19.0339 685.867 18.7734C685.727 18.513 685.656 18.2083 685.656 17.8594C685.656 17.526 685.729 17.2109 685.875 16.9141C686.026 16.6172 686.237 16.3542 686.508 16.125C686.784 15.8958 687.115 15.7161 687.5 15.5859C687.885 15.4557 688.315 15.3906 688.789 15.3906C689.466 15.3906 690.044 15.5104 690.523 15.75C691.003 15.9896 691.37 16.3099 691.625 16.7109C691.88 17.1068 692.008 17.5469 692.008 18.0312H690.562C690.562 17.7969 690.492 17.5703 690.352 17.3516C690.216 17.1276 690.016 16.9427 689.75 16.7969C689.49 16.651 689.169 16.5781 688.789 16.5781C688.388 16.5781 688.062 16.6406 687.812 16.7656C687.568 16.8854 687.388 17.0391 687.273 17.2266C687.164 17.4141 687.109 17.612 687.109 17.8203C687.109 17.9766 687.135 18.1172 687.188 18.2422C687.245 18.362 687.344 18.474 687.484 18.5781C687.625 18.6771 687.823 18.7708 688.078 18.8594C688.333 18.9479 688.659 19.0365 689.055 19.125C689.747 19.2812 690.318 19.4688 690.766 19.6875C691.214 19.9062 691.547 20.1745 691.766 20.4922C691.984 20.8099 692.094 21.1953 692.094 21.6484C692.094 22.0182 692.016 22.3568 691.859 22.6641C691.708 22.9714 691.487 23.237 691.195 23.4609C690.909 23.6797 690.565 23.8516 690.164 23.9766C689.768 24.0964 689.323 24.1562 688.828 24.1562C688.083 24.1562 687.453 24.0234 686.938 23.7578C686.422 23.4922 686.031 23.1484 685.766 22.7266C685.5 22.3047 685.367 21.8594 685.367 21.3906H686.82C686.841 21.7865 686.956 22.1016 687.164 22.3359C687.372 22.5651 687.628 22.7292 687.93 22.8281C688.232 22.9219 688.531 22.9688 688.828 22.9688C689.224 22.9688 689.555 22.9167 689.82 22.8125C690.091 22.7083 690.297 22.5651 690.438 22.3828C690.578 22.2005 690.648 21.9922 690.648 21.7578Z"
               fill="#253EBE"
             />
+            
+    
             <path
               d="M555.109 25.5625H692.883V26.3438H555.109V25.5625Z"
               fill="#253EBE"
             />
+            
+  
           </svg>
+          
+
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -10725,187 +22258,396 @@ exports[`OE - Project page (ongoing) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -10915,28 +22657,42 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -10946,56 +22702,140 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -11008,42 +22848,78 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -11053,41 +22929,88 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -11098,6 +23021,10 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -11105,142 +23032,322 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -11250,6 +23357,10 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -11257,158 +23368,371 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -11416,30 +23740,71 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -11450,142 +23815,335 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -11593,12 +24151,18 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -11608,6 +24172,8 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -11615,21 +24181,29 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -11637,6 +24211,8 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -11647,6 +24223,8 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -11654,9 +24232,28 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -11664,80 +24261,151 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -11746,6 +24414,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -11754,6 +24430,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -11762,6 +24446,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -11770,6 +24462,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -11778,6 +24478,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -11786,6 +24494,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -11794,6 +24510,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -11801,14 +24525,35 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -11817,6 +24562,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -11825,6 +24578,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -11833,6 +24594,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -11841,10 +24610,22 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -11853,6 +24634,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -11861,6 +24650,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -11869,6 +24666,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -11877,6 +24682,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -11885,6 +24698,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -11893,6 +24714,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -11901,6 +24730,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -11909,6 +24746,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -11917,6 +24762,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -11925,6 +24778,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -11933,6 +24794,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -11941,23 +24810,49 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -11966,6 +24861,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -11974,6 +24877,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -11982,10 +24893,22 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -11994,6 +24917,14 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -12002,49 +24933,126 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -12061,30 +25069,59 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -12098,6 +25135,8 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -12111,23 +25150,51 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -12136,160 +25203,356 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#project-details"
                   >
                     Project details
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#summary"
                   >
                     Summary
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#objective"
                   >
                     Objective
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#impact"
                   >
                     Impact
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#contributors"
                   >
                     Contributors
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#achievements"
                   >
                     Achievements and milestones
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#gallery"
                   >
                     Gallery
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                              
+
+
+  
+
+
+
           <h2
             class="mb-4 bcl-heading"
             id="project-details"
           >
             Project details
           </h2>
+          
+        
+
+  
+
+
+
           <div
             class="bcl-project-status border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+    
               <div
                 class="col-12 col-md-3"
               >
+                
+          
                 <p
                   class="fw-bold"
                 >
                   Status
                 </p>
+                
+    
+          
+
+  
+  
+
+
                 <span
                   class="mb-3 mb-md-0 badge rounded-pill text-bg-secondary"
                 >
                   Not started
                 </span>
+                    
+    
               </div>
+              
+
+    
               <div
                 class="col-12 col-md-9"
               >
+                
+      
                 <div
                   class="d-flex justify-content-between"
                 >
+                  
+
+              
                   <p
                     class="fw-bold"
                   >
                     Start
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2025
                     </span>
+                    
+        
                   </p>
+                  
+      
+              
                   <p
                     class="fw-bold text-end"
                   >
                     End
                     <br />
+                    
+          
                     <span
                       class="fw-normal"
                     >
                       19 December 2027
                     </span>
+                    
+        
                   </p>
+                  
+            
                 </div>
+                
+
+                
+
+  
+  
+
+ 
+  
+
                 <div
                   class="progress"
                 >
+                  
+  
                   <div
                     aria-label="0"
                     aria-valuemax="100"
@@ -12299,235 +25562,558 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                     role="progressbar"
                     style="width: 0%"
                   />
+                  
+
                 </div>
+                
+
+    
+    
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+
+
+          
+
+  
+
+
           <div
             class="bcl-project-contributions border-bottom pb-4 mb-4"
           >
+            
+  
             <div
               class="row"
             >
+              
+
+      
               <div
                 class="bcl-project-contributions-chart col-5 col-md-3"
               >
+                
+          
                 <div
                   class="circular-progress"
                   data-percentage="70"
                 >
+                  
+        
                   <span
                     class="circular-progress-left"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+        
                   <span
                     class="circular-progress-right"
                   >
+                    
+          
                     <span
                       class="circular-progress-bar"
                     />
+                    
+        
                   </span>
+                  
+      
                 </div>
+                
+        
               </div>
+              
+  
+      
               <div
                 class="bcl-project-contributions-legend col-7 col-md-9 align-self-center"
               >
+                
+          
+
+
+
+
+  
+
+
+
                 <div
                   class="mb-0 bcl-description-list"
                 >
+                  
+      
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-gray-400"
                             />
+                            
+    
                           </div>
                           <div>
                             Total budget
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 16.314.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+        
                   <dl
                     class="mb-3 row"
                   >
+                    
+            
                     <div
                       class="col-md-3"
                     >
+                      
+              
+
+
                       <dt>
+                        
+  
                         <div
                           class="d-flex"
                         >
                           <div
                             class="align-self-center"
                           >
+                            
+      
                             <span
                               class="p-2 me-2 d-inline-block rounded-1 bg-primary"
                             />
+                            
+    
                           </div>
                           <div>
                             EC contribution
                           </div>
+                          
+  
                         </div>
+                        
+
                       </dt>
+                      
+
+            
                     </div>
+                    
+                
                     <div
                       class="col"
                     >
+                      
+        
+
+
+
                       <dd>
                         <div>
                           EUR 9.994.672,00
                         </div>
                       </dd>
+                      
+
+        
                     </div>
+                    
+          
                   </dl>
+                  
+    
                 </div>
+                
+
+        
               </div>
+              
+    
             </div>
+             
+
           </div>
+          
+
+              
+
+  
+
+
           <div>
+            
+                                                        
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Website
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       www.website-address.eu
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Funding Programme
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       www.funding-prog.eu
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
                       <div>
                         Project ID
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                        
+
+
+                                
+  
+
+
                     <a
                       href="/example.html"
                     >
                       345984678
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#box-arrow-up-right"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                    
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12538,36 +26124,87 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Coordinator
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#bulgaria"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Bulgaria
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+      
+            
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="summary"
           >
             Summary
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -12580,14 +26217,24 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa.      
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="objective"
           >
             Objective
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -12597,37 +26244,79 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
       Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
             Duis fermentum facilisis ex, ac porta massa.      
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="impact"
           >
             Impact
           </h2>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+          
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           <br />
+           
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+            
+      
+
+  
+
+
           <div>
+            
+  
+
+
+
+
+
+
             <h2
               class="my-4-5 bcl-heading"
             >
               Lead contributor
             </h2>
+            
+                                          
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12638,12 +26327,26 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Commissariat à l’Energie Atomique 
@@ -12651,15 +26354,30 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       et aux Energies Alternatives
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12670,35 +26388,78 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#france"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       France
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12709,38 +26470,98 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+  
+      
+
+  
+
+
           <div>
+            
+  
+
+
+
+
+
+
             <h2
               class="my-4-5 bcl-heading"
               id="contributors"
             >
               Contributors
             </h2>
+            
+                                                        
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12751,12 +26572,26 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Commissariat à l’Energie Atomique 
@@ -12764,15 +26599,30 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                       et aux Energies Alternatives
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12783,35 +26633,78 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#france"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       France
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12822,30 +26715,72 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12856,26 +26791,55 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12886,35 +26850,78 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#bulgaria"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Bulgaria
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12925,30 +26932,72 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                                  
+
+
+
+
+  
+
+
+
             <div
               class="border-bottom mb-3 bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12959,26 +27008,55 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -12989,35 +27067,78 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#belgium"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Belgium
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -13028,30 +27149,72 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+                                    
+
+  
+
+
+  
+
+
+
             <div
               class="bcl-description-list"
             >
+              
+      
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -13062,26 +27225,55 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Name
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -13092,35 +27284,78 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Country
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+              
+
+
+
                   <dd>
+                          
+
+
+
+
+
+
                     <svg
                       class="me-2 align-self-center flex-shrink-0 bi icon--fluid"
                     >
+                      
+  
                       <use
                         xlink:href="/flags.svg#denmark"
                       />
+                      
+
                     </svg>
+                    
+
+
                     <div
                       class="mb-0 d-inline-block"
                     >
                       Denmark
                     </div>
                   </dd>
+                  
+
+            
                 </div>
+                
+          
               </dl>
+              
+        
               <dl
                 class="mb-3 row"
               >
+                
+            
                 <div
                   class="col-md-3"
                 >
+                  
+        
+
+
                   <dt>
+                    
+  
                     <div
                       class="d-flex"
                     >
@@ -13131,27 +27366,64 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                           Contribution
                         </p>
                       </div>
+                      
+  
                     </div>
+                    
+
                   </dt>
+                  
+
+        
                 </div>
+                
+                
                 <div
                   class="col"
                 >
+                  
+        
+
+
+
                   <dd>
                     <div>
                       EUR 297.700.00
                     </div>
                   </dd>
+                  
+
+        
                 </div>
+                
+          
               </dl>
+              
+    
             </div>
+            
+
+      
           </div>
+          
+
+  
+            
+
+
+
+
+
+
           <h2
             class="mb-4 pt-3 bcl-heading"
             id="achievements"
           >
             Achievements and Milestones
           </h2>
+          
+
+      
           <p>
             
         This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions.
@@ -13162,509 +27434,994 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
           <br />
             Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
           <br />
+            
+    
           <div
             class="mt-3 mb-4-5"
           >
+            
+    
+
+  
+
+
             <div
               class="bcl-gallery"
             >
+              
+    
               <div
                 class="d-sm-flex flex-sm-row align-items-sm-center"
               >
+                
+      
                 <div
                   class="flex-sm-grow-1"
                 >
+                  
+      
+
+
+  
+
+
+
                   <h2
                     class="mb-4 bcl-heading"
                     id="gallery"
                   >
                     Media gallery title
                   </h2>
+                  
+    
                 </div>
+                
+  
                 <div
                   class="mb-3 mb-sm-0 fw-bold"
                 >
                   (13) medias
                 </div>
               </div>
+              
+    
               <div
                 class="bcl-gallery__thumbnails"
               >
+                
+            
                 <ul
                   class="bcl-gallery__grid"
                 >
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="0"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             First slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the first slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="First slide"
                         src="https://picsum.photos/id/1005/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="1"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/101/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="2"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+      
                         <span
                           class="bcl-gallery__item-play-icon"
                         >
+                          
+    
+
+
+
+  
+
+
                           <svg
                             class="bi icon--s"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#play-fill"
                             />
+                            
+
                           </svg>
+                          
+
+    
                         </span>
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/1012/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="3"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+        
                         <div
                           class="bcl-gallery__item-caption"
                         >
+                          
+          
                           <div
                             class="fs-5"
                           >
                             Slide label
                           </div>
+                          
+              
                           <div
                             class="bcl-gallery__item-description"
                           >
+                            
+        
                             <p>
                               Some representative placeholder content for the slide.
                             </p>
+                            
+      
                           </div>
+                          
+        
                         </div>
+                        
+    
                       </div>
+                      
+  
                       <img
                         alt="Slide"
                         src="https://picsum.photos/id/1015/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+                  
                   <li>
+                    
+          
+
+  
+
+
                     <a
                       class="bcl-gallery__item d-block w-100 img-fluid"
                       data-bs-slide-to="4"
                       data-bs-target="#carouselGalleryExample"
                       tabindex="0"
                     >
+                      
+  
                       <div
                         class="bcl-gallery__item-overlay"
                         data-bs-target="#modalGalleryExample"
                         data-bs-toggle="modal"
                       >
+                        
+      
                         <span
                           class="bcl-gallery__item-play-icon"
                         >
+                          
+    
+
+
+
+  
+
+
                           <svg
                             class="bi icon--s"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#play-fill"
                             />
+                            
+
                           </svg>
+                          
+
+    
                         </span>
+                        
+      
                       </div>
+                      
+  
                       <img
                         alt="slide"
                         src="https://picsum.photos/id/1081/400/400"
                       />
+                      
+
                     </a>
+                    
+
+          
                   </li>
+                  
+              
                 </ul>
+                
+                
                 <div
                   class="bcl-gallery__thumbnails-collaspe collapse"
                   id="collapseGalleryExample"
                 >
+                  
+          
                   <ul
                     class="bcl-gallery__grid"
                   >
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="5"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1018/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="6"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1026/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="7"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+            
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1043/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="8"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1050/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="9"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Last slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1071/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+              
                   </ul>
+                  
+                
                   <ul
                     class="bcl-gallery__grid"
                   >
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="10"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Last slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1077/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="11"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+      
                           <span
                             class="bcl-gallery__item-play-icon"
                           >
+                            
+    
+
+
+
+  
+
+
                             <svg
                               class="bi icon--s"
                             >
+                              
+  
                               <use
                                 xlink:href="/icons.svg#play-fill"
                               />
+                              
+
                             </svg>
+                            
+
+    
                           </span>
+                          
+        
                           <div
                             class="bcl-gallery__item-caption"
                           >
+                            
+          
                             <div
                               class="fs-5"
                             >
                               Slide label
                             </div>
+                            
+              
                             <div
                               class="bcl-gallery__item-description"
                             >
+                              
+        
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                              
+      
                             </div>
+                            
+        
                           </div>
+                          
+    
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1012/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+                  
                     <li>
+                      
+          
+
+  
+
+
                       <a
                         class="bcl-gallery__item d-block w-100 img-fluid"
                         data-bs-slide-to="12"
                         data-bs-target="#carouselGalleryExample"
                         tabindex="0"
                       >
+                        
+  
                         <div
                           class="bcl-gallery__item-overlay"
                           data-bs-target="#modalGalleryExample"
                           data-bs-toggle="modal"
                         >
+                          
+      
                           <span
                             class="bcl-gallery__item-play-icon"
                           >
+                            
+    
+
+
+
+  
+
+
                             <svg
                               class="bi icon--s"
                             >
+                              
+  
                               <use
                                 xlink:href="/icons.svg#play-fill"
                               />
+                              
+
                             </svg>
+                            
+
+    
                           </span>
+                          
+      
                         </div>
+                        
+  
                         <img
                           alt="slide"
                           src="https://picsum.photos/id/1081/400/400"
                         />
+                        
+
                       </a>
+                      
+
+          
                     </li>
+                    
+              
                   </ul>
+                  
+          
                 </div>
+                
+                
                 <div
                   class="bg-lighter py-3 px-4 mt-2 rounded text-center"
                 >
+                  
+        
                   <a
                     aria-controls="collapseGalleryExample"
                     aria-expanded="false"
@@ -13673,24 +28430,45 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                     href="#collapseGalleryExample"
                     role="button"
                   >
+                    
+          
                     <span
                       class="label-collapsed"
                     >
                       view the full gallery (13)
                     </span>
+                    
+          
                     <span
                       class="label-expanded"
                     >
                       view less
                     </span>
+                    
+          
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </a>
+                  
+        
                   <a
                     class="bcl-gallery__mobile-view-more standalone d-inline-block d-sm-none"
                     data-bs-slide-to="4"
@@ -13698,27 +28476,55 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                     href="#"
                     role="button"
                   >
+                    
+          
                     <span
                       data-bs-target="#modalGalleryExample"
                       data-bs-toggle="modal"
                     >
+                      
+            
                       <span
                         class="label-collapsed"
                       >
                         view the full gallery (13)
                       </span>
+                      
+            
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--2xs"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#caret-down-fill"
                         />
+                        
+
                       </svg>
-                      <span />
+                      
+
+          
+                      <span>
+                        
+        
+                      </span>
                     </span>
                   </a>
+                  
+      
                 </div>
+                
+      
               </div>
+              
+  
               <div
                 aria-hidden="true"
                 aria-labelledby="modalGalleryExample"
@@ -13727,343 +28533,592 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
                 id="modalGalleryExample"
                 tabindex="-1"
               >
+                
+    
                 <div
                   class="modal-dialog modal-dialog-centered modal-fullscreen"
                 >
+                  
+      
                   <div
                     class="modal-content"
                   >
+                    
+        
                     <div
                       class="modal-header border-0 justify-content-between"
                     >
+                      
+                  
                       <div
                         class="modal-title"
                       >
+                        
+                          
+
+
+
+
+
+
                         <h3
                           class="d-sm-block d-none bcl-heading"
                         >
                           Media gallery title
                         </h3>
+                        
+                      
                       </div>
+                      
+                  
                       <div
                         class="carousel-pager"
                       >
+                        
+            
                         <span>
                           1
                         </span>
                          / 13
                       </div>
+                      
+          
                       <div
                         class="modal-close"
                       >
+                        
+                        
+
+
+
                         <button
                           aria-label="Close"
                           class="btn-close"
                           data-bs-dismiss="modal"
                           type="button"
                         />
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+        
                     <div
                       class="modal-body d-flex align-items-center justify-content-center"
                     >
+                      
+                                                                                                                                                                                                                                                                                                                          
+
+
+
+  
+  
+
+
+
+
                       <div
                         class="carousel slide"
                         id="carouselGalleryExample"
                       >
+                        
+  
                         <div
                           class="carousel-inner"
                         >
+                          
+                            
                           <div
                             class="carousel-item active"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1005/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 First slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the first slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="slide"
                               data-src="https://picsum.photos/id/101/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <iframe
                               data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                               frameborder="0"
                             />
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="slide"
                               data-src="https://picsum.photos/id/1015/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <video
                               controls="controls"
                               poster="https://picsum.photos/id/1081/800/400"
                             >
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                                 type="video/mp4"
                               />
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                                 type="video/webm"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="English"
                                 src="/captions/bunny-en.vtt"
                                 srclang="en"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="français"
                                 src="/captions/bunny-fr.vtt"
                                 srclang="fr"
                               />
+                              
+              
                             </video>
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1018/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1026/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="Slide"
                               data-src="https://picsum.photos/id/1043/800/400"
                             />
+                            
+                          
                             <div
                               class="carousel-caption"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Slide label
                               </div>
+                              
+                                
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1050/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                            
                               <p>
                                 Some representative placeholder content for the slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1071/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Last slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <img
                               alt="First slide"
                               data-src="https://picsum.photos/id/1077/800/400"
                             />
+                            
+                                        
                             <div
                               class="carousel-caption d-none d-md-block"
                             >
+                              
+                                        
                               <div
                                 class="fs-5"
                               >
                                 Last slide label
                               </div>
+                              
+          
                               <p>
                                 Some representative placeholder content for the last slide.
                               </p>
+                                                    
                             </div>
+                            
+        
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <iframe
                               data-src="https://www.youtube.com/embed/fgi-GSCB6ho"
                               frameborder="0"
                             />
+                            
+            
                           </div>
+                          
+                
                           <div
                             class="carousel-item"
                           >
+                            
+          
                             <video
                               controls="controls"
                               poster="https://picsum.photos/id/1081/800/400"
                             >
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4"
                                 type="video/mp4"
                               />
+                              
+                
                               <source
                                 src="https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm"
                                 type="video/webm"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="English"
                                 src="/captions/bunny-en.vtt"
                                 srclang="en"
                               />
+                              
+                
                               <track
                                 kind="captions"
                                 label="français"
                                 src="/captions/bunny-fr.vtt"
                                 srclang="fr"
                               />
+                              
+              
                             </video>
+                            
+            
                           </div>
+                          
+        
                         </div>
+                        
+  
                         <button
                           class="carousel-control-prev"
                           data-bs-slide="prev"
                           data-bs-target="#carouselGalleryExample"
                           type="button"
                         >
+                          
+    
                           <span
                             class="carousel-control-prev-icon"
                           />
+                          
+      
                           <span
                             class="visually-hidden"
                           >
                             Previous
                           </span>
+                          
+    
                         </button>
+                        
+  
                         <button
                           class="carousel-control-next"
                           data-bs-slide="next"
                           data-bs-target="#carouselGalleryExample"
                           type="button"
                         >
+                          
+    
                           <span
                             class="carousel-control-next-icon"
                           />
+                          
+      
                           <span
                             class="visually-hidden"
                           >
                             Next
                           </span>
+                          
+    
                         </button>
+                        
+
                       </div>
+                      
+
+                
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+
             </div>
+            
+
+  
           </div>
+          
+  
+                
+                    
+                    
+  
           <h2
             class="mb-3"
             id="share"
           >
             Share this page
           </h2>
+          
+  
           <svg
             fill="none"
             height="38"
@@ -14071,95 +29126,157 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
             width="707"
             xmlns="http://www.w3.org/2000/svg"
           >
+            
+    
             <path
               d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
               fill="#326A9C"
             />
+            
+    
             <path
               d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
               fill="white"
             />
+            
+    
             <path
               d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
               fill="#255074"
             />
+            
+    
             <path
               d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
               fill="white"
             />
+            
+    
             <path
               d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
               fill="#5B7BB8"
             />
+            
+    
             <path
               d="M151 19.0486C151 14.6031 147.418 10.9994 142.999 10.9994C138.581 10.9994 134.999 14.6031 134.999 19.0486C134.999 23.0662 137.925 26.3962 141.749 27V21.3753H139.718V19.0486H141.749V17.2753C141.749 15.2579 142.944 14.1436 144.771 14.1436C145.647 14.1436 146.562 14.3008 146.562 14.3008V16.2817H145.553C144.56 16.2817 144.25 16.9021 144.25 17.5387V19.0486H146.468L146.114 21.3753H144.25V27C148.074 26.3962 151 23.0662 151 19.0486Z"
               fill="white"
             />
+            
+    
             <path
               d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
               fill="#486394"
             />
+            
+    
             <path
               d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
               fill="white"
             />
+            
+    
             <path
               d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
               fill="#4AA1EB"
             />
+            
+    
             <path
               d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
               fill="white"
             />
+            
+    
             <path
               d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
               fill="#3677B0"
             />
+            
+    
             <path
               d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
               fill="white"
             />
+            
+    
             <path
               d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
               fill="#65CF72"
             />
+            
+    
             <path
               d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
               fill="white"
             />
+            
+    
             <path
               d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
               fill="#59B665"
             />
+            
+    
             <path
               d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
               fill="white"
             />
+            
+    
             <path
               d="M556.906 12.625H558.367L562.094 21.8984L565.812 12.625H567.281L562.656 24H561.516L556.906 12.625ZM556.43 12.625H557.719L557.93 19.5625V24H556.43V12.625ZM566.461 12.625H567.75V24H566.25V19.5625L566.461 12.625ZM569.797 19.8672V19.6875C569.797 19.0781 569.885 18.513 570.062 17.9922C570.24 17.4661 570.495 17.0104 570.828 16.625C571.161 16.2344 571.565 15.9323 572.039 15.7188C572.513 15.5 573.044 15.3906 573.633 15.3906C574.227 15.3906 574.76 15.5 575.234 15.7188C575.714 15.9323 576.12 16.2344 576.453 16.625C576.792 17.0104 577.049 17.4661 577.227 17.9922C577.404 18.513 577.492 19.0781 577.492 19.6875V19.8672C577.492 20.4766 577.404 21.0417 577.227 21.5625C577.049 22.0833 576.792 22.5391 576.453 22.9297C576.12 23.3151 575.716 23.6172 575.242 23.8359C574.773 24.0495 574.242 24.1562 573.648 24.1562C573.055 24.1562 572.521 24.0495 572.047 23.8359C571.573 23.6172 571.167 23.3151 570.828 22.9297C570.495 22.5391 570.24 22.0833 570.062 21.5625C569.885 21.0417 569.797 20.4766 569.797 19.8672ZM571.242 19.6875V19.8672C571.242 20.2891 571.292 20.6875 571.391 21.0625C571.49 21.4323 571.638 21.7604 571.836 22.0469C572.039 22.3333 572.292 22.5599 572.594 22.7266C572.896 22.888 573.247 22.9688 573.648 22.9688C574.044 22.9688 574.391 22.888 574.688 22.7266C574.99 22.5599 575.24 22.3333 575.438 22.0469C575.635 21.7604 575.784 21.4323 575.883 21.0625C575.987 20.6875 576.039 20.2891 576.039 19.8672V19.6875C576.039 19.2708 575.987 18.8776 575.883 18.5078C575.784 18.1328 575.633 17.8021 575.43 17.5156C575.232 17.224 574.982 16.9948 574.68 16.8281C574.383 16.6615 574.034 16.5781 573.633 16.5781C573.237 16.5781 572.888 16.6615 572.586 16.8281C572.289 16.9948 572.039 17.224 571.836 17.5156C571.638 17.8021 571.49 18.1328 571.391 18.5078C571.292 18.8776 571.242 19.2708 571.242 19.6875ZM580.75 16.875V24H579.305V15.5469H580.711L580.75 16.875ZM583.391 15.5L583.383 16.8438C583.263 16.8177 583.148 16.8021 583.039 16.7969C582.935 16.7865 582.815 16.7812 582.68 16.7812C582.346 16.7812 582.052 16.8333 581.797 16.9375C581.542 17.0417 581.326 17.1875 581.148 17.375C580.971 17.5625 580.831 17.7865 580.727 18.0469C580.628 18.3021 580.562 18.5833 580.531 18.8906L580.125 19.125C580.125 18.6146 580.174 18.1354 580.273 17.6875C580.378 17.2396 580.536 16.8438 580.75 16.5C580.964 16.151 581.234 15.8802 581.562 15.6875C581.896 15.4896 582.292 15.3906 582.75 15.3906C582.854 15.3906 582.974 15.4036 583.109 15.4297C583.245 15.4505 583.339 15.474 583.391 15.5ZM588.078 24.1562C587.49 24.1562 586.956 24.0573 586.477 23.8594C586.003 23.6562 585.594 23.3724 585.25 23.0078C584.911 22.6432 584.651 22.2109 584.469 21.7109C584.286 21.2109 584.195 20.6641 584.195 20.0703V19.7422C584.195 19.0547 584.297 18.4427 584.5 17.9062C584.703 17.3646 584.979 16.9062 585.328 16.5312C585.677 16.1562 586.073 15.8724 586.516 15.6797C586.958 15.487 587.417 15.3906 587.891 15.3906C588.495 15.3906 589.016 15.4948 589.453 15.7031C589.896 15.9115 590.258 16.2031 590.539 16.5781C590.82 16.9479 591.029 17.3854 591.164 17.8906C591.299 18.3906 591.367 18.9375 591.367 19.5312V20.1797H585.055V19H589.922V18.8906C589.901 18.5156 589.823 18.151 589.688 17.7969C589.557 17.4427 589.349 17.151 589.062 16.9219C588.776 16.6927 588.385 16.5781 587.891 16.5781C587.562 16.5781 587.26 16.6484 586.984 16.7891C586.708 16.9245 586.471 17.1276 586.273 17.3984C586.076 17.6693 585.922 18 585.812 18.3906C585.703 18.7812 585.648 19.2318 585.648 19.7422V20.0703C585.648 20.4714 585.703 20.849 585.812 21.2031C585.927 21.5521 586.091 21.8594 586.305 22.125C586.523 22.3906 586.786 22.599 587.094 22.75C587.406 22.901 587.76 22.9766 588.156 22.9766C588.667 22.9766 589.099 22.8724 589.453 22.6641C589.807 22.4557 590.117 22.1771 590.383 21.8281L591.258 22.5234C591.076 22.7995 590.844 23.0625 590.562 23.3125C590.281 23.5625 589.935 23.7656 589.523 23.9219C589.117 24.0781 588.635 24.1562 588.078 24.1562ZM601.945 21.7578C601.945 21.5495 601.898 21.3568 601.805 21.1797C601.716 20.9974 601.531 20.8333 601.25 20.6875C600.974 20.5365 600.557 20.4062 600 20.2969C599.531 20.1979 599.107 20.0807 598.727 19.9453C598.352 19.8099 598.031 19.6458 597.766 19.4531C597.505 19.2604 597.305 19.0339 597.164 18.7734C597.023 18.513 596.953 18.2083 596.953 17.8594C596.953 17.526 597.026 17.2109 597.172 16.9141C597.323 16.6172 597.534 16.3542 597.805 16.125C598.081 15.8958 598.411 15.7161 598.797 15.5859C599.182 15.4557 599.612 15.3906 600.086 15.3906C600.763 15.3906 601.341 15.5104 601.82 15.75C602.299 15.9896 602.667 16.3099 602.922 16.7109C603.177 17.1068 603.305 17.5469 603.305 18.0312H601.859C601.859 17.7969 601.789 17.5703 601.648 17.3516C601.513 17.1276 601.312 16.9427 601.047 16.7969C600.786 16.651 600.466 16.5781 600.086 16.5781C599.685 16.5781 599.359 16.6406 599.109 16.7656C598.865 16.8854 598.685 17.0391 598.57 17.2266C598.461 17.4141 598.406 17.612 598.406 17.8203C598.406 17.9766 598.432 18.1172 598.484 18.2422C598.542 18.362 598.641 18.474 598.781 18.5781C598.922 18.6771 599.12 18.7708 599.375 18.8594C599.63 18.9479 599.956 19.0365 600.352 19.125C601.044 19.2812 601.615 19.4688 602.062 19.6875C602.51 19.9062 602.844 20.1745 603.062 20.4922C603.281 20.8099 603.391 21.1953 603.391 21.6484C603.391 22.0182 603.312 22.3568 603.156 22.6641C603.005 22.9714 602.784 23.237 602.492 23.4609C602.206 23.6797 601.862 23.8516 601.461 23.9766C601.065 24.0964 600.62 24.1562 600.125 24.1562C599.38 24.1562 598.75 24.0234 598.234 23.7578C597.719 23.4922 597.328 23.1484 597.062 22.7266C596.797 22.3047 596.664 21.8594 596.664 21.3906H598.117C598.138 21.7865 598.253 22.1016 598.461 22.3359C598.669 22.5651 598.924 22.7292 599.227 22.8281C599.529 22.9219 599.828 22.9688 600.125 22.9688C600.521 22.9688 600.852 22.9167 601.117 22.8125C601.388 22.7083 601.594 22.5651 601.734 22.3828C601.875 22.2005 601.945 21.9922 601.945 21.7578ZM606.734 12V24H605.289V12H606.734ZM606.391 19.4531L605.789 19.4297C605.794 18.8516 605.88 18.3177 606.047 17.8281C606.214 17.3333 606.448 16.9036 606.75 16.5391C607.052 16.1745 607.411 15.8932 607.828 15.6953C608.25 15.4922 608.716 15.3906 609.227 15.3906C609.643 15.3906 610.018 15.4479 610.352 15.5625C610.685 15.6719 610.969 15.849 611.203 16.0938C611.443 16.3385 611.625 16.6562 611.75 17.0469C611.875 17.4323 611.938 17.9036 611.938 18.4609V24H610.484V18.4453C610.484 18.0026 610.419 17.6484 610.289 17.3828C610.159 17.112 609.969 16.9167 609.719 16.7969C609.469 16.6719 609.161 16.6094 608.797 16.6094C608.438 16.6094 608.109 16.6849 607.812 16.8359C607.521 16.987 607.268 17.1953 607.055 17.4609C606.846 17.7266 606.682 18.0312 606.562 18.375C606.448 18.7135 606.391 19.0729 606.391 19.4531ZM619.086 22.5547V18.2031C619.086 17.8698 619.018 17.5807 618.883 17.3359C618.753 17.0859 618.555 16.8932 618.289 16.7578C618.023 16.6224 617.695 16.5547 617.305 16.5547C616.94 16.5547 616.62 16.6172 616.344 16.7422C616.073 16.8672 615.859 17.0312 615.703 17.2344C615.552 17.4375 615.477 17.6562 615.477 17.8906H614.031C614.031 17.5885 614.109 17.2891 614.266 16.9922C614.422 16.6953 614.646 16.4271 614.938 16.1875C615.234 15.9427 615.589 15.75 616 15.6094C616.417 15.4635 616.88 15.3906 617.391 15.3906C618.005 15.3906 618.547 15.4948 619.016 15.7031C619.49 15.9115 619.859 16.2266 620.125 16.6484C620.396 17.0651 620.531 17.5885 620.531 18.2188V22.1562C620.531 22.4375 620.555 22.737 620.602 23.0547C620.654 23.3724 620.729 23.6458 620.828 23.875V24H619.32C619.247 23.8333 619.19 23.612 619.148 23.3359C619.107 23.0547 619.086 22.7943 619.086 22.5547ZM619.336 18.875L619.352 19.8906H617.891C617.479 19.8906 617.112 19.9245 616.789 19.9922C616.466 20.0547 616.195 20.151 615.977 20.2812C615.758 20.4115 615.591 20.5755 615.477 20.7734C615.362 20.9661 615.305 21.1927 615.305 21.4531C615.305 21.7188 615.365 21.9609 615.484 22.1797C615.604 22.3984 615.784 22.5729 616.023 22.7031C616.268 22.8281 616.568 22.8906 616.922 22.8906C617.365 22.8906 617.755 22.7969 618.094 22.6094C618.432 22.4219 618.701 22.1927 618.898 21.9219C619.102 21.651 619.211 21.388 619.227 21.1328L619.844 21.8281C619.807 22.0469 619.708 22.2891 619.547 22.5547C619.385 22.8203 619.169 23.0755 618.898 23.3203C618.633 23.5599 618.315 23.7604 617.945 23.9219C617.581 24.0781 617.169 24.1562 616.711 24.1562C616.138 24.1562 615.635 24.0443 615.203 23.8203C614.776 23.5964 614.443 23.2969 614.203 22.9219C613.969 22.5417 613.852 22.1172 613.852 21.6484C613.852 21.1953 613.94 20.7969 614.117 20.4531C614.294 20.1042 614.549 19.8151 614.883 19.5859C615.216 19.3516 615.617 19.1745 616.086 19.0547C616.555 18.9349 617.078 18.875 617.656 18.875H619.336ZM624.25 16.875V24H622.805V15.5469H624.211L624.25 16.875ZM626.891 15.5L626.883 16.8438C626.763 16.8177 626.648 16.8021 626.539 16.7969C626.435 16.7865 626.315 16.7812 626.18 16.7812C625.846 16.7812 625.552 16.8333 625.297 16.9375C625.042 17.0417 624.826 17.1875 624.648 17.375C624.471 17.5625 624.331 17.7865 624.227 18.0469C624.128 18.3021 624.062 18.5833 624.031 18.8906L623.625 19.125C623.625 18.6146 623.674 18.1354 623.773 17.6875C623.878 17.2396 624.036 16.8438 624.25 16.5C624.464 16.151 624.734 15.8802 625.062 15.6875C625.396 15.4896 625.792 15.3906 626.25 15.3906C626.354 15.3906 626.474 15.4036 626.609 15.4297C626.745 15.4505 626.839 15.474 626.891 15.5ZM631.578 24.1562C630.99 24.1562 630.456 24.0573 629.977 23.8594C629.503 23.6562 629.094 23.3724 628.75 23.0078C628.411 22.6432 628.151 22.2109 627.969 21.7109C627.786 21.2109 627.695 20.6641 627.695 20.0703V19.7422C627.695 19.0547 627.797 18.4427 628 17.9062C628.203 17.3646 628.479 16.9062 628.828 16.5312C629.177 16.1562 629.573 15.8724 630.016 15.6797C630.458 15.487 630.917 15.3906 631.391 15.3906C631.995 15.3906 632.516 15.4948 632.953 15.7031C633.396 15.9115 633.758 16.2031 634.039 16.5781C634.32 16.9479 634.529 17.3854 634.664 17.8906C634.799 18.3906 634.867 18.9375 634.867 19.5312V20.1797H628.555V19H633.422V18.8906C633.401 18.5156 633.323 18.151 633.188 17.7969C633.057 17.4427 632.849 17.151 632.562 16.9219C632.276 16.6927 631.885 16.5781 631.391 16.5781C631.062 16.5781 630.76 16.6484 630.484 16.7891C630.208 16.9245 629.971 17.1276 629.773 17.3984C629.576 17.6693 629.422 18 629.312 18.3906C629.203 18.7812 629.148 19.2318 629.148 19.7422V20.0703C629.148 20.4714 629.203 20.849 629.312 21.2031C629.427 21.5521 629.591 21.8594 629.805 22.125C630.023 22.3906 630.286 22.599 630.594 22.75C630.906 22.901 631.26 22.9766 631.656 22.9766C632.167 22.9766 632.599 22.8724 632.953 22.6641C633.307 22.4557 633.617 22.1771 633.883 21.8281L634.758 22.5234C634.576 22.7995 634.344 23.0625 634.062 23.3125C633.781 23.5625 633.435 23.7656 633.023 23.9219C632.617 24.0781 632.135 24.1562 631.578 24.1562ZM640.141 19.8672V19.6875C640.141 19.0781 640.229 18.513 640.406 17.9922C640.583 17.4661 640.839 17.0104 641.172 16.625C641.505 16.2344 641.909 15.9323 642.383 15.7188C642.857 15.5 643.388 15.3906 643.977 15.3906C644.57 15.3906 645.104 15.5 645.578 15.7188C646.057 15.9323 646.464 16.2344 646.797 16.625C647.135 17.0104 647.393 17.4661 647.57 17.9922C647.747 18.513 647.836 19.0781 647.836 19.6875V19.8672C647.836 20.4766 647.747 21.0417 647.57 21.5625C647.393 22.0833 647.135 22.5391 646.797 22.9297C646.464 23.3151 646.06 23.6172 645.586 23.8359C645.117 24.0495 644.586 24.1562 643.992 24.1562C643.398 24.1562 642.865 24.0495 642.391 23.8359C641.917 23.6172 641.51 23.3151 641.172 22.9297C640.839 22.5391 640.583 22.0833 640.406 21.5625C640.229 21.0417 640.141 20.4766 640.141 19.8672ZM641.586 19.6875V19.8672C641.586 20.2891 641.635 20.6875 641.734 21.0625C641.833 21.4323 641.982 21.7604 642.18 22.0469C642.383 22.3333 642.635 22.5599 642.938 22.7266C643.24 22.888 643.591 22.9688 643.992 22.9688C644.388 22.9688 644.734 22.888 645.031 22.7266C645.333 22.5599 645.583 22.3333 645.781 22.0469C645.979 21.7604 646.128 21.4323 646.227 21.0625C646.331 20.6875 646.383 20.2891 646.383 19.8672V19.6875C646.383 19.2708 646.331 18.8776 646.227 18.5078C646.128 18.1328 645.977 17.8021 645.773 17.5156C645.576 17.224 645.326 16.9948 645.023 16.8281C644.727 16.6615 644.378 16.5781 643.977 16.5781C643.581 16.5781 643.232 16.6615 642.93 16.8281C642.633 16.9948 642.383 17.224 642.18 17.5156C641.982 17.8021 641.833 18.1328 641.734 18.5078C641.635 18.8776 641.586 19.2708 641.586 19.6875ZM651.094 17.1719V27.25H649.641V15.5469H650.969L651.094 17.1719ZM656.789 19.7031V19.8672C656.789 20.4818 656.716 21.0521 656.57 21.5781C656.424 22.099 656.211 22.5521 655.93 22.9375C655.654 23.3229 655.312 23.6224 654.906 23.8359C654.5 24.0495 654.034 24.1562 653.508 24.1562C652.971 24.1562 652.497 24.0677 652.086 23.8906C651.674 23.7135 651.326 23.4557 651.039 23.1172C650.753 22.7786 650.523 22.3724 650.352 21.8984C650.185 21.4245 650.07 20.8906 650.008 20.2969V19.4219C650.07 18.7969 650.188 18.237 650.359 17.7422C650.531 17.2474 650.758 16.8255 651.039 16.4766C651.326 16.1224 651.672 15.8542 652.078 15.6719C652.484 15.4844 652.953 15.3906 653.484 15.3906C654.016 15.3906 654.487 15.4948 654.898 15.7031C655.31 15.9062 655.656 16.1979 655.938 16.5781C656.219 16.9583 656.43 17.4141 656.57 17.9453C656.716 18.4714 656.789 19.0573 656.789 19.7031ZM655.336 19.8672V19.7031C655.336 19.2812 655.292 18.8854 655.203 18.5156C655.115 18.1406 654.977 17.8125 654.789 17.5312C654.607 17.2448 654.372 17.0208 654.086 16.8594C653.799 16.6927 653.458 16.6094 653.062 16.6094C652.698 16.6094 652.38 16.6719 652.109 16.7969C651.844 16.9219 651.617 17.0911 651.43 17.3047C651.242 17.513 651.089 17.7526 650.969 18.0234C650.854 18.2891 650.768 18.5651 650.711 18.8516V20.875C650.815 21.2396 650.961 21.5833 651.148 21.9062C651.336 22.224 651.586 22.4818 651.898 22.6797C652.211 22.8724 652.604 22.9688 653.078 22.9688C653.469 22.9688 653.805 22.888 654.086 22.7266C654.372 22.5599 654.607 22.3333 654.789 22.0469C654.977 21.7604 655.115 21.4323 655.203 21.0625C655.292 20.6875 655.336 20.2891 655.336 19.8672ZM662.172 15.5469V16.6562H657.602V15.5469H662.172ZM659.148 13.4922H660.594V21.9062C660.594 22.1927 660.638 22.4089 660.727 22.5547C660.815 22.7005 660.93 22.7969 661.07 22.8438C661.211 22.8906 661.362 22.9141 661.523 22.9141C661.643 22.9141 661.768 22.9036 661.898 22.8828C662.034 22.8568 662.135 22.8359 662.203 22.8203L662.211 24C662.096 24.0365 661.945 24.0703 661.758 24.1016C661.576 24.138 661.354 24.1562 661.094 24.1562C660.74 24.1562 660.414 24.0859 660.117 23.9453C659.82 23.8047 659.583 23.5703 659.406 23.2422C659.234 22.9089 659.148 22.4609 659.148 21.8984V13.4922ZM665.438 15.5469V24H663.984V15.5469H665.438ZM663.875 13.3047C663.875 13.0703 663.945 12.8724 664.086 12.7109C664.232 12.5495 664.445 12.4688 664.727 12.4688C665.003 12.4688 665.214 12.5495 665.359 12.7109C665.51 12.8724 665.586 13.0703 665.586 13.3047C665.586 13.5286 665.51 13.7214 665.359 13.8828C665.214 14.0391 665.003 14.1172 664.727 14.1172C664.445 14.1172 664.232 14.0391 664.086 13.8828C663.945 13.7214 663.875 13.5286 663.875 13.3047ZM667.375 19.8672V19.6875C667.375 19.0781 667.464 18.513 667.641 17.9922C667.818 17.4661 668.073 17.0104 668.406 16.625C668.74 16.2344 669.143 15.9323 669.617 15.7188C670.091 15.5 670.622 15.3906 671.211 15.3906C671.805 15.3906 672.339 15.5 672.812 15.7188C673.292 15.9323 673.698 16.2344 674.031 16.625C674.37 17.0104 674.628 17.4661 674.805 17.9922C674.982 18.513 675.07 19.0781 675.07 19.6875V19.8672C675.07 20.4766 674.982 21.0417 674.805 21.5625C674.628 22.0833 674.37 22.5391 674.031 22.9297C673.698 23.3151 673.294 23.6172 672.82 23.8359C672.352 24.0495 671.82 24.1562 671.227 24.1562C670.633 24.1562 670.099 24.0495 669.625 23.8359C669.151 23.6172 668.745 23.3151 668.406 22.9297C668.073 22.5391 667.818 22.0833 667.641 21.5625C667.464 21.0417 667.375 20.4766 667.375 19.8672ZM668.82 19.6875V19.8672C668.82 20.2891 668.87 20.6875 668.969 21.0625C669.068 21.4323 669.216 21.7604 669.414 22.0469C669.617 22.3333 669.87 22.5599 670.172 22.7266C670.474 22.888 670.826 22.9688 671.227 22.9688C671.622 22.9688 671.969 22.888 672.266 22.7266C672.568 22.5599 672.818 22.3333 673.016 22.0469C673.214 21.7604 673.362 21.4323 673.461 21.0625C673.565 20.6875 673.617 20.2891 673.617 19.8672V19.6875C673.617 19.2708 673.565 18.8776 673.461 18.5078C673.362 18.1328 673.211 17.8021 673.008 17.5156C672.81 17.224 672.56 16.9948 672.258 16.8281C671.961 16.6615 671.612 16.5781 671.211 16.5781C670.815 16.5781 670.466 16.6615 670.164 16.8281C669.867 16.9948 669.617 17.224 669.414 17.5156C669.216 17.8021 669.068 18.1328 668.969 18.5078C668.87 18.8776 668.82 19.2708 668.82 19.6875ZM678.328 17.3516V24H676.883V15.5469H678.25L678.328 17.3516ZM677.984 19.4531L677.383 19.4297C677.388 18.8516 677.474 18.3177 677.641 17.8281C677.807 17.3333 678.042 16.9036 678.344 16.5391C678.646 16.1745 679.005 15.8932 679.422 15.6953C679.844 15.4922 680.31 15.3906 680.82 15.3906C681.237 15.3906 681.612 15.4479 681.945 15.5625C682.279 15.6719 682.562 15.849 682.797 16.0938C683.036 16.3385 683.219 16.6562 683.344 17.0469C683.469 17.4323 683.531 17.9036 683.531 18.4609V24H682.078V18.4453C682.078 18.0026 682.013 17.6484 681.883 17.3828C681.753 17.112 681.562 16.9167 681.312 16.7969C681.062 16.6719 680.755 16.6094 680.391 16.6094C680.031 16.6094 679.703 16.6849 679.406 16.8359C679.115 16.987 678.862 17.1953 678.648 17.4609C678.44 17.7266 678.276 18.0312 678.156 18.375C678.042 18.7135 677.984 19.0729 677.984 19.4531ZM690.648 21.7578C690.648 21.5495 690.602 21.3568 690.508 21.1797C690.419 20.9974 690.234 20.8333 689.953 20.6875C689.677 20.5365 689.26 20.4062 688.703 20.2969C688.234 20.1979 687.81 20.0807 687.43 19.9453C687.055 19.8099 686.734 19.6458 686.469 19.4531C686.208 19.2604 686.008 19.0339 685.867 18.7734C685.727 18.513 685.656 18.2083 685.656 17.8594C685.656 17.526 685.729 17.2109 685.875 16.9141C686.026 16.6172 686.237 16.3542 686.508 16.125C686.784 15.8958 687.115 15.7161 687.5 15.5859C687.885 15.4557 688.315 15.3906 688.789 15.3906C689.466 15.3906 690.044 15.5104 690.523 15.75C691.003 15.9896 691.37 16.3099 691.625 16.7109C691.88 17.1068 692.008 17.5469 692.008 18.0312H690.562C690.562 17.7969 690.492 17.5703 690.352 17.3516C690.216 17.1276 690.016 16.9427 689.75 16.7969C689.49 16.651 689.169 16.5781 688.789 16.5781C688.388 16.5781 688.062 16.6406 687.812 16.7656C687.568 16.8854 687.388 17.0391 687.273 17.2266C687.164 17.4141 687.109 17.612 687.109 17.8203C687.109 17.9766 687.135 18.1172 687.188 18.2422C687.245 18.362 687.344 18.474 687.484 18.5781C687.625 18.6771 687.823 18.7708 688.078 18.8594C688.333 18.9479 688.659 19.0365 689.055 19.125C689.747 19.2812 690.318 19.4688 690.766 19.6875C691.214 19.9062 691.547 20.1745 691.766 20.4922C691.984 20.8099 692.094 21.1953 692.094 21.6484C692.094 22.0182 692.016 22.3568 691.859 22.6641C691.708 22.9714 691.487 23.237 691.195 23.4609C690.909 23.6797 690.565 23.8516 690.164 23.9766C689.768 24.0964 689.323 24.1562 688.828 24.1562C688.083 24.1562 687.453 24.0234 686.938 23.7578C686.422 23.4922 686.031 23.1484 685.766 22.7266C685.5 22.3047 685.367 21.8594 685.367 21.3906H686.82C686.841 21.7865 686.956 22.1016 687.164 22.3359C687.372 22.5651 687.628 22.7292 687.93 22.8281C688.232 22.9219 688.531 22.9688 688.828 22.9688C689.224 22.9688 689.555 22.9167 689.82 22.8125C690.091 22.7083 690.297 22.5651 690.438 22.3828C690.578 22.2005 690.648 21.9922 690.648 21.7578Z"
               fill="#253EBE"
             />
+            
+    
             <path
               d="M555.109 25.5625H692.883V26.3438H555.109V25.5625Z"
               fill="#253EBE"
             />
+            
+  
           </svg>
+          
+
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -14170,187 +29287,396 @@ exports[`OE - Project page (planned) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-project/project-lists.html.twig b/src/compositions/bcl-project/project-lists.html.twig
index 1e8e3cfb1..20e0b919c 100644
--- a/src/compositions/bcl-project/project-lists.html.twig
+++ b/src/compositions/bcl-project/project-lists.html.twig
@@ -1,6 +1,3 @@
-{% apply spaceless %}
-
-
 {#
   Parameters:
   - title: (string) (default: '')
@@ -70,4 +67,3 @@
 {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-publication/__snapshots__/publication.test.js.snap b/src/compositions/bcl-publication/__snapshots__/publication.test.js.snap
index 2f77b344e..e9bde3852 100644
--- a/src/compositions/bcl-publication/__snapshots__/publication.test.js.snap
+++ b/src/compositions/bcl-publication/__snapshots__/publication.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,49 +2281,126 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -1151,30 +2417,59 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -1188,6 +2483,8 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -1201,23 +2498,51 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -1226,89 +2551,194 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#authors"
                   >
                     Authors
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#description"
                   >
                     Description
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#file-download"
                   >
                     File download
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#share"
                   >
                     Share this page
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                  
           <h2
             class="mb-2-5"
             id=""
           >
             Authors
           </h2>
+          
+          
           <p
             class="fs-5"
           >
             José Luis Pabón Barrios  •  Adjur Tichar  •  Szép Mara  •  Aurelia Panicucci  •  José Luis Pabón Barrios  •  Adjur Tichar  •  Szép Mara  •  Aurelia Panicucci  •  José Luis Pabón Barrios  •  Adjur Tichar  •  Szép Mara  •  Aurelia Panicucci
           </p>
+          
+      
+      
           <h2
             class="mb-4 pt-2-5"
             id="description"
           >
             Description
           </h2>
+          
+          
           <p
             class="mb-3"
           >
@@ -1318,10 +2748,13 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -1331,6 +2764,8 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -1340,49 +2775,102 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+      
+      
           <div
             class="pt-2 mb-4"
           >
+            
+      
+
+
+
+  
+
+    
+  
+
+
+  
+
+
+
             <h2
               class="mb-4 bcl-heading"
               id="file-download"
             >
               File download
             </h2>
+            
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -1393,7 +2881,17 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -1401,23 +2899,58 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown"
                     aria-expanded="false"
@@ -1427,38 +2960,67 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1469,10 +3031,22 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1480,36 +3054,67 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1520,10 +3125,22 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1531,36 +3148,67 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1571,10 +3219,22 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1582,20 +3242,43 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -1606,17 +3289,36 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+    
           </div>
+          
+                
+                    
+                    
+  
           <h2
             class="mb-3"
             id="share"
           >
             Share this page
           </h2>
+          
+  
           <svg
             fill="none"
             height="38"
@@ -1624,95 +3326,157 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             width="707"
             xmlns="http://www.w3.org/2000/svg"
           >
+            
+    
             <path
               d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
               fill="#326A9C"
             />
+            
+    
             <path
               d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
               fill="white"
             />
+            
+    
             <path
               d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
               fill="#255074"
             />
+            
+    
             <path
               d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
               fill="white"
             />
+            
+    
             <path
               d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
               fill="#5B7BB8"
             />
+            
+    
             <path
               d="M151 19.0486C151 14.6031 147.418 10.9994 142.999 10.9994C138.581 10.9994 134.999 14.6031 134.999 19.0486C134.999 23.0662 137.925 26.3962 141.749 27V21.3753H139.718V19.0486H141.749V17.2753C141.749 15.2579 142.944 14.1436 144.771 14.1436C145.647 14.1436 146.562 14.3008 146.562 14.3008V16.2817H145.553C144.56 16.2817 144.25 16.9021 144.25 17.5387V19.0486H146.468L146.114 21.3753H144.25V27C148.074 26.3962 151 23.0662 151 19.0486Z"
               fill="white"
             />
+            
+    
             <path
               d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
               fill="#486394"
             />
+            
+    
             <path
               d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
               fill="white"
             />
+            
+    
             <path
               d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
               fill="#4AA1EB"
             />
+            
+    
             <path
               d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
               fill="white"
             />
+            
+    
             <path
               d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
               fill="#3677B0"
             />
+            
+    
             <path
               d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
               fill="white"
             />
+            
+    
             <path
               d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
               fill="#65CF72"
             />
+            
+    
             <path
               d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
               fill="white"
             />
+            
+    
             <path
               d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
               fill="#59B665"
             />
+            
+    
             <path
               d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
               fill="white"
             />
+            
+    
             <path
               d="M556.906 12.625H558.367L562.094 21.8984L565.812 12.625H567.281L562.656 24H561.516L556.906 12.625ZM556.43 12.625H557.719L557.93 19.5625V24H556.43V12.625ZM566.461 12.625H567.75V24H566.25V19.5625L566.461 12.625ZM569.797 19.8672V19.6875C569.797 19.0781 569.885 18.513 570.062 17.9922C570.24 17.4661 570.495 17.0104 570.828 16.625C571.161 16.2344 571.565 15.9323 572.039 15.7188C572.513 15.5 573.044 15.3906 573.633 15.3906C574.227 15.3906 574.76 15.5 575.234 15.7188C575.714 15.9323 576.12 16.2344 576.453 16.625C576.792 17.0104 577.049 17.4661 577.227 17.9922C577.404 18.513 577.492 19.0781 577.492 19.6875V19.8672C577.492 20.4766 577.404 21.0417 577.227 21.5625C577.049 22.0833 576.792 22.5391 576.453 22.9297C576.12 23.3151 575.716 23.6172 575.242 23.8359C574.773 24.0495 574.242 24.1562 573.648 24.1562C573.055 24.1562 572.521 24.0495 572.047 23.8359C571.573 23.6172 571.167 23.3151 570.828 22.9297C570.495 22.5391 570.24 22.0833 570.062 21.5625C569.885 21.0417 569.797 20.4766 569.797 19.8672ZM571.242 19.6875V19.8672C571.242 20.2891 571.292 20.6875 571.391 21.0625C571.49 21.4323 571.638 21.7604 571.836 22.0469C572.039 22.3333 572.292 22.5599 572.594 22.7266C572.896 22.888 573.247 22.9688 573.648 22.9688C574.044 22.9688 574.391 22.888 574.688 22.7266C574.99 22.5599 575.24 22.3333 575.438 22.0469C575.635 21.7604 575.784 21.4323 575.883 21.0625C575.987 20.6875 576.039 20.2891 576.039 19.8672V19.6875C576.039 19.2708 575.987 18.8776 575.883 18.5078C575.784 18.1328 575.633 17.8021 575.43 17.5156C575.232 17.224 574.982 16.9948 574.68 16.8281C574.383 16.6615 574.034 16.5781 573.633 16.5781C573.237 16.5781 572.888 16.6615 572.586 16.8281C572.289 16.9948 572.039 17.224 571.836 17.5156C571.638 17.8021 571.49 18.1328 571.391 18.5078C571.292 18.8776 571.242 19.2708 571.242 19.6875ZM580.75 16.875V24H579.305V15.5469H580.711L580.75 16.875ZM583.391 15.5L583.383 16.8438C583.263 16.8177 583.148 16.8021 583.039 16.7969C582.935 16.7865 582.815 16.7812 582.68 16.7812C582.346 16.7812 582.052 16.8333 581.797 16.9375C581.542 17.0417 581.326 17.1875 581.148 17.375C580.971 17.5625 580.831 17.7865 580.727 18.0469C580.628 18.3021 580.562 18.5833 580.531 18.8906L580.125 19.125C580.125 18.6146 580.174 18.1354 580.273 17.6875C580.378 17.2396 580.536 16.8438 580.75 16.5C580.964 16.151 581.234 15.8802 581.562 15.6875C581.896 15.4896 582.292 15.3906 582.75 15.3906C582.854 15.3906 582.974 15.4036 583.109 15.4297C583.245 15.4505 583.339 15.474 583.391 15.5ZM588.078 24.1562C587.49 24.1562 586.956 24.0573 586.477 23.8594C586.003 23.6562 585.594 23.3724 585.25 23.0078C584.911 22.6432 584.651 22.2109 584.469 21.7109C584.286 21.2109 584.195 20.6641 584.195 20.0703V19.7422C584.195 19.0547 584.297 18.4427 584.5 17.9062C584.703 17.3646 584.979 16.9062 585.328 16.5312C585.677 16.1562 586.073 15.8724 586.516 15.6797C586.958 15.487 587.417 15.3906 587.891 15.3906C588.495 15.3906 589.016 15.4948 589.453 15.7031C589.896 15.9115 590.258 16.2031 590.539 16.5781C590.82 16.9479 591.029 17.3854 591.164 17.8906C591.299 18.3906 591.367 18.9375 591.367 19.5312V20.1797H585.055V19H589.922V18.8906C589.901 18.5156 589.823 18.151 589.688 17.7969C589.557 17.4427 589.349 17.151 589.062 16.9219C588.776 16.6927 588.385 16.5781 587.891 16.5781C587.562 16.5781 587.26 16.6484 586.984 16.7891C586.708 16.9245 586.471 17.1276 586.273 17.3984C586.076 17.6693 585.922 18 585.812 18.3906C585.703 18.7812 585.648 19.2318 585.648 19.7422V20.0703C585.648 20.4714 585.703 20.849 585.812 21.2031C585.927 21.5521 586.091 21.8594 586.305 22.125C586.523 22.3906 586.786 22.599 587.094 22.75C587.406 22.901 587.76 22.9766 588.156 22.9766C588.667 22.9766 589.099 22.8724 589.453 22.6641C589.807 22.4557 590.117 22.1771 590.383 21.8281L591.258 22.5234C591.076 22.7995 590.844 23.0625 590.562 23.3125C590.281 23.5625 589.935 23.7656 589.523 23.9219C589.117 24.0781 588.635 24.1562 588.078 24.1562ZM601.945 21.7578C601.945 21.5495 601.898 21.3568 601.805 21.1797C601.716 20.9974 601.531 20.8333 601.25 20.6875C600.974 20.5365 600.557 20.4062 600 20.2969C599.531 20.1979 599.107 20.0807 598.727 19.9453C598.352 19.8099 598.031 19.6458 597.766 19.4531C597.505 19.2604 597.305 19.0339 597.164 18.7734C597.023 18.513 596.953 18.2083 596.953 17.8594C596.953 17.526 597.026 17.2109 597.172 16.9141C597.323 16.6172 597.534 16.3542 597.805 16.125C598.081 15.8958 598.411 15.7161 598.797 15.5859C599.182 15.4557 599.612 15.3906 600.086 15.3906C600.763 15.3906 601.341 15.5104 601.82 15.75C602.299 15.9896 602.667 16.3099 602.922 16.7109C603.177 17.1068 603.305 17.5469 603.305 18.0312H601.859C601.859 17.7969 601.789 17.5703 601.648 17.3516C601.513 17.1276 601.312 16.9427 601.047 16.7969C600.786 16.651 600.466 16.5781 600.086 16.5781C599.685 16.5781 599.359 16.6406 599.109 16.7656C598.865 16.8854 598.685 17.0391 598.57 17.2266C598.461 17.4141 598.406 17.612 598.406 17.8203C598.406 17.9766 598.432 18.1172 598.484 18.2422C598.542 18.362 598.641 18.474 598.781 18.5781C598.922 18.6771 599.12 18.7708 599.375 18.8594C599.63 18.9479 599.956 19.0365 600.352 19.125C601.044 19.2812 601.615 19.4688 602.062 19.6875C602.51 19.9062 602.844 20.1745 603.062 20.4922C603.281 20.8099 603.391 21.1953 603.391 21.6484C603.391 22.0182 603.312 22.3568 603.156 22.6641C603.005 22.9714 602.784 23.237 602.492 23.4609C602.206 23.6797 601.862 23.8516 601.461 23.9766C601.065 24.0964 600.62 24.1562 600.125 24.1562C599.38 24.1562 598.75 24.0234 598.234 23.7578C597.719 23.4922 597.328 23.1484 597.062 22.7266C596.797 22.3047 596.664 21.8594 596.664 21.3906H598.117C598.138 21.7865 598.253 22.1016 598.461 22.3359C598.669 22.5651 598.924 22.7292 599.227 22.8281C599.529 22.9219 599.828 22.9688 600.125 22.9688C600.521 22.9688 600.852 22.9167 601.117 22.8125C601.388 22.7083 601.594 22.5651 601.734 22.3828C601.875 22.2005 601.945 21.9922 601.945 21.7578ZM606.734 12V24H605.289V12H606.734ZM606.391 19.4531L605.789 19.4297C605.794 18.8516 605.88 18.3177 606.047 17.8281C606.214 17.3333 606.448 16.9036 606.75 16.5391C607.052 16.1745 607.411 15.8932 607.828 15.6953C608.25 15.4922 608.716 15.3906 609.227 15.3906C609.643 15.3906 610.018 15.4479 610.352 15.5625C610.685 15.6719 610.969 15.849 611.203 16.0938C611.443 16.3385 611.625 16.6562 611.75 17.0469C611.875 17.4323 611.938 17.9036 611.938 18.4609V24H610.484V18.4453C610.484 18.0026 610.419 17.6484 610.289 17.3828C610.159 17.112 609.969 16.9167 609.719 16.7969C609.469 16.6719 609.161 16.6094 608.797 16.6094C608.438 16.6094 608.109 16.6849 607.812 16.8359C607.521 16.987 607.268 17.1953 607.055 17.4609C606.846 17.7266 606.682 18.0312 606.562 18.375C606.448 18.7135 606.391 19.0729 606.391 19.4531ZM619.086 22.5547V18.2031C619.086 17.8698 619.018 17.5807 618.883 17.3359C618.753 17.0859 618.555 16.8932 618.289 16.7578C618.023 16.6224 617.695 16.5547 617.305 16.5547C616.94 16.5547 616.62 16.6172 616.344 16.7422C616.073 16.8672 615.859 17.0312 615.703 17.2344C615.552 17.4375 615.477 17.6562 615.477 17.8906H614.031C614.031 17.5885 614.109 17.2891 614.266 16.9922C614.422 16.6953 614.646 16.4271 614.938 16.1875C615.234 15.9427 615.589 15.75 616 15.6094C616.417 15.4635 616.88 15.3906 617.391 15.3906C618.005 15.3906 618.547 15.4948 619.016 15.7031C619.49 15.9115 619.859 16.2266 620.125 16.6484C620.396 17.0651 620.531 17.5885 620.531 18.2188V22.1562C620.531 22.4375 620.555 22.737 620.602 23.0547C620.654 23.3724 620.729 23.6458 620.828 23.875V24H619.32C619.247 23.8333 619.19 23.612 619.148 23.3359C619.107 23.0547 619.086 22.7943 619.086 22.5547ZM619.336 18.875L619.352 19.8906H617.891C617.479 19.8906 617.112 19.9245 616.789 19.9922C616.466 20.0547 616.195 20.151 615.977 20.2812C615.758 20.4115 615.591 20.5755 615.477 20.7734C615.362 20.9661 615.305 21.1927 615.305 21.4531C615.305 21.7188 615.365 21.9609 615.484 22.1797C615.604 22.3984 615.784 22.5729 616.023 22.7031C616.268 22.8281 616.568 22.8906 616.922 22.8906C617.365 22.8906 617.755 22.7969 618.094 22.6094C618.432 22.4219 618.701 22.1927 618.898 21.9219C619.102 21.651 619.211 21.388 619.227 21.1328L619.844 21.8281C619.807 22.0469 619.708 22.2891 619.547 22.5547C619.385 22.8203 619.169 23.0755 618.898 23.3203C618.633 23.5599 618.315 23.7604 617.945 23.9219C617.581 24.0781 617.169 24.1562 616.711 24.1562C616.138 24.1562 615.635 24.0443 615.203 23.8203C614.776 23.5964 614.443 23.2969 614.203 22.9219C613.969 22.5417 613.852 22.1172 613.852 21.6484C613.852 21.1953 613.94 20.7969 614.117 20.4531C614.294 20.1042 614.549 19.8151 614.883 19.5859C615.216 19.3516 615.617 19.1745 616.086 19.0547C616.555 18.9349 617.078 18.875 617.656 18.875H619.336ZM624.25 16.875V24H622.805V15.5469H624.211L624.25 16.875ZM626.891 15.5L626.883 16.8438C626.763 16.8177 626.648 16.8021 626.539 16.7969C626.435 16.7865 626.315 16.7812 626.18 16.7812C625.846 16.7812 625.552 16.8333 625.297 16.9375C625.042 17.0417 624.826 17.1875 624.648 17.375C624.471 17.5625 624.331 17.7865 624.227 18.0469C624.128 18.3021 624.062 18.5833 624.031 18.8906L623.625 19.125C623.625 18.6146 623.674 18.1354 623.773 17.6875C623.878 17.2396 624.036 16.8438 624.25 16.5C624.464 16.151 624.734 15.8802 625.062 15.6875C625.396 15.4896 625.792 15.3906 626.25 15.3906C626.354 15.3906 626.474 15.4036 626.609 15.4297C626.745 15.4505 626.839 15.474 626.891 15.5ZM631.578 24.1562C630.99 24.1562 630.456 24.0573 629.977 23.8594C629.503 23.6562 629.094 23.3724 628.75 23.0078C628.411 22.6432 628.151 22.2109 627.969 21.7109C627.786 21.2109 627.695 20.6641 627.695 20.0703V19.7422C627.695 19.0547 627.797 18.4427 628 17.9062C628.203 17.3646 628.479 16.9062 628.828 16.5312C629.177 16.1562 629.573 15.8724 630.016 15.6797C630.458 15.487 630.917 15.3906 631.391 15.3906C631.995 15.3906 632.516 15.4948 632.953 15.7031C633.396 15.9115 633.758 16.2031 634.039 16.5781C634.32 16.9479 634.529 17.3854 634.664 17.8906C634.799 18.3906 634.867 18.9375 634.867 19.5312V20.1797H628.555V19H633.422V18.8906C633.401 18.5156 633.323 18.151 633.188 17.7969C633.057 17.4427 632.849 17.151 632.562 16.9219C632.276 16.6927 631.885 16.5781 631.391 16.5781C631.062 16.5781 630.76 16.6484 630.484 16.7891C630.208 16.9245 629.971 17.1276 629.773 17.3984C629.576 17.6693 629.422 18 629.312 18.3906C629.203 18.7812 629.148 19.2318 629.148 19.7422V20.0703C629.148 20.4714 629.203 20.849 629.312 21.2031C629.427 21.5521 629.591 21.8594 629.805 22.125C630.023 22.3906 630.286 22.599 630.594 22.75C630.906 22.901 631.26 22.9766 631.656 22.9766C632.167 22.9766 632.599 22.8724 632.953 22.6641C633.307 22.4557 633.617 22.1771 633.883 21.8281L634.758 22.5234C634.576 22.7995 634.344 23.0625 634.062 23.3125C633.781 23.5625 633.435 23.7656 633.023 23.9219C632.617 24.0781 632.135 24.1562 631.578 24.1562ZM640.141 19.8672V19.6875C640.141 19.0781 640.229 18.513 640.406 17.9922C640.583 17.4661 640.839 17.0104 641.172 16.625C641.505 16.2344 641.909 15.9323 642.383 15.7188C642.857 15.5 643.388 15.3906 643.977 15.3906C644.57 15.3906 645.104 15.5 645.578 15.7188C646.057 15.9323 646.464 16.2344 646.797 16.625C647.135 17.0104 647.393 17.4661 647.57 17.9922C647.747 18.513 647.836 19.0781 647.836 19.6875V19.8672C647.836 20.4766 647.747 21.0417 647.57 21.5625C647.393 22.0833 647.135 22.5391 646.797 22.9297C646.464 23.3151 646.06 23.6172 645.586 23.8359C645.117 24.0495 644.586 24.1562 643.992 24.1562C643.398 24.1562 642.865 24.0495 642.391 23.8359C641.917 23.6172 641.51 23.3151 641.172 22.9297C640.839 22.5391 640.583 22.0833 640.406 21.5625C640.229 21.0417 640.141 20.4766 640.141 19.8672ZM641.586 19.6875V19.8672C641.586 20.2891 641.635 20.6875 641.734 21.0625C641.833 21.4323 641.982 21.7604 642.18 22.0469C642.383 22.3333 642.635 22.5599 642.938 22.7266C643.24 22.888 643.591 22.9688 643.992 22.9688C644.388 22.9688 644.734 22.888 645.031 22.7266C645.333 22.5599 645.583 22.3333 645.781 22.0469C645.979 21.7604 646.128 21.4323 646.227 21.0625C646.331 20.6875 646.383 20.2891 646.383 19.8672V19.6875C646.383 19.2708 646.331 18.8776 646.227 18.5078C646.128 18.1328 645.977 17.8021 645.773 17.5156C645.576 17.224 645.326 16.9948 645.023 16.8281C644.727 16.6615 644.378 16.5781 643.977 16.5781C643.581 16.5781 643.232 16.6615 642.93 16.8281C642.633 16.9948 642.383 17.224 642.18 17.5156C641.982 17.8021 641.833 18.1328 641.734 18.5078C641.635 18.8776 641.586 19.2708 641.586 19.6875ZM651.094 17.1719V27.25H649.641V15.5469H650.969L651.094 17.1719ZM656.789 19.7031V19.8672C656.789 20.4818 656.716 21.0521 656.57 21.5781C656.424 22.099 656.211 22.5521 655.93 22.9375C655.654 23.3229 655.312 23.6224 654.906 23.8359C654.5 24.0495 654.034 24.1562 653.508 24.1562C652.971 24.1562 652.497 24.0677 652.086 23.8906C651.674 23.7135 651.326 23.4557 651.039 23.1172C650.753 22.7786 650.523 22.3724 650.352 21.8984C650.185 21.4245 650.07 20.8906 650.008 20.2969V19.4219C650.07 18.7969 650.188 18.237 650.359 17.7422C650.531 17.2474 650.758 16.8255 651.039 16.4766C651.326 16.1224 651.672 15.8542 652.078 15.6719C652.484 15.4844 652.953 15.3906 653.484 15.3906C654.016 15.3906 654.487 15.4948 654.898 15.7031C655.31 15.9062 655.656 16.1979 655.938 16.5781C656.219 16.9583 656.43 17.4141 656.57 17.9453C656.716 18.4714 656.789 19.0573 656.789 19.7031ZM655.336 19.8672V19.7031C655.336 19.2812 655.292 18.8854 655.203 18.5156C655.115 18.1406 654.977 17.8125 654.789 17.5312C654.607 17.2448 654.372 17.0208 654.086 16.8594C653.799 16.6927 653.458 16.6094 653.062 16.6094C652.698 16.6094 652.38 16.6719 652.109 16.7969C651.844 16.9219 651.617 17.0911 651.43 17.3047C651.242 17.513 651.089 17.7526 650.969 18.0234C650.854 18.2891 650.768 18.5651 650.711 18.8516V20.875C650.815 21.2396 650.961 21.5833 651.148 21.9062C651.336 22.224 651.586 22.4818 651.898 22.6797C652.211 22.8724 652.604 22.9688 653.078 22.9688C653.469 22.9688 653.805 22.888 654.086 22.7266C654.372 22.5599 654.607 22.3333 654.789 22.0469C654.977 21.7604 655.115 21.4323 655.203 21.0625C655.292 20.6875 655.336 20.2891 655.336 19.8672ZM662.172 15.5469V16.6562H657.602V15.5469H662.172ZM659.148 13.4922H660.594V21.9062C660.594 22.1927 660.638 22.4089 660.727 22.5547C660.815 22.7005 660.93 22.7969 661.07 22.8438C661.211 22.8906 661.362 22.9141 661.523 22.9141C661.643 22.9141 661.768 22.9036 661.898 22.8828C662.034 22.8568 662.135 22.8359 662.203 22.8203L662.211 24C662.096 24.0365 661.945 24.0703 661.758 24.1016C661.576 24.138 661.354 24.1562 661.094 24.1562C660.74 24.1562 660.414 24.0859 660.117 23.9453C659.82 23.8047 659.583 23.5703 659.406 23.2422C659.234 22.9089 659.148 22.4609 659.148 21.8984V13.4922ZM665.438 15.5469V24H663.984V15.5469H665.438ZM663.875 13.3047C663.875 13.0703 663.945 12.8724 664.086 12.7109C664.232 12.5495 664.445 12.4688 664.727 12.4688C665.003 12.4688 665.214 12.5495 665.359 12.7109C665.51 12.8724 665.586 13.0703 665.586 13.3047C665.586 13.5286 665.51 13.7214 665.359 13.8828C665.214 14.0391 665.003 14.1172 664.727 14.1172C664.445 14.1172 664.232 14.0391 664.086 13.8828C663.945 13.7214 663.875 13.5286 663.875 13.3047ZM667.375 19.8672V19.6875C667.375 19.0781 667.464 18.513 667.641 17.9922C667.818 17.4661 668.073 17.0104 668.406 16.625C668.74 16.2344 669.143 15.9323 669.617 15.7188C670.091 15.5 670.622 15.3906 671.211 15.3906C671.805 15.3906 672.339 15.5 672.812 15.7188C673.292 15.9323 673.698 16.2344 674.031 16.625C674.37 17.0104 674.628 17.4661 674.805 17.9922C674.982 18.513 675.07 19.0781 675.07 19.6875V19.8672C675.07 20.4766 674.982 21.0417 674.805 21.5625C674.628 22.0833 674.37 22.5391 674.031 22.9297C673.698 23.3151 673.294 23.6172 672.82 23.8359C672.352 24.0495 671.82 24.1562 671.227 24.1562C670.633 24.1562 670.099 24.0495 669.625 23.8359C669.151 23.6172 668.745 23.3151 668.406 22.9297C668.073 22.5391 667.818 22.0833 667.641 21.5625C667.464 21.0417 667.375 20.4766 667.375 19.8672ZM668.82 19.6875V19.8672C668.82 20.2891 668.87 20.6875 668.969 21.0625C669.068 21.4323 669.216 21.7604 669.414 22.0469C669.617 22.3333 669.87 22.5599 670.172 22.7266C670.474 22.888 670.826 22.9688 671.227 22.9688C671.622 22.9688 671.969 22.888 672.266 22.7266C672.568 22.5599 672.818 22.3333 673.016 22.0469C673.214 21.7604 673.362 21.4323 673.461 21.0625C673.565 20.6875 673.617 20.2891 673.617 19.8672V19.6875C673.617 19.2708 673.565 18.8776 673.461 18.5078C673.362 18.1328 673.211 17.8021 673.008 17.5156C672.81 17.224 672.56 16.9948 672.258 16.8281C671.961 16.6615 671.612 16.5781 671.211 16.5781C670.815 16.5781 670.466 16.6615 670.164 16.8281C669.867 16.9948 669.617 17.224 669.414 17.5156C669.216 17.8021 669.068 18.1328 668.969 18.5078C668.87 18.8776 668.82 19.2708 668.82 19.6875ZM678.328 17.3516V24H676.883V15.5469H678.25L678.328 17.3516ZM677.984 19.4531L677.383 19.4297C677.388 18.8516 677.474 18.3177 677.641 17.8281C677.807 17.3333 678.042 16.9036 678.344 16.5391C678.646 16.1745 679.005 15.8932 679.422 15.6953C679.844 15.4922 680.31 15.3906 680.82 15.3906C681.237 15.3906 681.612 15.4479 681.945 15.5625C682.279 15.6719 682.562 15.849 682.797 16.0938C683.036 16.3385 683.219 16.6562 683.344 17.0469C683.469 17.4323 683.531 17.9036 683.531 18.4609V24H682.078V18.4453C682.078 18.0026 682.013 17.6484 681.883 17.3828C681.753 17.112 681.562 16.9167 681.312 16.7969C681.062 16.6719 680.755 16.6094 680.391 16.6094C680.031 16.6094 679.703 16.6849 679.406 16.8359C679.115 16.987 678.862 17.1953 678.648 17.4609C678.44 17.7266 678.276 18.0312 678.156 18.375C678.042 18.7135 677.984 19.0729 677.984 19.4531ZM690.648 21.7578C690.648 21.5495 690.602 21.3568 690.508 21.1797C690.419 20.9974 690.234 20.8333 689.953 20.6875C689.677 20.5365 689.26 20.4062 688.703 20.2969C688.234 20.1979 687.81 20.0807 687.43 19.9453C687.055 19.8099 686.734 19.6458 686.469 19.4531C686.208 19.2604 686.008 19.0339 685.867 18.7734C685.727 18.513 685.656 18.2083 685.656 17.8594C685.656 17.526 685.729 17.2109 685.875 16.9141C686.026 16.6172 686.237 16.3542 686.508 16.125C686.784 15.8958 687.115 15.7161 687.5 15.5859C687.885 15.4557 688.315 15.3906 688.789 15.3906C689.466 15.3906 690.044 15.5104 690.523 15.75C691.003 15.9896 691.37 16.3099 691.625 16.7109C691.88 17.1068 692.008 17.5469 692.008 18.0312H690.562C690.562 17.7969 690.492 17.5703 690.352 17.3516C690.216 17.1276 690.016 16.9427 689.75 16.7969C689.49 16.651 689.169 16.5781 688.789 16.5781C688.388 16.5781 688.062 16.6406 687.812 16.7656C687.568 16.8854 687.388 17.0391 687.273 17.2266C687.164 17.4141 687.109 17.612 687.109 17.8203C687.109 17.9766 687.135 18.1172 687.188 18.2422C687.245 18.362 687.344 18.474 687.484 18.5781C687.625 18.6771 687.823 18.7708 688.078 18.8594C688.333 18.9479 688.659 19.0365 689.055 19.125C689.747 19.2812 690.318 19.4688 690.766 19.6875C691.214 19.9062 691.547 20.1745 691.766 20.4922C691.984 20.8099 692.094 21.1953 692.094 21.6484C692.094 22.0182 692.016 22.3568 691.859 22.6641C691.708 22.9714 691.487 23.237 691.195 23.4609C690.909 23.6797 690.565 23.8516 690.164 23.9766C689.768 24.0964 689.323 24.1562 688.828 24.1562C688.083 24.1562 687.453 24.0234 686.938 23.7578C686.422 23.4922 686.031 23.1484 685.766 22.7266C685.5 22.3047 685.367 21.8594 685.367 21.3906H686.82C686.841 21.7865 686.956 22.1016 687.164 22.3359C687.372 22.5651 687.628 22.7292 687.93 22.8281C688.232 22.9219 688.531 22.9688 688.828 22.9688C689.224 22.9688 689.555 22.9167 689.82 22.8125C690.091 22.7083 690.297 22.5651 690.438 22.3828C690.578 22.2005 690.648 21.9922 690.648 21.7578Z"
               fill="#253EBE"
             />
+            
+    
             <path
               d="M555.109 25.5625H692.883V26.3438H555.109V25.5625Z"
               fill="#253EBE"
             />
+            
+  
           </svg>
+          
+
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1723,187 +3487,396 @@ exports[`OE - Publication details (multiple authors) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
-              <svg
-                class="me-2-5 bi icon--xs"
-              >
-                <use
+              
+
+
+
+
+
+
+              <svg
+                class="me-2-5 bi icon--xs"
+              >
+                
+  
+                <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -1913,28 +3886,42 @@ exports[`OE - Publication details renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -1944,56 +3931,140 @@ exports[`OE - Publication details renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -2006,42 +4077,78 @@ exports[`OE - Publication details renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -2051,41 +4158,88 @@ exports[`OE - Publication details renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2096,6 +4250,10 @@ exports[`OE - Publication details renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2103,142 +4261,322 @@ exports[`OE - Publication details renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2248,6 +4586,10 @@ exports[`OE - Publication details renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2255,158 +4597,371 @@ exports[`OE - Publication details renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
-                                  >
-                                    Base Sub Category Item
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
+                                  >
+                                    Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2414,30 +4969,71 @@ exports[`OE - Publication details renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2448,142 +5044,335 @@ exports[`OE - Publication details renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2591,12 +5380,18 @@ exports[`OE - Publication details renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2606,6 +5401,8 @@ exports[`OE - Publication details renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2613,21 +5410,29 @@ exports[`OE - Publication details renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2635,6 +5440,8 @@ exports[`OE - Publication details renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2645,6 +5452,8 @@ exports[`OE - Publication details renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2652,9 +5461,28 @@ exports[`OE - Publication details renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2662,80 +5490,151 @@ exports[`OE - Publication details renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2744,6 +5643,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2752,6 +5659,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2760,6 +5675,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2768,6 +5691,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2776,6 +5707,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2784,6 +5723,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2792,6 +5739,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2799,14 +5754,35 @@ exports[`OE - Publication details renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2815,6 +5791,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2823,6 +5807,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2831,18 +5823,38 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#it"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#it"
                         hreflang="it"
                         lang="it"
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2851,6 +5863,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -2859,6 +5879,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2867,6 +5895,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2875,6 +5911,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -2883,6 +5927,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -2891,6 +5943,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -2899,6 +5959,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -2907,6 +5975,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -2915,6 +5991,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -2923,6 +6007,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -2931,6 +6023,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -2939,23 +6039,49 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -2964,6 +6090,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -2972,6 +6106,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -2980,10 +6122,22 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -2992,6 +6146,14 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -3000,49 +6162,126 @@ exports[`OE - Publication details renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -3059,30 +6298,59 @@ exports[`OE - Publication details renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="w-auto me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -3096,6 +6364,8 @@ exports[`OE - Publication details renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+      
           <button
             class="w-auto btn btn-outline-primary btn-md"
             type="button"
@@ -3109,23 +6379,51 @@ exports[`OE - Publication details renders correctly 1`] = `
               />
             </svg>
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -3134,98 +6432,209 @@ exports[`OE - Publication details renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#authors"
                   >
                     Authors
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#description"
                   >
                     Description
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#file-download"
                   >
                     File download
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#share"
                   >
                     Share this page
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                  
           <h2
             class="mb-2-5"
             id="authors"
           >
             Authors
           </h2>
+          
+          
           <ul
             class="ps-4"
           >
+            
+              
             <li
               class="ps-2 fs-5 mb-1"
             >
               José Luis Pabón Barrios
             </li>
+            
+              
             <li
               class="ps-2 fs-5 mb-1"
             >
               Adjur Tichar
             </li>
+            
+            
           </ul>
+          
+      
+      
           <h2
             class="mb-4 pt-2-5"
             id="description"
           >
             Description
           </h2>
+          
+          
           <p
             class="mb-3"
           >
@@ -3235,10 +6644,13 @@ exports[`OE - Publication details renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -3248,6 +6660,8 @@ exports[`OE - Publication details renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -3257,49 +6671,102 @@ exports[`OE - Publication details renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+      
+      
           <div
             class="pt-2 mb-4"
           >
+            
+      
+
+
+
+  
+
+    
+  
+
+
+  
+
+
+
             <h2
               class="mb-4 bcl-heading"
               id="file-download"
             >
               File download
             </h2>
+            
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -3310,7 +6777,17 @@ exports[`OE - Publication details renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -3318,23 +6795,58 @@ exports[`OE - Publication details renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown"
                     aria-expanded="false"
@@ -3344,38 +6856,67 @@ exports[`OE - Publication details renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
-                    <svg
+
+
+
+
+
+
+                    <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3386,10 +6927,22 @@ exports[`OE - Publication details renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3397,36 +6950,67 @@ exports[`OE - Publication details renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3437,10 +7021,22 @@ exports[`OE - Publication details renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3448,36 +7044,67 @@ exports[`OE - Publication details renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3488,10 +7115,22 @@ exports[`OE - Publication details renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3499,20 +7138,43 @@ exports[`OE - Publication details renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -3523,17 +7185,36 @@ exports[`OE - Publication details renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+    
           </div>
+          
+                
+                    
+                    
+  
           <h2
             class="mb-3"
             id="share"
           >
             Share this page
           </h2>
+          
+  
           <svg
             fill="none"
             height="38"
@@ -3541,95 +7222,157 @@ exports[`OE - Publication details renders correctly 1`] = `
             width="707"
             xmlns="http://www.w3.org/2000/svg"
           >
+            
+    
             <path
               d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
               fill="#326A9C"
             />
+            
+    
             <path
               d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
               fill="white"
             />
+            
+    
             <path
               d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
               fill="#255074"
             />
+            
+    
             <path
               d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
               fill="white"
             />
+            
+    
             <path
               d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
               fill="#5B7BB8"
             />
+            
+    
             <path
               d="M151 19.0486C151 14.6031 147.418 10.9994 142.999 10.9994C138.581 10.9994 134.999 14.6031 134.999 19.0486C134.999 23.0662 137.925 26.3962 141.749 27V21.3753H139.718V19.0486H141.749V17.2753C141.749 15.2579 142.944 14.1436 144.771 14.1436C145.647 14.1436 146.562 14.3008 146.562 14.3008V16.2817H145.553C144.56 16.2817 144.25 16.9021 144.25 17.5387V19.0486H146.468L146.114 21.3753H144.25V27C148.074 26.3962 151 23.0662 151 19.0486Z"
               fill="white"
             />
+            
+    
             <path
               d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
               fill="#486394"
             />
+            
+    
             <path
               d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
               fill="white"
             />
+            
+    
             <path
               d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
               fill="#4AA1EB"
             />
+            
+    
             <path
               d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
               fill="white"
             />
+            
+    
             <path
               d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
               fill="#3677B0"
             />
+            
+    
             <path
               d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
               fill="white"
             />
+            
+    
             <path
               d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
               fill="#65CF72"
             />
+            
+    
             <path
               d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
               fill="white"
             />
+            
+    
             <path
               d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
               fill="#59B665"
             />
+            
+    
             <path
               d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
               fill="white"
             />
+            
+    
             <path
               d="M556.906 12.625H558.367L562.094 21.8984L565.812 12.625H567.281L562.656 24H561.516L556.906 12.625ZM556.43 12.625H557.719L557.93 19.5625V24H556.43V12.625ZM566.461 12.625H567.75V24H566.25V19.5625L566.461 12.625ZM569.797 19.8672V19.6875C569.797 19.0781 569.885 18.513 570.062 17.9922C570.24 17.4661 570.495 17.0104 570.828 16.625C571.161 16.2344 571.565 15.9323 572.039 15.7188C572.513 15.5 573.044 15.3906 573.633 15.3906C574.227 15.3906 574.76 15.5 575.234 15.7188C575.714 15.9323 576.12 16.2344 576.453 16.625C576.792 17.0104 577.049 17.4661 577.227 17.9922C577.404 18.513 577.492 19.0781 577.492 19.6875V19.8672C577.492 20.4766 577.404 21.0417 577.227 21.5625C577.049 22.0833 576.792 22.5391 576.453 22.9297C576.12 23.3151 575.716 23.6172 575.242 23.8359C574.773 24.0495 574.242 24.1562 573.648 24.1562C573.055 24.1562 572.521 24.0495 572.047 23.8359C571.573 23.6172 571.167 23.3151 570.828 22.9297C570.495 22.5391 570.24 22.0833 570.062 21.5625C569.885 21.0417 569.797 20.4766 569.797 19.8672ZM571.242 19.6875V19.8672C571.242 20.2891 571.292 20.6875 571.391 21.0625C571.49 21.4323 571.638 21.7604 571.836 22.0469C572.039 22.3333 572.292 22.5599 572.594 22.7266C572.896 22.888 573.247 22.9688 573.648 22.9688C574.044 22.9688 574.391 22.888 574.688 22.7266C574.99 22.5599 575.24 22.3333 575.438 22.0469C575.635 21.7604 575.784 21.4323 575.883 21.0625C575.987 20.6875 576.039 20.2891 576.039 19.8672V19.6875C576.039 19.2708 575.987 18.8776 575.883 18.5078C575.784 18.1328 575.633 17.8021 575.43 17.5156C575.232 17.224 574.982 16.9948 574.68 16.8281C574.383 16.6615 574.034 16.5781 573.633 16.5781C573.237 16.5781 572.888 16.6615 572.586 16.8281C572.289 16.9948 572.039 17.224 571.836 17.5156C571.638 17.8021 571.49 18.1328 571.391 18.5078C571.292 18.8776 571.242 19.2708 571.242 19.6875ZM580.75 16.875V24H579.305V15.5469H580.711L580.75 16.875ZM583.391 15.5L583.383 16.8438C583.263 16.8177 583.148 16.8021 583.039 16.7969C582.935 16.7865 582.815 16.7812 582.68 16.7812C582.346 16.7812 582.052 16.8333 581.797 16.9375C581.542 17.0417 581.326 17.1875 581.148 17.375C580.971 17.5625 580.831 17.7865 580.727 18.0469C580.628 18.3021 580.562 18.5833 580.531 18.8906L580.125 19.125C580.125 18.6146 580.174 18.1354 580.273 17.6875C580.378 17.2396 580.536 16.8438 580.75 16.5C580.964 16.151 581.234 15.8802 581.562 15.6875C581.896 15.4896 582.292 15.3906 582.75 15.3906C582.854 15.3906 582.974 15.4036 583.109 15.4297C583.245 15.4505 583.339 15.474 583.391 15.5ZM588.078 24.1562C587.49 24.1562 586.956 24.0573 586.477 23.8594C586.003 23.6562 585.594 23.3724 585.25 23.0078C584.911 22.6432 584.651 22.2109 584.469 21.7109C584.286 21.2109 584.195 20.6641 584.195 20.0703V19.7422C584.195 19.0547 584.297 18.4427 584.5 17.9062C584.703 17.3646 584.979 16.9062 585.328 16.5312C585.677 16.1562 586.073 15.8724 586.516 15.6797C586.958 15.487 587.417 15.3906 587.891 15.3906C588.495 15.3906 589.016 15.4948 589.453 15.7031C589.896 15.9115 590.258 16.2031 590.539 16.5781C590.82 16.9479 591.029 17.3854 591.164 17.8906C591.299 18.3906 591.367 18.9375 591.367 19.5312V20.1797H585.055V19H589.922V18.8906C589.901 18.5156 589.823 18.151 589.688 17.7969C589.557 17.4427 589.349 17.151 589.062 16.9219C588.776 16.6927 588.385 16.5781 587.891 16.5781C587.562 16.5781 587.26 16.6484 586.984 16.7891C586.708 16.9245 586.471 17.1276 586.273 17.3984C586.076 17.6693 585.922 18 585.812 18.3906C585.703 18.7812 585.648 19.2318 585.648 19.7422V20.0703C585.648 20.4714 585.703 20.849 585.812 21.2031C585.927 21.5521 586.091 21.8594 586.305 22.125C586.523 22.3906 586.786 22.599 587.094 22.75C587.406 22.901 587.76 22.9766 588.156 22.9766C588.667 22.9766 589.099 22.8724 589.453 22.6641C589.807 22.4557 590.117 22.1771 590.383 21.8281L591.258 22.5234C591.076 22.7995 590.844 23.0625 590.562 23.3125C590.281 23.5625 589.935 23.7656 589.523 23.9219C589.117 24.0781 588.635 24.1562 588.078 24.1562ZM601.945 21.7578C601.945 21.5495 601.898 21.3568 601.805 21.1797C601.716 20.9974 601.531 20.8333 601.25 20.6875C600.974 20.5365 600.557 20.4062 600 20.2969C599.531 20.1979 599.107 20.0807 598.727 19.9453C598.352 19.8099 598.031 19.6458 597.766 19.4531C597.505 19.2604 597.305 19.0339 597.164 18.7734C597.023 18.513 596.953 18.2083 596.953 17.8594C596.953 17.526 597.026 17.2109 597.172 16.9141C597.323 16.6172 597.534 16.3542 597.805 16.125C598.081 15.8958 598.411 15.7161 598.797 15.5859C599.182 15.4557 599.612 15.3906 600.086 15.3906C600.763 15.3906 601.341 15.5104 601.82 15.75C602.299 15.9896 602.667 16.3099 602.922 16.7109C603.177 17.1068 603.305 17.5469 603.305 18.0312H601.859C601.859 17.7969 601.789 17.5703 601.648 17.3516C601.513 17.1276 601.312 16.9427 601.047 16.7969C600.786 16.651 600.466 16.5781 600.086 16.5781C599.685 16.5781 599.359 16.6406 599.109 16.7656C598.865 16.8854 598.685 17.0391 598.57 17.2266C598.461 17.4141 598.406 17.612 598.406 17.8203C598.406 17.9766 598.432 18.1172 598.484 18.2422C598.542 18.362 598.641 18.474 598.781 18.5781C598.922 18.6771 599.12 18.7708 599.375 18.8594C599.63 18.9479 599.956 19.0365 600.352 19.125C601.044 19.2812 601.615 19.4688 602.062 19.6875C602.51 19.9062 602.844 20.1745 603.062 20.4922C603.281 20.8099 603.391 21.1953 603.391 21.6484C603.391 22.0182 603.312 22.3568 603.156 22.6641C603.005 22.9714 602.784 23.237 602.492 23.4609C602.206 23.6797 601.862 23.8516 601.461 23.9766C601.065 24.0964 600.62 24.1562 600.125 24.1562C599.38 24.1562 598.75 24.0234 598.234 23.7578C597.719 23.4922 597.328 23.1484 597.062 22.7266C596.797 22.3047 596.664 21.8594 596.664 21.3906H598.117C598.138 21.7865 598.253 22.1016 598.461 22.3359C598.669 22.5651 598.924 22.7292 599.227 22.8281C599.529 22.9219 599.828 22.9688 600.125 22.9688C600.521 22.9688 600.852 22.9167 601.117 22.8125C601.388 22.7083 601.594 22.5651 601.734 22.3828C601.875 22.2005 601.945 21.9922 601.945 21.7578ZM606.734 12V24H605.289V12H606.734ZM606.391 19.4531L605.789 19.4297C605.794 18.8516 605.88 18.3177 606.047 17.8281C606.214 17.3333 606.448 16.9036 606.75 16.5391C607.052 16.1745 607.411 15.8932 607.828 15.6953C608.25 15.4922 608.716 15.3906 609.227 15.3906C609.643 15.3906 610.018 15.4479 610.352 15.5625C610.685 15.6719 610.969 15.849 611.203 16.0938C611.443 16.3385 611.625 16.6562 611.75 17.0469C611.875 17.4323 611.938 17.9036 611.938 18.4609V24H610.484V18.4453C610.484 18.0026 610.419 17.6484 610.289 17.3828C610.159 17.112 609.969 16.9167 609.719 16.7969C609.469 16.6719 609.161 16.6094 608.797 16.6094C608.438 16.6094 608.109 16.6849 607.812 16.8359C607.521 16.987 607.268 17.1953 607.055 17.4609C606.846 17.7266 606.682 18.0312 606.562 18.375C606.448 18.7135 606.391 19.0729 606.391 19.4531ZM619.086 22.5547V18.2031C619.086 17.8698 619.018 17.5807 618.883 17.3359C618.753 17.0859 618.555 16.8932 618.289 16.7578C618.023 16.6224 617.695 16.5547 617.305 16.5547C616.94 16.5547 616.62 16.6172 616.344 16.7422C616.073 16.8672 615.859 17.0312 615.703 17.2344C615.552 17.4375 615.477 17.6562 615.477 17.8906H614.031C614.031 17.5885 614.109 17.2891 614.266 16.9922C614.422 16.6953 614.646 16.4271 614.938 16.1875C615.234 15.9427 615.589 15.75 616 15.6094C616.417 15.4635 616.88 15.3906 617.391 15.3906C618.005 15.3906 618.547 15.4948 619.016 15.7031C619.49 15.9115 619.859 16.2266 620.125 16.6484C620.396 17.0651 620.531 17.5885 620.531 18.2188V22.1562C620.531 22.4375 620.555 22.737 620.602 23.0547C620.654 23.3724 620.729 23.6458 620.828 23.875V24H619.32C619.247 23.8333 619.19 23.612 619.148 23.3359C619.107 23.0547 619.086 22.7943 619.086 22.5547ZM619.336 18.875L619.352 19.8906H617.891C617.479 19.8906 617.112 19.9245 616.789 19.9922C616.466 20.0547 616.195 20.151 615.977 20.2812C615.758 20.4115 615.591 20.5755 615.477 20.7734C615.362 20.9661 615.305 21.1927 615.305 21.4531C615.305 21.7188 615.365 21.9609 615.484 22.1797C615.604 22.3984 615.784 22.5729 616.023 22.7031C616.268 22.8281 616.568 22.8906 616.922 22.8906C617.365 22.8906 617.755 22.7969 618.094 22.6094C618.432 22.4219 618.701 22.1927 618.898 21.9219C619.102 21.651 619.211 21.388 619.227 21.1328L619.844 21.8281C619.807 22.0469 619.708 22.2891 619.547 22.5547C619.385 22.8203 619.169 23.0755 618.898 23.3203C618.633 23.5599 618.315 23.7604 617.945 23.9219C617.581 24.0781 617.169 24.1562 616.711 24.1562C616.138 24.1562 615.635 24.0443 615.203 23.8203C614.776 23.5964 614.443 23.2969 614.203 22.9219C613.969 22.5417 613.852 22.1172 613.852 21.6484C613.852 21.1953 613.94 20.7969 614.117 20.4531C614.294 20.1042 614.549 19.8151 614.883 19.5859C615.216 19.3516 615.617 19.1745 616.086 19.0547C616.555 18.9349 617.078 18.875 617.656 18.875H619.336ZM624.25 16.875V24H622.805V15.5469H624.211L624.25 16.875ZM626.891 15.5L626.883 16.8438C626.763 16.8177 626.648 16.8021 626.539 16.7969C626.435 16.7865 626.315 16.7812 626.18 16.7812C625.846 16.7812 625.552 16.8333 625.297 16.9375C625.042 17.0417 624.826 17.1875 624.648 17.375C624.471 17.5625 624.331 17.7865 624.227 18.0469C624.128 18.3021 624.062 18.5833 624.031 18.8906L623.625 19.125C623.625 18.6146 623.674 18.1354 623.773 17.6875C623.878 17.2396 624.036 16.8438 624.25 16.5C624.464 16.151 624.734 15.8802 625.062 15.6875C625.396 15.4896 625.792 15.3906 626.25 15.3906C626.354 15.3906 626.474 15.4036 626.609 15.4297C626.745 15.4505 626.839 15.474 626.891 15.5ZM631.578 24.1562C630.99 24.1562 630.456 24.0573 629.977 23.8594C629.503 23.6562 629.094 23.3724 628.75 23.0078C628.411 22.6432 628.151 22.2109 627.969 21.7109C627.786 21.2109 627.695 20.6641 627.695 20.0703V19.7422C627.695 19.0547 627.797 18.4427 628 17.9062C628.203 17.3646 628.479 16.9062 628.828 16.5312C629.177 16.1562 629.573 15.8724 630.016 15.6797C630.458 15.487 630.917 15.3906 631.391 15.3906C631.995 15.3906 632.516 15.4948 632.953 15.7031C633.396 15.9115 633.758 16.2031 634.039 16.5781C634.32 16.9479 634.529 17.3854 634.664 17.8906C634.799 18.3906 634.867 18.9375 634.867 19.5312V20.1797H628.555V19H633.422V18.8906C633.401 18.5156 633.323 18.151 633.188 17.7969C633.057 17.4427 632.849 17.151 632.562 16.9219C632.276 16.6927 631.885 16.5781 631.391 16.5781C631.062 16.5781 630.76 16.6484 630.484 16.7891C630.208 16.9245 629.971 17.1276 629.773 17.3984C629.576 17.6693 629.422 18 629.312 18.3906C629.203 18.7812 629.148 19.2318 629.148 19.7422V20.0703C629.148 20.4714 629.203 20.849 629.312 21.2031C629.427 21.5521 629.591 21.8594 629.805 22.125C630.023 22.3906 630.286 22.599 630.594 22.75C630.906 22.901 631.26 22.9766 631.656 22.9766C632.167 22.9766 632.599 22.8724 632.953 22.6641C633.307 22.4557 633.617 22.1771 633.883 21.8281L634.758 22.5234C634.576 22.7995 634.344 23.0625 634.062 23.3125C633.781 23.5625 633.435 23.7656 633.023 23.9219C632.617 24.0781 632.135 24.1562 631.578 24.1562ZM640.141 19.8672V19.6875C640.141 19.0781 640.229 18.513 640.406 17.9922C640.583 17.4661 640.839 17.0104 641.172 16.625C641.505 16.2344 641.909 15.9323 642.383 15.7188C642.857 15.5 643.388 15.3906 643.977 15.3906C644.57 15.3906 645.104 15.5 645.578 15.7188C646.057 15.9323 646.464 16.2344 646.797 16.625C647.135 17.0104 647.393 17.4661 647.57 17.9922C647.747 18.513 647.836 19.0781 647.836 19.6875V19.8672C647.836 20.4766 647.747 21.0417 647.57 21.5625C647.393 22.0833 647.135 22.5391 646.797 22.9297C646.464 23.3151 646.06 23.6172 645.586 23.8359C645.117 24.0495 644.586 24.1562 643.992 24.1562C643.398 24.1562 642.865 24.0495 642.391 23.8359C641.917 23.6172 641.51 23.3151 641.172 22.9297C640.839 22.5391 640.583 22.0833 640.406 21.5625C640.229 21.0417 640.141 20.4766 640.141 19.8672ZM641.586 19.6875V19.8672C641.586 20.2891 641.635 20.6875 641.734 21.0625C641.833 21.4323 641.982 21.7604 642.18 22.0469C642.383 22.3333 642.635 22.5599 642.938 22.7266C643.24 22.888 643.591 22.9688 643.992 22.9688C644.388 22.9688 644.734 22.888 645.031 22.7266C645.333 22.5599 645.583 22.3333 645.781 22.0469C645.979 21.7604 646.128 21.4323 646.227 21.0625C646.331 20.6875 646.383 20.2891 646.383 19.8672V19.6875C646.383 19.2708 646.331 18.8776 646.227 18.5078C646.128 18.1328 645.977 17.8021 645.773 17.5156C645.576 17.224 645.326 16.9948 645.023 16.8281C644.727 16.6615 644.378 16.5781 643.977 16.5781C643.581 16.5781 643.232 16.6615 642.93 16.8281C642.633 16.9948 642.383 17.224 642.18 17.5156C641.982 17.8021 641.833 18.1328 641.734 18.5078C641.635 18.8776 641.586 19.2708 641.586 19.6875ZM651.094 17.1719V27.25H649.641V15.5469H650.969L651.094 17.1719ZM656.789 19.7031V19.8672C656.789 20.4818 656.716 21.0521 656.57 21.5781C656.424 22.099 656.211 22.5521 655.93 22.9375C655.654 23.3229 655.312 23.6224 654.906 23.8359C654.5 24.0495 654.034 24.1562 653.508 24.1562C652.971 24.1562 652.497 24.0677 652.086 23.8906C651.674 23.7135 651.326 23.4557 651.039 23.1172C650.753 22.7786 650.523 22.3724 650.352 21.8984C650.185 21.4245 650.07 20.8906 650.008 20.2969V19.4219C650.07 18.7969 650.188 18.237 650.359 17.7422C650.531 17.2474 650.758 16.8255 651.039 16.4766C651.326 16.1224 651.672 15.8542 652.078 15.6719C652.484 15.4844 652.953 15.3906 653.484 15.3906C654.016 15.3906 654.487 15.4948 654.898 15.7031C655.31 15.9062 655.656 16.1979 655.938 16.5781C656.219 16.9583 656.43 17.4141 656.57 17.9453C656.716 18.4714 656.789 19.0573 656.789 19.7031ZM655.336 19.8672V19.7031C655.336 19.2812 655.292 18.8854 655.203 18.5156C655.115 18.1406 654.977 17.8125 654.789 17.5312C654.607 17.2448 654.372 17.0208 654.086 16.8594C653.799 16.6927 653.458 16.6094 653.062 16.6094C652.698 16.6094 652.38 16.6719 652.109 16.7969C651.844 16.9219 651.617 17.0911 651.43 17.3047C651.242 17.513 651.089 17.7526 650.969 18.0234C650.854 18.2891 650.768 18.5651 650.711 18.8516V20.875C650.815 21.2396 650.961 21.5833 651.148 21.9062C651.336 22.224 651.586 22.4818 651.898 22.6797C652.211 22.8724 652.604 22.9688 653.078 22.9688C653.469 22.9688 653.805 22.888 654.086 22.7266C654.372 22.5599 654.607 22.3333 654.789 22.0469C654.977 21.7604 655.115 21.4323 655.203 21.0625C655.292 20.6875 655.336 20.2891 655.336 19.8672ZM662.172 15.5469V16.6562H657.602V15.5469H662.172ZM659.148 13.4922H660.594V21.9062C660.594 22.1927 660.638 22.4089 660.727 22.5547C660.815 22.7005 660.93 22.7969 661.07 22.8438C661.211 22.8906 661.362 22.9141 661.523 22.9141C661.643 22.9141 661.768 22.9036 661.898 22.8828C662.034 22.8568 662.135 22.8359 662.203 22.8203L662.211 24C662.096 24.0365 661.945 24.0703 661.758 24.1016C661.576 24.138 661.354 24.1562 661.094 24.1562C660.74 24.1562 660.414 24.0859 660.117 23.9453C659.82 23.8047 659.583 23.5703 659.406 23.2422C659.234 22.9089 659.148 22.4609 659.148 21.8984V13.4922ZM665.438 15.5469V24H663.984V15.5469H665.438ZM663.875 13.3047C663.875 13.0703 663.945 12.8724 664.086 12.7109C664.232 12.5495 664.445 12.4688 664.727 12.4688C665.003 12.4688 665.214 12.5495 665.359 12.7109C665.51 12.8724 665.586 13.0703 665.586 13.3047C665.586 13.5286 665.51 13.7214 665.359 13.8828C665.214 14.0391 665.003 14.1172 664.727 14.1172C664.445 14.1172 664.232 14.0391 664.086 13.8828C663.945 13.7214 663.875 13.5286 663.875 13.3047ZM667.375 19.8672V19.6875C667.375 19.0781 667.464 18.513 667.641 17.9922C667.818 17.4661 668.073 17.0104 668.406 16.625C668.74 16.2344 669.143 15.9323 669.617 15.7188C670.091 15.5 670.622 15.3906 671.211 15.3906C671.805 15.3906 672.339 15.5 672.812 15.7188C673.292 15.9323 673.698 16.2344 674.031 16.625C674.37 17.0104 674.628 17.4661 674.805 17.9922C674.982 18.513 675.07 19.0781 675.07 19.6875V19.8672C675.07 20.4766 674.982 21.0417 674.805 21.5625C674.628 22.0833 674.37 22.5391 674.031 22.9297C673.698 23.3151 673.294 23.6172 672.82 23.8359C672.352 24.0495 671.82 24.1562 671.227 24.1562C670.633 24.1562 670.099 24.0495 669.625 23.8359C669.151 23.6172 668.745 23.3151 668.406 22.9297C668.073 22.5391 667.818 22.0833 667.641 21.5625C667.464 21.0417 667.375 20.4766 667.375 19.8672ZM668.82 19.6875V19.8672C668.82 20.2891 668.87 20.6875 668.969 21.0625C669.068 21.4323 669.216 21.7604 669.414 22.0469C669.617 22.3333 669.87 22.5599 670.172 22.7266C670.474 22.888 670.826 22.9688 671.227 22.9688C671.622 22.9688 671.969 22.888 672.266 22.7266C672.568 22.5599 672.818 22.3333 673.016 22.0469C673.214 21.7604 673.362 21.4323 673.461 21.0625C673.565 20.6875 673.617 20.2891 673.617 19.8672V19.6875C673.617 19.2708 673.565 18.8776 673.461 18.5078C673.362 18.1328 673.211 17.8021 673.008 17.5156C672.81 17.224 672.56 16.9948 672.258 16.8281C671.961 16.6615 671.612 16.5781 671.211 16.5781C670.815 16.5781 670.466 16.6615 670.164 16.8281C669.867 16.9948 669.617 17.224 669.414 17.5156C669.216 17.8021 669.068 18.1328 668.969 18.5078C668.87 18.8776 668.82 19.2708 668.82 19.6875ZM678.328 17.3516V24H676.883V15.5469H678.25L678.328 17.3516ZM677.984 19.4531L677.383 19.4297C677.388 18.8516 677.474 18.3177 677.641 17.8281C677.807 17.3333 678.042 16.9036 678.344 16.5391C678.646 16.1745 679.005 15.8932 679.422 15.6953C679.844 15.4922 680.31 15.3906 680.82 15.3906C681.237 15.3906 681.612 15.4479 681.945 15.5625C682.279 15.6719 682.562 15.849 682.797 16.0938C683.036 16.3385 683.219 16.6562 683.344 17.0469C683.469 17.4323 683.531 17.9036 683.531 18.4609V24H682.078V18.4453C682.078 18.0026 682.013 17.6484 681.883 17.3828C681.753 17.112 681.562 16.9167 681.312 16.7969C681.062 16.6719 680.755 16.6094 680.391 16.6094C680.031 16.6094 679.703 16.6849 679.406 16.8359C679.115 16.987 678.862 17.1953 678.648 17.4609C678.44 17.7266 678.276 18.0312 678.156 18.375C678.042 18.7135 677.984 19.0729 677.984 19.4531ZM690.648 21.7578C690.648 21.5495 690.602 21.3568 690.508 21.1797C690.419 20.9974 690.234 20.8333 689.953 20.6875C689.677 20.5365 689.26 20.4062 688.703 20.2969C688.234 20.1979 687.81 20.0807 687.43 19.9453C687.055 19.8099 686.734 19.6458 686.469 19.4531C686.208 19.2604 686.008 19.0339 685.867 18.7734C685.727 18.513 685.656 18.2083 685.656 17.8594C685.656 17.526 685.729 17.2109 685.875 16.9141C686.026 16.6172 686.237 16.3542 686.508 16.125C686.784 15.8958 687.115 15.7161 687.5 15.5859C687.885 15.4557 688.315 15.3906 688.789 15.3906C689.466 15.3906 690.044 15.5104 690.523 15.75C691.003 15.9896 691.37 16.3099 691.625 16.7109C691.88 17.1068 692.008 17.5469 692.008 18.0312H690.562C690.562 17.7969 690.492 17.5703 690.352 17.3516C690.216 17.1276 690.016 16.9427 689.75 16.7969C689.49 16.651 689.169 16.5781 688.789 16.5781C688.388 16.5781 688.062 16.6406 687.812 16.7656C687.568 16.8854 687.388 17.0391 687.273 17.2266C687.164 17.4141 687.109 17.612 687.109 17.8203C687.109 17.9766 687.135 18.1172 687.188 18.2422C687.245 18.362 687.344 18.474 687.484 18.5781C687.625 18.6771 687.823 18.7708 688.078 18.8594C688.333 18.9479 688.659 19.0365 689.055 19.125C689.747 19.2812 690.318 19.4688 690.766 19.6875C691.214 19.9062 691.547 20.1745 691.766 20.4922C691.984 20.8099 692.094 21.1953 692.094 21.6484C692.094 22.0182 692.016 22.3568 691.859 22.6641C691.708 22.9714 691.487 23.237 691.195 23.4609C690.909 23.6797 690.565 23.8516 690.164 23.9766C689.768 24.0964 689.323 24.1562 688.828 24.1562C688.083 24.1562 687.453 24.0234 686.938 23.7578C686.422 23.4922 686.031 23.1484 685.766 22.7266C685.5 22.3047 685.367 21.8594 685.367 21.3906H686.82C686.841 21.7865 686.956 22.1016 687.164 22.3359C687.372 22.5651 687.628 22.7292 687.93 22.8281C688.232 22.9219 688.531 22.9688 688.828 22.9688C689.224 22.9688 689.555 22.9167 689.82 22.8125C690.091 22.7083 690.297 22.5651 690.438 22.3828C690.578 22.2005 690.648 21.9922 690.648 21.7578Z"
               fill="#253EBE"
             />
+            
+    
             <path
               d="M555.109 25.5625H692.883V26.3438H555.109V25.5625Z"
               fill="#253EBE"
             />
+            
+  
           </svg>
+          
+
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -3640,187 +7383,396 @@ exports[`OE - Publication details renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -3830,28 +7782,42 @@ exports[`OE - Publication listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -3861,56 +7827,140 @@ exports[`OE - Publication listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -3923,42 +7973,78 @@ exports[`OE - Publication listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -3968,41 +8054,88 @@ exports[`OE - Publication listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -4013,6 +8146,10 @@ exports[`OE - Publication listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4020,142 +8157,322 @@ exports[`OE - Publication listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -4165,6 +8482,10 @@ exports[`OE - Publication listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4172,158 +8493,371 @@ exports[`OE - Publication listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -4331,30 +8865,71 @@ exports[`OE - Publication listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -4365,142 +8940,335 @@ exports[`OE - Publication listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -4508,12 +9276,18 @@ exports[`OE - Publication listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -4523,6 +9297,8 @@ exports[`OE - Publication listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -4530,21 +9306,29 @@ exports[`OE - Publication listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -4552,6 +9336,8 @@ exports[`OE - Publication listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -4562,6 +9348,8 @@ exports[`OE - Publication listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -4569,9 +9357,28 @@ exports[`OE - Publication listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -4579,88 +9386,167 @@ exports[`OE - Publication listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#bg"
-                        hreflang="bg"
-                        lang="bg"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#bg"
+                        hreflang="bg"
+                        lang="bg"
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -4669,6 +9555,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -4677,6 +9571,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -4685,6 +9587,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -4693,6 +9603,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -4701,6 +9619,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -4709,6 +9635,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -4716,14 +9650,35 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -4732,6 +9687,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -4740,6 +9703,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -4748,6 +9719,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -4756,10 +9735,22 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -4768,6 +9759,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -4776,6 +9775,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -4784,6 +9791,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -4792,6 +9807,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -4800,6 +9823,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -4808,6 +9839,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -4816,6 +9855,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -4824,6 +9871,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -4832,6 +9887,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -4840,6 +9903,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -4848,6 +9919,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -4856,23 +9935,49 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -4881,6 +9986,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -4889,6 +10002,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -4897,10 +10018,22 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -4909,6 +10042,14 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -4917,49 +10058,126 @@ exports[`OE - Publication listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Publications
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -4967,21 +10185,57 @@ exports[`OE - Publication listing renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="bcl-offcanvas offcanvas-start offcanvas-lg"
@@ -4989,15 +10243,30 @@ exports[`OE - Publication listing renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -5006,139 +10275,323 @@ exports[`OE - Publication listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                                            
+
+
+
+
+
+  
+
+
+
+
+  
+
+  
+      
                 <label
                   class="form-label"
                   for="keyword"
                 >
                   Keyword
                 </label>
+                
+  
+    
                 <input
                   class="mb-3 form-control"
                   id="keyword"
                   placeholder="Type a keyword"
                   type="text"
                 />
+                
+
+                                                      
                 <fieldset
                   class="mb-4-5"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Type
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                
                     <div
                       class="mb-2"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="type-1"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="type-1"
                         >
                           Type 1
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                  
                     <div
                       class="mb-2"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="type-2"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="type-2"
                         >
                           Type 2
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                  
                     <div
                       class="mb-2"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="type-3"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="type-3"
                         >
                           Type 3
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                                      
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                     <div
                       class="form-check"
                     >
+                      
+    
                       <input
                         checked
                         class="form-check-input"
                         id="type-4"
                         type="checkbox"
                       />
+                      
+      
                       <label
                         class="form-check-label"
                         for="type-4"
                       >
                         Type 4
                       </label>
+                      
+  
+
                     </div>
+                    
+
+                        
                   </div>
+                  
+      
                 </fieldset>
+                
+          
                 <div
                   class="mt-4 d-grid gap-4 d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -5146,30 +10599,67 @@ exports[`OE - Publication listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (10)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -5178,15 +10668,36 @@ exports[`OE - Publication listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -5195,15 +10706,36 @@ exports[`OE - Publication listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -5212,104 +10744,287 @@ exports[`OE - Publication listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5325,51 +11040,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5386,51 +11164,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5446,51 +11287,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5500,6 +11404,7 @@ exports[`OE - Publication listing renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
@@ -5511,51 +11416,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5569,51 +11537,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5630,51 +11661,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=7"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5690,51 +11784,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=8"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5751,51 +11908,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=9"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5809,51 +12029,114 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=10"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Publication with an image
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -5863,6 +12146,7 @@ exports[`OE - Publication listing renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.
                         </p>
@@ -5874,50 +12158,152 @@ exports[`OE - Publication listing renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Type 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -5925,10 +12311,31 @@ exports[`OE - Publication listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -5936,50 +12343,155 @@ exports[`OE - Publication listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -5987,42 +12499,110 @@ exports[`OE - Publication listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -6033,187 +12613,396 @@ exports[`OE - Publication listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-recent-activities/__snapshots__/recent-activities.test.js.snap b/src/compositions/bcl-recent-activities/__snapshots__/recent-activities.test.js.snap
index 36ddf3375..8b8494500 100644
--- a/src/compositions/bcl-recent-activities/__snapshots__/recent-activities.test.js.snap
+++ b/src/compositions/bcl-recent-activities/__snapshots__/recent-activities.test.js.snap
@@ -3,9 +3,13 @@
 exports[`OE - Recent Activities block renders correctly 1`] = `
 <jest>
   <div>
+    
+    
     <div
       class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
     >
+      
+        
       <div>
         <img
           alt="recent-image-1"
@@ -13,6 +17,8 @@ exports[`OE - Recent Activities block renders correctly 1`] = `
           src="https://picsum.photos/50/50?random=1"
         />
       </div>
+      
+            
       <div>
         <p
           class="mb-2"
@@ -38,9 +44,13 @@ exports[`OE - Recent Activities block renders correctly 1`] = `
         </p>
       </div>
     </div>
+    
+    
     <div
       class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
     >
+      
+        
       <div>
         <img
           alt="recent-image-2"
@@ -48,6 +58,8 @@ exports[`OE - Recent Activities block renders correctly 1`] = `
           src="https://picsum.photos/50/50?random=2"
         />
       </div>
+      
+            
       <div>
         <p
           class="mb-2"
@@ -79,9 +91,13 @@ exports[`OE - Recent Activities block renders correctly 1`] = `
         </p>
       </div>
     </div>
+    
+    
     <div
       class="d-flex bg-lighter py-3 px-3 px-md-3-5 mb-3-5 rounded-2"
     >
+      
+        
       <div>
         <img
           alt="recent-image-3"
@@ -89,6 +105,8 @@ exports[`OE - Recent Activities block renders correctly 1`] = `
           src="https://picsum.photos/50/50?random=3"
         />
       </div>
+      
+            
       <div>
         <p
           class="mb-2"
@@ -114,6 +132,8 @@ exports[`OE - Recent Activities block renders correctly 1`] = `
         </p>
       </div>
     </div>
+    
+  
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-recent-activities/recent-activities.html.twig b/src/compositions/bcl-recent-activities/recent-activities.html.twig
index bc6873c46..c59163161 100644
--- a/src/compositions/bcl-recent-activities/recent-activities.html.twig
+++ b/src/compositions/bcl-recent-activities/recent-activities.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - activities (object[]) (default: [])
     format: [
@@ -60,4 +58,3 @@
 {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-search-form/__snapshots__/search-form.test.js.snap b/src/compositions/bcl-search-form/__snapshots__/search-form.test.js.snap
index 082d8fab6..bddd5fa8b 100644
--- a/src/compositions/bcl-search-form/__snapshots__/search-form.test.js.snap
+++ b/src/compositions/bcl-search-form/__snapshots__/search-form.test.js.snap
@@ -5,27 +5,66 @@ exports[`OE - Search Form as pill renders correctly 1`] = `
   <form
     class="bcl-search-form rounded"
   >
+    
+  
     <div
       class="bcl-search-form__group"
     >
+      
+          
+
+
+
+
+
+
       <svg
         class="bcl-search-form__icon bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#search"
         />
+        
+
       </svg>
+      
+
+        
+
+
+
+
+
+
+
+
+
+
+  
+
+  
+      
       <label
         class="form-label"
       >
         Search bar label
       </label>
+      
+  
+    
       <input
         class="bcl-search-form__input ps-5 form-control"
         placeholder="Search"
         type="search"
       />
+      
+
+      
     </div>
+    
+
   </form>
 </jest>
 `;
@@ -35,27 +74,66 @@ exports[`OE - Search Form renders correctly 1`] = `
   <form
     class="bcl-search-form"
   >
+    
+  
     <div
       class="bcl-search-form__group"
     >
+      
+          
+
+
+
+
+
+
       <svg
         class="bcl-search-form__icon bi icon--xs"
       >
+        
+  
         <use
           xlink:href="/icons.svg#search"
         />
+        
+
       </svg>
+      
+
+        
+
+
+
+
+
+
+
+
+
+
+  
+
+  
+      
       <label
         class="form-label"
       >
         Search bar label
       </label>
+      
+  
+    
       <input
         class="bcl-search-form__input ps-5 form-control"
         placeholder="Search"
         type="search"
       />
+      
+
+      
     </div>
+    
+
   </form>
 </jest>
 `;
@@ -65,27 +143,66 @@ exports[`OE - Search Form with icon renders correctly 1`] = `
   <form
     class="bcl-search-form"
   >
+    
+  
     <div
       class="bcl-search-form__group"
     >
+      
+          
+
+
+  
+  
+
+
       <svg
         class="bi icon--s icon--rotate-90"
       >
+        
+  
         <use
           xlink:href="/icons.svg#mouse"
         />
+        
+
       </svg>
+      
+
+        
+
+
+
+
+
+
+
+
+
+
+  
+
+  
+      
       <label
         class="form-label"
       >
         Search bar label
       </label>
+      
+  
+    
       <input
         class="bcl-search-form__input ps-5 form-control"
         placeholder="Search"
         type="search"
       />
+      
+
+      
     </div>
+    
+
   </form>
 </jest>
 `;
@@ -95,19 +212,46 @@ exports[`OE - Search Form with submit renders correctly 1`] = `
   <form
     class="bcl-search-form submittable"
   >
+    
+  
     <div
       class="bcl-search-form__group"
     >
+      
+        
+
+
+
+
+
+
+
+
+
+
+  
+
+  
+      
       <label
         class="form-label"
       >
         Search bar label
       </label>
+      
+  
+    
       <input
         class="bcl-search-form__input form-control"
         placeholder="Search"
         type="search"
       />
+      
+
+          
+
+            
+
       <button
         class="bcl-search-form__submit btn btn-primary btn-md"
         type="button"
@@ -117,15 +261,35 @@ exports[`OE - Search Form with submit renders correctly 1`] = `
         >
           Search
         </span>
+        
+
+
+
+
+  
+
+
         <svg
           class="bi icon--fluid"
         >
+          
+  
           <use
             xlink:href="/icons.svg#search"
           />
+          
+
         </svg>
+        
+
+
       </button>
+      
+
+      
     </div>
+    
+
   </form>
 </jest>
 `;
diff --git a/src/compositions/bcl-search-form/search-form.html.twig b/src/compositions/bcl-search-form/search-form.html.twig
index b28acb98c..7ffc6ac4f 100644
--- a/src/compositions/bcl-search-form/search-form.html.twig
+++ b/src/compositions/bcl-search-form/search-form.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - pill (boolean) (default: false)
   - icon (icon Object) (default: {})
@@ -50,4 +48,3 @@
   </div>
 </form>
 
-{% endapply %}
diff --git a/src/compositions/bcl-search/__snapshots__/search.test.js.snap b/src/compositions/bcl-search/__snapshots__/search.test.js.snap
index 728e7ed83..3256cba6a 100644
--- a/src/compositions/bcl-search/__snapshots__/search.test.js.snap
+++ b/src/compositions/bcl-search/__snapshots__/search.test.js.snap
@@ -5,27 +5,41 @@ exports[`OE - Search renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -35,51 +49,130 @@ exports[`OE - Search renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         />
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -87,30 +180,74 @@ exports[`OE - Search renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+
+        
+      
+
+
+
+
+
+
             <a
               aria-expanded="false"
               class="nav-link dropdown-toggle"
@@ -121,94 +258,226 @@ exports[`OE - Search renders correctly 1`] = `
             >
               Dropdown link
             </a>
+            
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -216,12 +485,18 @@ exports[`OE - Search renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -231,6 +506,8 @@ exports[`OE - Search renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -238,21 +515,29 @@ exports[`OE - Search renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -260,6 +545,8 @@ exports[`OE - Search renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -270,6 +557,8 @@ exports[`OE - Search renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -277,9 +566,28 @@ exports[`OE - Search renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -287,64 +595,119 @@ exports[`OE - Search renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-xl modal-fullscreen-md-down"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="d-flex align-items-center"
           >
+            
+                    
+
+
+
+  
+
+
             <svg
               class="bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#globe2"
               />
+              
+
             </svg>
+            
+
+        
             <div
               class="modal-title mb-0 ms-2"
             >
               Select your language
             </div>
+            
+  
           </div>
+          
+  
           <button
             aria-label="Close"
             class="btn-close"
             data-bs-dismiss="modal"
             type="button"
           />
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--neutral"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -353,6 +716,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -361,6 +732,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -369,6 +748,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -377,6 +764,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -385,6 +780,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -393,6 +796,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -401,6 +812,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -408,14 +827,35 @@ exports[`OE - Search renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -424,6 +864,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -432,6 +880,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -440,6 +896,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -448,10 +912,22 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -460,6 +936,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -468,6 +952,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -476,6 +968,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -484,6 +984,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -492,6 +1000,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -500,6 +1016,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -508,6 +1032,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -516,6 +1048,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -524,6 +1064,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -532,6 +1080,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -540,6 +1096,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -548,23 +1112,49 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -573,6 +1163,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -581,6 +1179,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -589,10 +1195,22 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -601,6 +1219,14 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -609,86 +1235,222 @@ exports[`OE - Search renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+    
     <div
       class="bg-lighter pt-3 pb-4 pb-lg-3"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <div
           class="row"
         >
+          
+        
           <div
             class="col-12 col-lg-3"
           >
+            
+          
+
+
+
+
+
+
             <h1
               class="mb-3 mb-lg-0 bcl-heading"
             >
               Search
             </h1>
+            
+        
           </div>
+          
+        
           <div
             class="col-12 col-lg-6 align-self-center"
           >
+            
+          
+
+
+
+  
+
+  
+
+
             <form
               class="bcl-search-form submittable"
             >
+              
+  
               <div
                 class="bcl-search-form__group"
               >
+                
+        
+
+
+
+
+
+
+
+
+
+
+  
+
+  
+      
                 <label
                   class="form-label"
                 >
                   Search bar label
                 </label>
+                
+  
+    
                 <input
                   class="bcl-search-form__input form-control"
                   placeholder="Search"
                   type="search"
                 />
+                
+
+          
+
+                                  
+
                 <button
                   class="bcl-search-form__submit px-3 btn btn-primary btn-md"
                   type="button"
                 >
+                  
+
+
+
+
+
+
                   <svg
                     class="d-inline-block me-lg-2-5 bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#search"
                     />
+                    
+
                   </svg>
+                  
+
+
                   <span
                     class="d-none d-lg-inline-block"
                   >
                     Search
                   </span>
                 </button>
+                
+
+      
               </div>
+              
+
             </form>
+            
+
+        
           </div>
+          
+      
         </div>
+          
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -696,15 +1458,30 @@ exports[`OE - Search renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -713,199 +1490,431 @@ exports[`OE - Search renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                          
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="content-types"
                   >
                     Content types
                   </label>
+                  
+  
+
                   <select
                     class="form-select"
                     id="content-types"
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       the selected option
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+  
+
+
+
+
+
+  
+
+  
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="filter-select-a"
                   >
                     Filter A
                   </label>
+                  
+  
+
                   <select
                     class="multi-select"
                     id="filter-select-a"
                     multiple
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       the selected option
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
+                
+                                    
                 <fieldset
                   class="mb-3"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Filter B
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                
                     <div
                       class="mb-3"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="checked-input"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="checked-input"
                         >
                           Checked checkbox
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                                      
+
+
+    
+  
+
+  
+
+
+
+
+
+
+  
+      
                     <div
                       class="form-check"
                     >
+                      
+    
                       <input
                         class="form-check-input"
                         id="default-input"
                         type="checkbox"
                       />
+                      
+      
                       <label
                         class="form-check-label"
                         for="default-input"
                       >
                         Default checkbox
                       </label>
+                      
+  
+
                     </div>
+                    
+
+                        
                   </div>
+                  
+      
                 </fieldset>
+                
+                                            
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-from"
                   >
                     Creation date (from)
                   </label>
+                  
+  
+    
                   <input
                     class="mb-2 form-control"
                     id="creation-date-from"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                                                          
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                   <label
                     class="form-label"
                     for="creation-date-to"
                   >
                     Creation date (to)
                   </label>
+                  
+  
+    
                   <input
                     class="mb-2 form-control"
                     id="creation-date-to"
                     type="date"
                   />
+                  
+
+                  
                 </div>
+                
+                        
                 <div
                   class="mt-4 d-grid gap-4 d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -913,30 +1922,67 @@ exports[`OE - Search renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -945,15 +1991,36 @@ exports[`OE - Search renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -962,16 +2029,37 @@ exports[`OE - Search renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
-              <span
+                            
+
+
+  
+
+
+              <span
                 class="mb-2 me-2 badge text-bg-light"
               >
                 Item 02
@@ -979,104 +2067,263 @@ exports[`OE - Search renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Lorem ipsum dolor sit amet
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -1098,56 +2345,126 @@ exports[`OE - Search renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 2
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Incididunt ut labore et dolore
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -1168,51 +2485,114 @@ exports[`OE - Search renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                      
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Quis nostrud exercitation ullamco
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -1231,56 +2611,126 @@ exports[`OE - Search renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 2
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Quis nostrud exercitation ullamco
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -1299,51 +2749,114 @@ exports[`OE - Search renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Duis aute irure dolor in Excepteur
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -1366,56 +2879,126 @@ exports[`OE - Search renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 2
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                                
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 d-none d-md-block"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1 d-none d-md-block"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+  
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
+                          
+
+
+
+  
+    
+
                           <a
                             class="standalone"
                             href="/example.html"
                           >
                             Excepteur sint occaecat cupidatat non
                           </a>
+                          
+
                         </h1>
+                        
+      
                         <p
                           class="card-text mb-2-5"
                         >
@@ -1436,55 +3019,164 @@ exports[`OE - Search renders correctly 1`] = `
                         <div
                           class="mt-2-5"
                         >
+                          
+                                                        
+
+  
+  
+
+
                           <span
                             class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 1
                           </span>
+                                  
+                                                        
+
+  
+  
+
+
                           <span
                             class="mb-2 badge rounded-pill badge-outline-primary"
                           >
                             Category 2
                           </span>
+                                  
+            
                         </div>
+                            
                       </div>
+                      
+
                     </div>
+                    
+                
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -1492,10 +3184,31 @@ exports[`OE - Search renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -1503,50 +3216,155 @@ exports[`OE - Search renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -1554,42 +3372,110 @@ exports[`OE - Search renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1600,187 +3486,396 @@ exports[`OE - Search renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-subscription-block/__snapshots__/subscription-block.test.js.snap b/src/compositions/bcl-subscription-block/__snapshots__/subscription-block.test.js.snap
index 4cf179755..d881912be 100644
--- a/src/compositions/bcl-subscription-block/__snapshots__/subscription-block.test.js.snap
+++ b/src/compositions/bcl-subscription-block/__snapshots__/subscription-block.test.js.snap
@@ -5,19 +5,30 @@ exports[`OE - Subscription Block renders correctly 1`] = `
   <div
     class="bcl-subscription-block text-bg-light px-4-5 pt-4 pb-4-5"
   >
+    
+      
     <div
       class="fs-2 fw-normal"
     >
       Subscribe
     </div>
+    
+        
     <p
       class="fw-bold"
     >
       Get notified lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
     </p>
+    
+        
     <div
       class="pb-2"
     >
+      
+    
+
+                                          
+
       <button
         class="btn btn-secondary btn-lg"
         data-bs-target="#subscribeModal"
@@ -25,15 +36,33 @@ exports[`OE - Subscription Block renders correctly 1`] = `
         type="button"
       >
         Subscribe
+
+
+
+
+
+
         <svg
           class="ms-2-5 bi icon--fluid"
         >
+          
+  
           <use
             xlink:href="/icons.svg#chevron-right"
           />
+          
+
         </svg>
+        
+
+
       </button>
+      
+
+    
     </div>
+    
+  
   </div>
 </jest>
 `;
diff --git a/src/compositions/bcl-subscription-block/subscription-block.html.twig b/src/compositions/bcl-subscription-block/subscription-block.html.twig
index 8138ffd94..381cbed9a 100644
--- a/src/compositions/bcl-subscription-block/subscription-block.html.twig
+++ b/src/compositions/bcl-subscription-block/subscription-block.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - title: (string) (default: '')
   - content: (string) (default: '')
@@ -35,4 +33,3 @@
   {% endif %}
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-subscription/__snapshots__/subscription.test.js.snap b/src/compositions/bcl-subscription/__snapshots__/subscription.test.js.snap
index 855504750..00233a357 100644
--- a/src/compositions/bcl-subscription/__snapshots__/subscription.test.js.snap
+++ b/src/compositions/bcl-subscription/__snapshots__/subscription.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Subscription renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Subscription renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Subscription renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Subscription renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Subscription renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Subscription renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Subscription renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Subscription renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Subscription renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Subscription renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Subscription renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Subscription renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Subscription renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Subscription renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Subscription renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Subscription renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Subscription renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,23 +2158,49 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -1056,6 +2209,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,49 +2281,126 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -1151,30 +2417,60 @@ exports[`OE - Subscription renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
+    
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -1188,6 +2484,8 @@ exports[`OE - Subscription renders correctly 1`] = `
             </svg>
             Print
           </button>
+          
+      
           <button
             class="btn btn-outline-primary btn-md"
             data-bs-target="#subscribeModal"
@@ -1203,23 +2501,51 @@ exports[`OE - Subscription renders correctly 1`] = `
             </svg>
             Subscribe
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -1228,77 +2554,167 @@ exports[`OE - Subscription renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#content"
                   >
                     Content
                   </a>
+                  
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#subheading"
                   >
                     Subheading
                   </a>
+                  
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                    
           <p
             id="content"
           >
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper, a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet, posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel. Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
           </p>
+          
+    
           <p>
             Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras facilisis enim non nisi hendrerit laoreet. Vestibulum id facilisis augue, vitae faucibus justo. Etiam congue malesuada urna vitae suscipit. Mauris a varius leo. Nulla vel facilisis lacus. Suspendisse semper velit sit amet purus egestas, sit amet ullamcorper enim egestas. Vestibulum at lacus at purus ornare auctor nec consequat velit. Pellentesque iaculis sit amet nulla at rutrum.
           </p>
+          
+    
           <ul>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+    
           </ul>
+          
+    
           <h2
             class="my-4"
             id="subheading"
           >
             Sub heading
           </h2>
+          
+    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1306,6 +2722,8 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1313,26 +2731,45 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+              
+
+
+  
+
+
           <div
             class="bcl-subscription-block text-bg-light px-4-5 pt-4 pb-4-5"
           >
+            
+      
             <div
               class="fs-2 fw-normal"
             >
               Subscribe
             </div>
+            
+        
             <p
               class="fw-bold"
             >
               Get notified lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
             </p>
+            
+        
             <div
               class="pb-2"
             >
+              
+    
+
+                                          
+
               <button
                 class="btn btn-secondary btn-lg"
                 data-bs-target="#subscribeModal"
@@ -1340,16 +2777,43 @@ exports[`OE - Subscription renders correctly 1`] = `
                 type="button"
               >
                 Subscribe
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#chevron-right"
                   />
+                  
+
                 </svg>
+                
+
+
               </button>
+              
+
+    
             </div>
+            
+  
           </div>
+          
+
+  
+
+
+  
+
+
+
           <div
             aria-hidden="true"
             aria-label="subscribeModalLabel"
@@ -1357,12 +2821,18 @@ exports[`OE - Subscription renders correctly 1`] = `
             id="subscribeModal"
             tabindex="-1"
           >
+            
+  
             <div
               class="modal-dialog"
             >
+              
+    
               <div
                 class="modal-content"
               >
+                
+            
                 <div
                   class="modal-header"
                 >
@@ -1378,17 +2848,43 @@ exports[`OE - Subscription renders correctly 1`] = `
                     type="button"
                   />
                 </div>
+                
+        
+
+
+  
+
+
+  
+
+
+
                 <div
                   class="success-alert d-none mb-0 alert alert-success d-flex align-items-center fade show text-dark"
                   role="alert"
                 >
+                  
+  
+
+
+
+
+
+
                   <svg
                     class="flex-shrink-0 me-3 mt-1 align-self-start text-success bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#check-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                   <div
                     class="alert-content flex-grow-1"
                   >
@@ -1400,17 +2896,44 @@ exports[`OE - Subscription renders correctly 1`] = `
                     Your subscription has been successfully registered. You can now close this dialog.
                   </div>
                 </div>
+                
+
+  
+
+
+  
+
+
+  
+
+
+
                 <div
                   class="error-alert d-none mb-0 alert alert-danger d-flex align-items-center fade show text-dark"
                   role="alert"
                 >
+                  
+  
+
+
+
+
+
+
                   <svg
                     class="flex-shrink-0 me-3 mt-1 align-self-start text-danger bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#dash-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                   <div
                     class="alert-content flex-grow-1"
                   >
@@ -1430,15 +2953,28 @@ exports[`OE - Subscription renders correctly 1`] = `
                     </p>
                   </div>
                 </div>
+                
+
+
                 <div
                   class="modal-body"
                 >
+                    
+
+
+
+
+
                   <form
                     class="needs-validation"
                     novalidate
                     onsubmit="return false;"
                   >
+                    
+                  
                     <fieldset>
+                      
+                    
                       <legend
                         class="h6 fw-normal mb-0"
                       >
@@ -1446,41 +2982,94 @@ exports[`OE - Subscription renders correctly 1`] = `
                           Please enter your information & preference to receive the wished information in your mailbox. Your email will not be shared with anyone.
                         </p>
                       </legend>
+                      
+                    
                     </fieldset>
+                    
+                              
                     <div
                       class="mb-3"
                     >
+                      
+                                              
+
+
+
+  
+
+
+  
+
+
+
+  
+
+  
+      
                       <label
                         class="form-label"
                       >
                         E-mail
                       </label>
+                      
+  
+    
                       <input
                         class="form-control"
                         placeholder="Type in your e-mail address"
                         required
                         type="email"
                       />
+                      
+  
                       <div
                         class="invalid-feedback"
                       >
                         Please enter a valid e-mail address
                       </div>
+                      
+
+                        
                     </div>
+                    
+                                
                     <div
                       class="mb-3"
                     >
+                      
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
                       <label
                         class="form-label"
                         for="language-select"
                       >
                         Languages
                       </label>
+                      
+  
+
                       <select
                         class="form-select"
                         id="language-select"
                         required
                       >
+                        
+            
                         <option
                           disabled
                           hidden
@@ -1489,45 +3078,82 @@ exports[`OE - Subscription renders correctly 1`] = `
                         >
                           Please select a language
                         </option>
+                        
+                
                         <option
                           value="1"
                         >
                           a select option
                         </option>
+                        
+                
                         <option
                           value="2"
                         >
                           another select option
                         </option>
+                        
+                
                         <option
                           value="3"
                         >
                           another option
                         </option>
+                        
+                
                         <option
                           value="4"
                         >
                           last option
                         </option>
+                        
+      
                       </select>
+                      
+  
                       <div
                         class="invalid-feedback"
                       >
                         Please select a language
                       </div>
+                      
+
+                        
                     </div>
+                    
+                                
                     <div
                       class="mb-3"
                     >
+                      
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           class="form-check-input"
                           id="exampleInputCheck1"
                           required
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="exampleInputCheck1"
@@ -1539,15 +3165,30 @@ exports[`OE - Subscription renders correctly 1`] = `
                             privacy statement
                           </a>
                         </label>
+                        
+  
+  
                         <div
                           class="invalid-feedback"
                         >
                           Please check the required checkbox.
                         </div>
+                        
+
                       </div>
+                      
+
+                        
                     </div>
+                    
+      
                   </form>
+                  
+
+
                 </div>
+                
+            
                 <div
                   class="modal-footer"
                 >
@@ -1567,25 +3208,57 @@ exports[`OE - Subscription renders correctly 1`] = `
                     </button>
                   </div>
                 </div>
+                
+          
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+              
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1596,187 +3269,396 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-timeline/__snapshots__/timeline.test.js.snap b/src/compositions/bcl-timeline/__snapshots__/timeline.test.js.snap
index e3f6fb084..6b187f1a4 100644
--- a/src/compositions/bcl-timeline/__snapshots__/timeline.test.js.snap
+++ b/src/compositions/bcl-timeline/__snapshots__/timeline.test.js.snap
@@ -5,17 +5,29 @@ exports[`OE - Timeline default renders correctly 1`] = `
   <ol
     class="bcl-timeline"
   >
+    
+                                            
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13 September 2017
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -23,13 +35,26 @@ exports[`OE - Timeline default renders correctly 1`] = `
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         28-29 September 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -37,23 +62,49 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Informal Digital Summit, Tallinn
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         14 November 2017
       </p>
+      
+      
       <div>
         Strengthening European identity through education and culture: European Commission's contribution to the Leaders' meeting.
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         17 November 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -61,13 +112,26 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Social Summit in Gothenburg, Sweden
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         6 December 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -75,15 +139,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Economic and Monetary Union package of proposals
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         14-15 December 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -91,15 +168,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           EU Leaders' meeting on migration, Brussels
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         15 December 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -107,15 +197,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Euro Summit
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         6 February 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -123,15 +226,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           EU-Western Balkans Strategy
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         14 February 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -146,15 +262,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
          - enhancing efficiency at the helm of the European Union
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         23 February 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -162,15 +291,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Informal European Council
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         22-23 March 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -178,15 +320,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           European Council
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         2 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -194,15 +349,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Commission proposal: Long-term budget post-2020
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         15 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -211,15 +379,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
         , Sofia, Bulgaria (16 May 2018)
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         17 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -228,15 +409,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
          (Sofia, Bulgaria)
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         23 May 2018
       </p>
+      
+      
       <div>
         Progress by Member States in meeting the conditions for adopting the euro - 
         <a
@@ -246,15 +440,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
          by the European Commission and ECB
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         23 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -263,15 +470,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
         : European Commission publishes economic policy guidance for Member States
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         29 May - 14 June 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -280,15 +500,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
         : European Commission's legislative proposals for spending programmes
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         28-29 June 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council: 
         <a
@@ -297,15 +530,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Economic and Monetary Union, migration, EU budget for the future
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         10 July 2018
       </p>
+      
+      
       <div>
         Ways to enhance subsidiarity, proportionality and better regulation in the daily operations of the EU: 
         <a
@@ -315,15 +561,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
          by the Task Force chaired by Commission First Vice-President Timmermans
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         12 September 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -331,15 +590,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         20 September 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -347,15 +619,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Informal European Council/Meeting of EU27 (Salzburg, Austria)
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         18 October 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -364,15 +649,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
         , Brussels
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         21 November 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -381,15 +679,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
         </a>
         : setting the economic and social priorities
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         28 November 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on 
         <a
@@ -398,15 +709,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Capital Markets Union and Banking Union
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         04 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on 
         <a
@@ -421,15 +745,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           migration
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         05 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on the 
         <a
@@ -444,15 +781,28 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Action Plan on disinformation
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         11 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on the 
         <a
@@ -461,10 +811,17 @@ exports[`OE - Timeline default renders correctly 1`] = `
           Citizens' Dialogues
         </a>
       </div>
+      
+  
     </li>
+    
+
+                    
     <li
       class="bcl-timeline__item--toggle"
     >
+      
+          
       <button
         aria-expanded="false"
         class="btn btn-light btn-md"
@@ -472,50 +829,101 @@ exports[`OE - Timeline default renders correctly 1`] = `
         data-bs-toggle="collapse"
         type="button"
       >
+        
+            
         <span
           class="label-collapsed"
         >
           Show 22 more items
         </span>
+        
+            
         <span
           class="label-expanded"
         >
           Hide 22 items
         </span>
+        
+            
+
+
+
+
+
+
         <svg
           class="ms-2-5 bi icon--fluid"
         >
+          
+  
           <use
             xlink:href="/icons.svg#chevron-down"
           />
+          
+
         </svg>
+        
+
+          
       </button>
+      
+        
     </li>
+    
+                                                
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         11 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the Euro Summit
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13-14 December 2018
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         European Council and Euro Summit
       </div>
+      
+  
     </li>
+    
+
+                  
   </ol>
 </jest>
 `;
@@ -525,19 +933,31 @@ exports[`OE - Timeline default renders correctly with new classes on items 1`] =
   <ol
     class="bcl-timeline"
   >
+    
+                              
+
+
+
+
     <li
       class="new-class"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13 September 2017
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -545,20 +965,35 @@ exports[`OE - Timeline default renders correctly with new classes on items 1`] =
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                        
+
+
+
+
     <li
       class="new-class"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13 September 2017
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -566,20 +1001,35 @@ exports[`OE - Timeline default renders correctly with new classes on items 1`] =
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+
+
+
     <li
       class="new-class collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13 September 2017
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -587,10 +1037,17 @@ exports[`OE - Timeline default renders correctly with new classes on items 1`] =
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                    
     <li
       class="bcl-timeline__item--toggle"
     >
+      
+          
       <button
         aria-expanded="false"
         class="btn btn-light btn-md"
@@ -598,38 +1055,71 @@ exports[`OE - Timeline default renders correctly with new classes on items 1`] =
         data-bs-toggle="collapse"
         type="button"
       >
+        
+            
         <span
           class="label-collapsed"
         >
           Show 1 more items
         </span>
+        
+            
         <span
           class="label-expanded"
         >
           Hide 1 items
         </span>
+        
+            
+
+
+
+
+
+
         <svg
           class="ms-2-5 bi icon--fluid"
         >
+          
+  
           <use
             xlink:href="/icons.svg#chevron-down"
           />
+          
+
         </svg>
+        
+
+          
       </button>
+      
+        
     </li>
+    
+                                  
+
+
+
+
     <li
       class="new-class"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13 September 2017
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -637,7 +1127,12 @@ exports[`OE - Timeline default renders correctly with new classes on items 1`] =
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                  
   </ol>
 </jest>
 `;
@@ -647,27 +1142,51 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
   <h6
     class="mb-4 bcl-heading"
   >
+    
+
+
+
+  
+    
+
     <a
       class="standalone"
       href="/example.html"
     >
       Link label
     </a>
+    
+
   </h6>
+  
+
+
   <ol
     class="bcl-timeline"
   >
+    
+                                            
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13 September 2017
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -675,13 +1194,26 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         28-29 September 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -689,23 +1221,49 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Informal Digital Summit, Tallinn
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         14 November 2017
       </p>
+      
+      
       <div>
         Strengthening European identity through education and culture: European Commission's contribution to the Leaders' meeting.
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         17 November 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -713,13 +1271,26 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Social Summit in Gothenburg, Sweden
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         6 December 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -727,15 +1298,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Economic and Monetary Union package of proposals
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         14-15 December 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -743,15 +1327,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           EU Leaders' meeting on migration, Brussels
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         15 December 2017
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -759,15 +1356,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Euro Summit
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         6 February 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -775,15 +1385,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           EU-Western Balkans Strategy
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         14 February 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -798,15 +1421,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
          - enhancing efficiency at the helm of the European Union
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         23 February 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -814,15 +1450,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Informal European Council
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         22-23 March 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -830,15 +1479,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           European Council
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         2 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -846,15 +1508,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Commission proposal: Long-term budget post-2020
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         15 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -863,15 +1538,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
         , Sofia, Bulgaria (16 May 2018)
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         17 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -880,15 +1568,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
          (Sofia, Bulgaria)
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         23 May 2018
       </p>
+      
+      
       <div>
         Progress by Member States in meeting the conditions for adopting the euro - 
         <a
@@ -898,15 +1599,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
          by the European Commission and ECB
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         23 May 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -915,15 +1629,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
         : European Commission publishes economic policy guidance for Member States
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         29 May - 14 June 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -932,15 +1659,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
         : European Commission's legislative proposals for spending programmes
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         28-29 June 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council: 
         <a
@@ -949,15 +1689,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Economic and Monetary Union, migration, EU budget for the future
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         10 July 2018
       </p>
+      
+      
       <div>
         Ways to enhance subsidiarity, proportionality and better regulation in the daily operations of the EU: 
         <a
@@ -967,15 +1720,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
          by the Task Force chaired by Commission First Vice-President Timmermans
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         12 September 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -983,15 +1749,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           President Juncker's State of the Union speech
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         20 September 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -999,15 +1778,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Informal European Council/Meeting of EU27 (Salzburg, Austria)
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         18 October 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -1016,15 +1808,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
         , Brussels
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         21 November 2018
       </p>
+      
+      
       <div>
         <a
           href="/example.html"
@@ -1033,15 +1838,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         </a>
         : setting the economic and social priorities
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         28 November 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on 
         <a
@@ -1050,15 +1868,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Capital Markets Union and Banking Union
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         04 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on 
         <a
@@ -1073,15 +1904,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           migration
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         05 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on the 
         <a
@@ -1096,15 +1940,28 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Action Plan on disinformation
         </a>
       </div>
+      
+  
     </li>
+    
+
+                                                                    
+
+
+
+
     <li
       class="collapse collapse-1"
     >
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         11 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the European Council on the 
         <a
@@ -1113,10 +1970,17 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
           Citizens' Dialogues
         </a>
       </div>
+      
+  
     </li>
+    
+
+                    
     <li
       class="bcl-timeline__item--toggle"
     >
+      
+          
       <button
         aria-expanded="false"
         class="btn btn-light btn-md"
@@ -1124,50 +1988,101 @@ exports[`OE - Timeline default renders correctly with title and link 1`] = `
         data-bs-toggle="collapse"
         type="button"
       >
+        
+            
         <span
           class="label-collapsed"
         >
           Show 22 more items
         </span>
+        
+            
         <span
           class="label-expanded"
         >
           Hide 22 items
         </span>
+        
+            
+
+
+
+
+
+
         <svg
           class="ms-2-5 bi icon--fluid"
         >
+          
+  
           <use
             xlink:href="/icons.svg#chevron-down"
           />
+          
+
         </svg>
+        
+
+          
       </button>
+      
+        
     </li>
+    
+                                                
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         11 December 2018
       </p>
+      
+      
       <div>
         Commission contribution to the Euro Summit
       </div>
+      
+  
     </li>
+    
+
+                                                      
+
+  
+
+
     <li>
+      
+  
       <p
         class="fs-5 mb-1 fw-medium"
       >
         13-14 December 2018
       </p>
+      
+    
       <p
         class="fs-6 mb-1 fw-medium"
       >
         Item title
       </p>
+      
+      
       <div>
         European Council and Euro Summit
       </div>
+      
+  
     </li>
+    
+
+                  
   </ol>
 </jest>
 `;
diff --git a/src/compositions/bcl-timeline/timeline-item.html.twig b/src/compositions/bcl-timeline/timeline-item.html.twig
index 40596e814..72fc56650 100644
--- a/src/compositions/bcl-timeline/timeline-item.html.twig
+++ b/src/compositions/bcl-timeline/timeline-item.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - id (string) (default: '')
   - label (string) (default: '')
@@ -31,4 +29,3 @@
   {% endif %}
 </li>
 
-{% endapply %}
diff --git a/src/compositions/bcl-timeline/timeline.html.twig b/src/compositions/bcl-timeline/timeline.html.twig
index cab57aea3..8d38ade06 100644
--- a/src/compositions/bcl-timeline/timeline.html.twig
+++ b/src/compositions/bcl-timeline/timeline.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {#
 Parameters:
   - id: (integer) (default: random(10000))
@@ -112,4 +110,3 @@ Parameters:
   {% endif %}
 </ol>
 
-{% endapply %}
diff --git a/src/compositions/bcl-user/__snapshots__/user.test.js.snap b/src/compositions/bcl-user/__snapshots__/user.test.js.snap
index 542935db5..b563ae9dd 100644
--- a/src/compositions/bcl-user/__snapshots__/user.test.js.snap
+++ b/src/compositions/bcl-user/__snapshots__/user.test.js.snap
@@ -5,39 +5,62 @@ exports[`OE - User compact renders correctly 1`] = `
   <div
     class="bcl-user-compact d-flex mb-3"
   >
+    
+  
     <div
       class="flex-shrink-0"
     >
+      
+    
       <img
         alt="Stefan Mayer profile picture"
         class="rounded-pill"
         src="https://picsum.photos/50/50"
       />
+      
+  
     </div>
+    
+  
     <div
       class="flex-grow-1 ms-3"
     >
+      
+      
       <a
         class="fs-5 standalone mb-0"
         href="/example.html"
       >
         Stefan Mayer
       </a>
+      
+  
+      
       <div
         class="d-flex flex-wrap"
       >
+        
+                
         <span
           class="text-muted text-nowrap me-4-5"
         >
           DG Test
         </span>
+        
+                      
         <span
           class="text-muted text-nowrap"
         >
           Director
         </span>
+        
+              
       </div>
+      
+    
     </div>
+    
+
   </div>
 </jest>
 `;
@@ -47,28 +70,42 @@ exports[`OE - User list renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -78,56 +115,140 @@ exports[`OE - User list renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -140,42 +261,78 @@ exports[`OE - User list renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -185,41 +342,88 @@ exports[`OE - User list renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -230,6 +434,10 @@ exports[`OE - User list renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -237,142 +445,322 @@ exports[`OE - User list renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -382,6 +770,10 @@ exports[`OE - User list renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -389,158 +781,371 @@ exports[`OE - User list renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -548,30 +1153,71 @@ exports[`OE - User list renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -582,142 +1228,335 @@ exports[`OE - User list renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
-                <a
-                  class="dropdown-item"
-                  href="/example.html"
-                >
-                  Another action
+                
+                  
+
+
+
+
+
+
+                <a
+                  class="dropdown-item"
+                  href="/example.html"
+                >
+                  Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -725,12 +1564,18 @@ exports[`OE - User list renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -740,6 +1585,8 @@ exports[`OE - User list renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -747,21 +1594,29 @@ exports[`OE - User list renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -769,6 +1624,8 @@ exports[`OE - User list renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -779,6 +1636,8 @@ exports[`OE - User list renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -786,9 +1645,28 @@ exports[`OE - User list renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -796,80 +1674,151 @@ exports[`OE - User list renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -878,6 +1827,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -886,6 +1843,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -894,6 +1859,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -902,6 +1875,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -910,6 +1891,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -918,6 +1907,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -926,6 +1923,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -933,14 +1938,35 @@ exports[`OE - User list renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -949,6 +1975,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -957,6 +1991,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -965,6 +2007,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -973,10 +2023,22 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -985,6 +2047,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -993,6 +2063,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -1001,6 +2079,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -1009,6 +2095,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -1017,6 +2111,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -1025,6 +2127,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -1033,6 +2143,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -1041,6 +2159,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1049,6 +2175,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1057,6 +2191,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1065,31 +2207,65 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         suomi
                       </a>
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
                         hreflang="sv"
                         lang="sv"
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -1098,6 +2274,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1106,6 +2290,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1114,10 +2306,22 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1126,6 +2330,14 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1134,49 +2346,126 @@ exports[`OE - User list renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Users
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -1184,21 +2473,57 @@ exports[`OE - User list renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -1206,15 +2531,30 @@ exports[`OE - User list renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -1223,66 +2563,160 @@ exports[`OE - User list renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                          
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+
+  
+
+
+
+
+
+
+  
+
+  
+      
                   <label
                     class="form-label"
                   >
                     Name
                   </label>
+                  
+  
+    
                   <input
                     class="form-control"
                     placeholder="Placeholder"
                     type="text"
                   />
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+
+  
+
+
+
+
+
+
+  
+
+  
+      
                   <label
                     class="form-label"
                   >
                     Organisation
                   </label>
+                  
+  
+    
                   <input
                     class="form-control"
                     placeholder="Placeholder"
                     type="text"
                   />
+                  
+
+                        
                 </div>
+                
+            
                 <div
                   class="mt-4"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-2 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -1290,30 +2724,67 @@ exports[`OE - User list renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 users (6)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -1322,15 +2793,36 @@ exports[`OE - User list renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                            
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -1339,94 +2831,242 @@ exports[`OE - User list renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                                        
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+                                                            
+                          
+          
+    
+    
+    
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=1"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1437,6 +3077,8 @@ exports[`OE - User list renders correctly 1`] = `
                             Stefan Mayer
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -1447,35 +3089,78 @@ exports[`OE - User list renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=2"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1486,6 +3171,8 @@ exports[`OE - User list renders correctly 1`] = `
                             Adjur Tichar
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -1496,35 +3183,78 @@ exports[`OE - User list renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=3"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1535,6 +3265,8 @@ exports[`OE - User list renders correctly 1`] = `
                             Szép Mara
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -1545,35 +3277,78 @@ exports[`OE - User list renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=4"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1584,6 +3359,8 @@ exports[`OE - User list renders correctly 1`] = `
                             Daniel Cardoso Rocha
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -1594,35 +3371,78 @@ exports[`OE - User list renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=5"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1633,6 +3453,8 @@ exports[`OE - User list renders correctly 1`] = `
                             Aurelia Panicucci
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -1643,35 +3465,78 @@ exports[`OE - User list renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+  
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+  
                   <div
                     class="row"
                   >
+                    
+                          
                     <div
                       class="bcl-card-start-col mb-3 mb-lg-0 bcl-size-small"
                     >
+                      
+      
                       <img
                         alt="alt img"
                         class="card-img-top rounded-1"
                         src="https://picsum.photos/160?random=6"
                       />
+                      
+    
                     </div>
+                    
+
                     <div
                       class="col-12 col-md"
                     >
+                      
+  
                       <div
                         class="card-body p-0 pb-md-0 pb-3"
                       >
+                        
+              
+
+
+
+
+
+
                         <h1
                           class="fs-5 card-title bcl-heading"
                         >
@@ -1682,6 +3547,8 @@ exports[`OE - User list renders correctly 1`] = `
                             Felicyta Kowalska
                           </a>
                         </h1>
+                        
+  
                         <span
                           class="text-muted me-4-5"
                         >
@@ -1692,44 +3559,137 @@ exports[`OE - User list renders correctly 1`] = `
                         >
                           Position
                         </span>
+                            
                       </div>
+                      
+
                     </div>
+                    
+          
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -1737,10 +3697,31 @@ exports[`OE - User list renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -1748,50 +3729,155 @@ exports[`OE - User list renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -1799,42 +3885,110 @@ exports[`OE - User list renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1845,187 +3999,396 @@ exports[`OE - User list renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -2035,28 +4398,42 @@ exports[`OE - User renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -2066,56 +4443,140 @@ exports[`OE - User renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -2128,42 +4589,78 @@ exports[`OE - User renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -2173,41 +4670,88 @@ exports[`OE - User renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2218,6 +4762,10 @@ exports[`OE - User renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2225,142 +4773,322 @@ exports[`OE - User renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2370,6 +5098,10 @@ exports[`OE - User renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2377,158 +5109,371 @@ exports[`OE - User renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2536,30 +5481,71 @@ exports[`OE - User renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2570,142 +5556,335 @@ exports[`OE - User renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -2713,12 +5892,18 @@ exports[`OE - User renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -2728,6 +5913,8 @@ exports[`OE - User renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -2735,21 +5922,29 @@ exports[`OE - User renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -2757,6 +5952,8 @@ exports[`OE - User renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -2767,6 +5964,8 @@ exports[`OE - User renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -2774,9 +5973,28 @@ exports[`OE - User renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -2784,80 +6002,151 @@ exports[`OE - User renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -2866,6 +6155,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -2874,6 +6171,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -2882,6 +6187,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -2890,6 +6203,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -2898,6 +6219,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -2906,6 +6235,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -2914,6 +6251,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -2921,14 +6266,35 @@ exports[`OE - User renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -2937,6 +6303,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -2945,6 +6319,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -2953,6 +6335,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -2961,10 +6351,22 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -2973,6 +6375,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -2981,6 +6391,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -2989,6 +6407,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -2997,6 +6423,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -3005,6 +6439,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -3013,6 +6455,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -3021,6 +6471,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -3029,6 +6487,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -3037,6 +6503,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -3045,6 +6519,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -3053,6 +6535,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -3061,23 +6551,49 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -3086,6 +6602,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -3094,6 +6618,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -3102,10 +6634,22 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -3114,6 +6658,14 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -3122,30 +6674,85 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-12"
         >
+          
+                        
+              
+
+
+                    
+                        
+        
+  
+          
+    
           <nav
             class="nav nav-tabs"
             role="tablist"
           >
+            
+                                                                                                                                            
+
+
+
+
+  
+
             <a
               aria-controls="view"
               autocomplete="off"
@@ -3158,6 +6765,14 @@ exports[`OE - User renders correctly 1`] = `
             >
               View
             </a>
+            
+                                                                                                                                            
+
+
+
+
+  
+
             <a
               aria-controls="edit"
               autocomplete="off"
@@ -3170,6 +6785,14 @@ exports[`OE - User renders correctly 1`] = `
             >
               Edit
             </a>
+            
+                                                                                                                                            
+
+
+
+
+  
+
             <a
               aria-controls="privacy"
               autocomplete="off"
@@ -3182,6 +6805,14 @@ exports[`OE - User renders correctly 1`] = `
             >
               Privacy settings
             </a>
+            
+                                                                                                                                            
+
+
+
+
+  
+
             <a
               aria-controls="visibility"
               autocomplete="off"
@@ -3194,6 +6825,14 @@ exports[`OE - User renders correctly 1`] = `
             >
               Visibility settings
             </a>
+            
+                                                                                                                                            
+
+
+
+
+  
+
             <a
               aria-controls="cancel"
               autocomplete="off"
@@ -3205,51 +6844,110 @@ exports[`OE - User renders correctly 1`] = `
               role="tab"
               title="cancel-tab"
             />
+            
+                                      
           </nav>
+          
+    
+
+  
           <div
             class="tab-content"
           >
+            
+    
             <div
               aria-labelledby="view-tab"
               class="tab-pane fade show active"
               id="view"
               role="tabpanel"
             >
+              
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
               <div
                 class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
               >
+                
+  
                 <div
                   class="container"
                 >
+                  
+  
+
+
+
+  
+  
+
+
+
+
                   <article
                     class="bg-transparent border-0 card"
                   >
+                    
+  
                     <div
                       class="row"
                     >
+                      
+                          
                       <div
                         class="bcl-card-start-col bcl-size-large"
                       >
+                        
+      
                         <img
                           alt="alt img"
                           class="card-img-top rounded-1"
                           src="https://picsum.photos/200/200?random=6"
                         />
+                        
+    
                       </div>
+                      
+
                       <div
                         class="col-md col-xl-9 col-xxl-8"
                       >
+                        
+  
                         <div
                           class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
                         >
+                          
+              
+
+
+
+
+
+
                           <h1
                             class="fs-1 card-title bcl-heading"
                           >
                             Stefan Mayer
                           </h1>
+                          
+  
                           <div
                             class="mb-4 mt-4"
                           >
+                            
+        
                             <span
                               class="text-muted me-3"
                             >
@@ -3260,6 +6958,8 @@ exports[`OE - User renders correctly 1`] = `
                             >
                               Director
                             </span>
+                            
+      
                           </div>
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
@@ -3267,307 +6967,592 @@ exports[`OE - User renders correctly 1`] = `
                           <br />
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                           <br />
+                           
                           <br />
                             Duis fermentum facilisis ex, ac porta massa.    
                         </div>
+                        
+
                       </div>
+                      
+          
                     </div>
+                    
+
                   </article>
+                  
+
+
                 </div>
+                
+
               </div>
+              
+
+      
               <div
                 class="mt-3 mt-md-4-75 pt-4-75 mb-3"
               >
+                
+        
+
+
+
+
+
+
                 <h2
                   class="mb-4 bcl-heading"
                 >
                   Personal information
                 </h2>
+                
+        
                 <div
                   class="row"
                 >
+                  
+          
                   <div
                     class="col-12 col-md-6"
                   >
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           Gender:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           Male
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           Nationality:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           German
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           Date of birth:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           22/01/1972
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+          
                   </div>
+                  
+          
                   <div
                     class="col-12 col-md-6"
                   >
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           Country:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           Germany
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           City:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           Düsseldorf
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+          
                   </div>
+                  
+        
                 </div>
+                
+      
               </div>
+              
+      
               <div
                 class="my-3"
               >
+                
+        
+
+
+
+
+
+
                 <h2
                   class="mb-4 bcl-heading"
                 >
                   Professional information
                 </h2>
+                
+        
                 <div
                   class="row"
                 >
+                  
+          
                   <div
                     class="col-12 col-md-6"
                   >
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           Organisation:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           DG Test
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           Position:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           Director
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+          
                   </div>
+                  
+          
                   <div
                     class="col-12 col-md-6"
                   >
+                    
+            
                     <div
                       class="row"
                     >
+                      
+              
                       <div
                         class="col-12 col-md-4"
                       >
+                        
+                
                         <p
                           class="mb-0"
                         >
                           Working languages:
                         </p>
+                        
+              
                       </div>
+                      
+              
                       <div
                         class="col-12 col-md-8"
                       >
+                        
+                
                         <p>
                           English, German
                         </p>
+                        
+              
                       </div>
+                      
+            
                     </div>
+                    
+          
                   </div>
+                  
+        
                 </div>
+                
+      
               </div>
+              
+    
             </div>
+            
+    
             <div
               aria-labelledby="edit-tab"
               class="tab-pane fade"
               id="edit"
               role="tabpanel"
             >
+              
+      
               <h1
                 class="my-4-5"
               >
                 Edit my profile
               </h1>
+              
+      
               <h2
                 class="mb-4-5"
               >
                 Profile image
               </h2>
+              
+      
               <div
                 class="row"
               >
+                
+        
                 <div
                   class="bcl-card-start-col bcl-size-large mx-auto ms-md-2-5"
                 >
+                  
+          
                   <img
                     alt="profile-image"
                     class="img-fluid"
                     src="https://picsum.photos/seed/1002/400/400"
                   />
+                  
+        
                 </div>
+                
+        
                 <div
                   class="col-12 col-md align-self-center"
                 >
+                  
+          
                   <div
                     class="mt-3 text-center text-md-start"
                   >
+                    
+            
+
+
+    
+
+
+  
+
+
+
+
+
+
+  
+      
                     <label
                       class="form-label btn btn-link"
                       for="image-profile"
                     >
                       My_picture.jpg (3.52 Mb)
                     </label>
+                    
+  
+    
                     <input
                       class="d-none form-control btn-check"
                       id="image-profile"
                       type="file"
                     />
+                    
+
+            
                     <div
                       class="d-md-inline-block"
                     >
+                      
+              
+
+      
+
                       <button
                         class="mt-2 ms-0 ms-md-2 mt-md-0 mb-2 btn btn-danger btn-md"
                         type="button"
                       >
                         Remove
                       </button>
+                      
+
+            
                     </div>
+                    
+          
                   </div>
+                  
+        
                 </div>
+                
+      
               </div>
+              
+      
               <div
                 class="row"
               >
+                
+        
                 <div
                   class="col-12"
                 >
+                  
+          
+
+
+
+
+
                   <form
                     class="row"
                     novalidate
                     onsubmit="return false;"
                   >
+                    
+                        
                     <fieldset
                       class="col-12 mb-3"
                     >
+                      
+                    
                       <legend
                         class="mb-0 fs-2 mt-4-5"
                       >
                         Personal information
                       </legend>
+                      
+                    
                     </fieldset>
+                    
+                            
                     <fieldset
                       class="col-12 col-lg-6"
                     >
+                      
+                                    
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="first-name"
                         >
                           First name
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="first-name"
@@ -3575,21 +7560,47 @@ exports[`OE - User renders correctly 1`] = `
                           type="text"
                           value="Stefan"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                                  
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="last-name"
                         >
                           Last name
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="last-name"
@@ -3597,51 +7608,111 @@ exports[`OE - User renders correctly 1`] = `
                           type="text"
                           value="Mayer"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                                  
                       <div
                         class="mb-3"
                       >
+                        
+                          
+
+
+
+
+
+  
+
+  
+
+
+
+  
+
+  
+  
+      
                         <label
                           class="form-label"
                         >
                           Gender
                         </label>
+                        
+  
+
                         <select
                           aria-label="gender-select"
                           class="form-select"
                           required
                         >
+                          
+            
                           <option
                             value="2"
                           >
                             Male
                           </option>
+                          
+                
                           <option
                             value="3"
                           >
                             Female
                           </option>
+                          
+      
                         </select>
+                        
+
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                                  
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="nationality-input"
                         >
                           Nationality
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="nationality-input"
@@ -3649,21 +7720,47 @@ exports[`OE - User renders correctly 1`] = `
                           type="text"
                           value="German"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                                  
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="birth-date"
                         >
                           Birth date
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="birth-date"
@@ -3671,25 +7768,54 @@ exports[`OE - User renders correctly 1`] = `
                           type="date"
                           value="1972-01-22"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                  
                     </fieldset>
+                    
+                            
                     <fieldset
                       class="col-12 col-lg-6"
                     >
+                      
+                                    
                       <div
                         class="mb-3"
                       >
+                        
+                          
+
+
+
+  
+
+  
+  
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="bio-description"
                         >
                           Bio
                         </label>
+                        
+  
+  
                         <textarea
                           class="form-control"
                           id="bio-description"
@@ -3698,21 +7824,46 @@ exports[`OE - User renders correctly 1`] = `
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </textarea>
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+                        
                       </div>
+                      
+                                  
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="country-input"
                         >
                           Country
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="country-input"
@@ -3720,21 +7871,47 @@ exports[`OE - User renders correctly 1`] = `
                           type="text"
                           value="Germany"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                                  
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="city-input"
                         >
                           City
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="city-input"
@@ -3742,34 +7919,70 @@ exports[`OE - User renders correctly 1`] = `
                           type="text"
                           value="Düsseldorf"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                  
                     </fieldset>
+                    
+                            
                     <fieldset
                       class="col-md-12 mb-3"
                     >
+                      
+                    
                       <legend
                         class="my-3 fs-2"
                       >
                         Professional information
                       </legend>
+                      
+                    
                     </fieldset>
+                    
+                            
                     <fieldset
                       class="col-md-6"
                     >
+                      
+                                    
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="organisation-input"
                         >
                           Organisation
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="organisation-input"
@@ -3777,21 +7990,47 @@ exports[`OE - User renders correctly 1`] = `
                           type="text"
                           value="DG digit"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                                  
                       <div
                         class="mb-3"
                       >
+                        
+                                
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+      
                         <label
                           class="form-label"
                           for="position-input"
                         >
                           Position
                         </label>
+                        
+  
+    
                         <input
                           class="form-control"
                           id="position-input"
@@ -3799,99 +8038,173 @@ exports[`OE - User renders correctly 1`] = `
                           type="text"
                           value="Officer"
                         />
+                        
+  
                         <div
                           class="form-text"
                         >
                           Helper text
                         </div>
+                        
+
+                  
                       </div>
+                      
+                  
                     </fieldset>
+                    
+                            
                     <fieldset
                       class="col-md-6"
                     >
+                      
+                                                  
+
+
+  
+
+
+
+
+
+  
+
+  
+  
+
+
+  
+      
                       <label
                         class="form-label"
                         for="multiselect-1"
                       >
                         Working languages
                       </label>
+                      
+  
+
                       <select
                         class="multi-select"
                         id="multiselect-1"
                         multiple
                         required
                       >
+                        
+            
                         <optgroup
                           label="Group 1"
                         >
+                          
+                      
                           <option
                             value="1"
                           >
                             Option group 1
                           </option>
+                          
+                
                           <option
                             value="2"
                           >
                             Option group 2
                           </option>
+                          
+                
                           <option
                             value="3"
                           >
                             Option group 3
                           </option>
+                          
+                    
                         </optgroup>
+                        
+                
                         <option
                           value="5"
                         >
                           a select option
                         </option>
+                        
+                
                         <option
                           value="6"
                         >
                           another select option
                         </option>
+                        
+                
                         <option
                           value="7"
                         >
                           another option
                         </option>
+                        
+                
                         <option
                           value="8"
                         >
                           last option
                         </option>
+                        
+                
                         <option
                           selected
                           value="9"
                         >
                           the selected option
                         </option>
+                        
+      
                       </select>
+                      
+  
                       <div
                         class="invalid-feedback"
                       >
                         Invalid feedback example
                       </div>
+                      
+  
                       <div
                         class="valid-feedback"
                       >
                         Valid feedback example
                       </div>
+                      
+
                       <div
                         class="form-text"
                       >
                         Helper text for the select element
                       </div>
+                      
+
+                        
                     </fieldset>
+                    
+          
                     <div
                       class="mt-4 d-grid d-sm-block"
                     >
+                      
+        
+
+      
+
                       <button
                         class="d-inline-block btn btn-primary btn-md"
                         type="submit"
                       >
                         Save
                       </button>
+                      
+
+      
+
+        
+
                       <button
                         class="d-inline-block ms-md-3 mt-3 mt-md-0 btn btn-danger btn-md"
                         id="cancel-btn"
@@ -3899,75 +8212,176 @@ exports[`OE - User renders correctly 1`] = `
                       >
                         Cancel account
                       </button>
+                      
+
+      
                     </div>
+                    
+  
                   </form>
+                  
+
+        
                 </div>
+                
+      
               </div>
+              
+    
             </div>
+            
+    
             <div
               aria-labelledby="privacy-tab"
               class="tab-pane fade"
               id="privacy"
               role="tabpanel"
             >
+              
+      
               <h1
                 class="my-4-5"
               >
                 Privacy settings
               </h1>
+              
+      
               <p>
                 Who can consult my data
               </p>
+              
+      
+
+
+
+
+
               <form
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                        
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="administrators"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="administrators"
                     >
                       Only site administrators
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                                  
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="any"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="any"
                     >
                       Any users
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                                  
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -3975,60 +8389,122 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="authenticated"
                     >
                       Authenticated users
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                                    
                 <fieldset>
+                  
+                    
                   <legend
                     class="text-muted fs-6 mb-0"
                   >
                     Select the type of users who are allowed to access your data
                   </legend>
+                  
+                    
                 </fieldset>
+                
+                
                 <div
                   class="mt-4-5 d-grid d-sm-block"
                 >
+                  
+        
+
+        
+
                   <button
                     class="btn btn-primary btn-md"
                     type="submit"
                   >
                     Save
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+    
             </div>
+            
+    
             <div
               aria-labelledby="visibility-tab"
               class="tab-pane fade"
               id="visibility"
               role="tabpanel"
             >
+              
+      
               <h1
                 class="my-4-5"
               >
                 Visibility settings
               </h1>
+              
+      
               <p
                 class="mb-3"
               >
                 Select what information should be displayed to your profile.
               </p>
+              
+      
+
+
+
+
+
               <form
                 class="row"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                          
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4036,20 +8512,48 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="picture"
                     >
                       Picture
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4057,20 +8561,48 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="position"
                     >
                       Position
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4078,20 +8610,48 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="city"
                     >
                       City
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4099,60 +8659,144 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="firstName"
                     >
                       First name
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="gender"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="gender"
                     >
                       Gender
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="nationality"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="nationality"
                     >
                       Nationality
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4160,60 +8804,144 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="lastName"
                     >
                       Last name
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="workingLanguages"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="workingLanguages"
                     >
                       Working languages
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="dateOfBirth"
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="dateOfBirth"
                     >
                       Date of birth
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4221,20 +8949,48 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="organisation"
                     >
                       Organisation
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4242,20 +8998,48 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="country"
                     >
                       Country
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                                
                 <div
                   class="mb-3"
                 >
+                  
+                                              
+
+
+    
+  
+
+  
+  
+
+
+  
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       checked
                       class="form-check-input"
@@ -4263,59 +9047,121 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="checkbox"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="bio"
                     >
                       Bio
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                        
                 </div>
+                
+                        
                 <fieldset>
+                  
+                    
                   <legend
                     class="text-muted fs-6 mb-0"
                   >
                     Select the type of users who are allowed to access your data
                   </legend>
+                  
+                    
                 </fieldset>
+                
+                
                 <div
                   class="d-grid d-sm-block mt-4-5"
                 >
+                  
+        
+
+        
+
                   <button
                     class="btn btn-primary btn-md"
                     type="submit"
                   >
                     Save
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+    
             </div>
+            
+    
             <div
               aria-labelledby="cancel-tab"
               class="tab-pane fade"
               id="cancel"
               role="tabpanel"
             >
+              
+      
               <h1
                 class="my-4-5"
               >
                 Are you sure you want to cancel your account?
               </h1>
+              
+      
               <p
                 class="mb-3"
               >
                 When cancelling your account
               </p>
+              
+      
+
+
+
+
+
               <form
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                        
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+    
+
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="keep"
@@ -4323,20 +9169,48 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="radio"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="keep"
                     >
                       Disable the account and keep its content
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                                  
                 <div
                   class="mb-3"
                 >
+                  
+                                
+
+
+    
+
+
+  
+  
+
+
+
+
+
+  
+      
                   <div
                     class="form-check"
                   >
+                    
+    
                     <input
                       class="form-check-input"
                       id="delete"
@@ -4344,49 +9218,105 @@ exports[`OE - User renders correctly 1`] = `
                       required
                       type="radio"
                     />
+                    
+      
                     <label
                       class="form-check-label"
                       for="delete"
                     >
                       Disable the account and unpublish its content
                     </label>
+                    
+  
+
                   </div>
+                  
+
+                  
                 </div>
+                
+                        
                 <div
                   class="mt-4 d-grid d-sm-block"
                 >
+                  
+        
+
+        
+
                   <button
                     class="btn btn-primary btn-md"
                     type="submit"
                   >
                     Save
                   </button>
+                  
+
+      
+
+      
+
                   <button
                     class="d-inline-block ms-md-3 mt-3 mt-md-0 btn btn-light btn-md"
                     type="button"
                   >
                     Cancel
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+    
             </div>
+            
+  
           </div>
+                        
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -4397,187 +9327,396 @@ exports[`OE - User renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -4587,28 +9726,42 @@ exports[`OE - User terms renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -4618,56 +9771,140 @@ exports[`OE - User terms renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -4680,42 +9917,78 @@ exports[`OE - User terms renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -4725,41 +9998,88 @@ exports[`OE - User terms renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -4770,6 +10090,10 @@ exports[`OE - User terms renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4777,142 +10101,322 @@ exports[`OE - User terms renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -4922,6 +10426,10 @@ exports[`OE - User terms renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4929,158 +10437,371 @@ exports[`OE - User terms renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -5088,30 +10809,71 @@ exports[`OE - User terms renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -5122,142 +10884,335 @@ exports[`OE - User terms renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -5265,12 +11220,18 @@ exports[`OE - User terms renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -5280,6 +11241,8 @@ exports[`OE - User terms renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -5287,21 +11250,29 @@ exports[`OE - User terms renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -5309,6 +11280,8 @@ exports[`OE - User terms renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -5319,6 +11292,8 @@ exports[`OE - User terms renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -5326,9 +11301,28 @@ exports[`OE - User terms renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -5336,80 +11330,151 @@ exports[`OE - User terms renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -5418,6 +11483,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -5426,6 +11499,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -5434,6 +11515,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -5442,6 +11531,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -5450,6 +11547,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -5458,6 +11563,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -5466,6 +11579,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -5473,14 +11594,35 @@ exports[`OE - User terms renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -5489,6 +11631,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -5497,6 +11647,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -5505,6 +11663,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -5513,10 +11679,22 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -5525,6 +11703,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -5533,6 +11719,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -5541,6 +11735,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -5549,6 +11751,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -5557,6 +11767,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -5565,6 +11783,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -5573,6 +11799,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -5581,6 +11815,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -5589,6 +11831,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -5597,6 +11847,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -5605,6 +11863,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -5613,23 +11879,49 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -5638,6 +11930,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -5646,6 +11946,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -5654,10 +11962,22 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -5666,6 +11986,14 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -5674,55 +12002,149 @@ exports[`OE - User terms renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Terms and conditions
                 </h1>
+                
+      
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                      
         <div
           class="col-lg-10 col-xl-9 col-xxl-8"
         >
+          
+                        
+              
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -5730,70 +12152,154 @@ exports[`OE - User terms renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+  
           <ul
             class="mb-4-5"
           >
+            
+    
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+    
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+    
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+  
           </ul>
+          
+  
+
+
+
+
+
           <form
             novalidate
             onsubmit="return false;"
           >
+            
+                                        
             <div
               class="mb-3"
             >
+              
+                                
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
               <div
                 class="form-check"
               >
+                
+    
                 <input
                   class="form-check-input"
                   id="terms"
                   required
                   type="checkbox"
                 />
+                
+      
                 <label
                   class="form-check-label"
                   for="terms"
                 >
                   Accept terms and conditions of use
                 </label>
+                
+  
+
               </div>
+              
+
+                  
             </div>
+            
+                              
             <div
               class="mt-4-5 d-grid d-sm-block"
             >
+              
+        
+
+        
+
               <button
                 class="btn btn-primary btn-md"
                 type="submit"
               >
                 Save
               </button>
+              
+
+      
             </div>
+            
+  
           </form>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -5804,187 +12310,396 @@ exports[`OE - User terms renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
diff --git a/src/compositions/bcl-user/user-compact.html.twig b/src/compositions/bcl-user/user-compact.html.twig
index 3aee6364d..b6c45fcdf 100644
--- a/src/compositions/bcl-user/user-compact.html.twig
+++ b/src/compositions/bcl-user/user-compact.html.twig
@@ -1,5 +1,3 @@
-{% apply spaceless %}
-
 {# Parameters:
   - picture (object) (default: {})
     format: {
@@ -61,4 +59,3 @@
   </div>
 </div>
 
-{% endapply %}
diff --git a/src/compositions/bcl-vacancy/__snapshots__/vacancy.test.js.snap b/src/compositions/bcl-vacancy/__snapshots__/vacancy.test.js.snap
index c4bb3edfd..c4aa00d57 100644
--- a/src/compositions/bcl-vacancy/__snapshots__/vacancy.test.js.snap
+++ b/src/compositions/bcl-vacancy/__snapshots__/vacancy.test.js.snap
@@ -5,28 +5,42 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -36,56 +50,140 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +196,78 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +277,88 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +369,10 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +380,322 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +705,10 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +716,371 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +1088,71 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1163,335 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1499,18 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1520,8 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1529,29 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1559,8 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1571,8 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1580,28 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1609,151 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1762,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1778,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1794,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1810,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1826,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1842,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1858,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1873,35 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1910,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1926,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1942,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1958,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1982,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1998,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +2014,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +2030,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +2046,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +2062,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +2078,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +2094,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +2110,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +2126,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +2142,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,31 +2158,65 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
-                      <a
-                        class="w-100 mb-2-5 btn justify-content-start"
-                        href="/example.html#zh"
+                      
+                                                                                                    
+
+
+
+
+
+
+                      <a
+                        class="w-100 mb-2-5 btn justify-content-start"
+                        href="/example.html#zh"
                         hreflang="zh"
                         lang="zh"
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2225,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2241,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2265,14 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,40 +2281,111 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Senior Expert on Internal Models
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -1135,21 +2395,47 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill text-bg-dark"
                   >
                     Closed
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-grid d-md-block mt-3-5"
         >
@@ -1169,143 +2455,330 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
           </button>
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
           <div
             class="mb-4"
           >
+            
+    
+
+
+
+
+
+
             <h2
               class="mb-4 bcl-heading"
             >
               Vacancy details
             </h2>
+            
+    
             <div
               class="mt-3-5"
             >
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Opening date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         19 April 2022
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Closing date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         21 December 2022
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Grade
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         Grade name
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Ref. number
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         394857746532840
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+          
             </div>
+            
+  
           </div>
+                
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                  
           <h2
             class="mb-4"
             id=""
           >
             Vacancy description
           </h2>
+          
+          
           <p
             class="mb-3"
           >
@@ -1315,10 +2788,13 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -1328,6 +2804,8 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -1337,48 +2815,101 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+      
+            
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+  
+
+  
+  
+
+
+
             <h2
               class="mb-4 bcl-heading"
             >
               File download
             </h2>
+            
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -1389,7 +2920,17 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -1397,23 +2938,58 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-first"
                     aria-expanded="false"
@@ -1423,38 +2999,67 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-first"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1465,10 +3070,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1476,36 +3093,67 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1516,10 +3164,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1527,36 +3187,67 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1567,10 +3258,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1578,20 +3281,43 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -1602,45 +3328,100 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+          
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -1651,7 +3432,17 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -1659,23 +3450,58 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-second"
                     aria-expanded="false"
@@ -1685,38 +3511,67 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-second"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1727,10 +3582,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1738,36 +3605,67 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1778,10 +3676,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1789,36 +3699,67 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -1829,10 +3770,22 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -1840,20 +3793,43 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -1864,20 +3840,40 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+      
+        
           <h2
             class="mb-4 pt-4"
             id="share"
           >
             Share this page
           </h2>
+          
+      
+  
           <div
             class="d-none d-lg-inline-block"
           >
+            
+    
             <svg
               fill="none"
               height="38"
@@ -1885,72 +3881,113 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
               width="537"
               xmlns="http://www.w3.org/2000/svg"
             >
+              
+    
               <path
                 d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
                 fill="#326A9C"
               />
+              
+    
               <path
                 d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
                 fill="#255074"
               />
+              
+    
               <path
                 d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
                 fill="#5B7BB8"
               />
+              
+    
               <path
                 d="M151 19.0487C151 14.6033 147.418 10.9995 142.999 10.9995C138.581 10.9995 134.999 14.6033 134.999 19.0487C134.999 23.0663 137.925 26.3963 141.749 27.0001V21.3754H139.718V19.0487H141.749V17.2754C141.749 15.258 142.944 14.1437 144.771 14.1437C145.647 14.1437 146.562 14.3009 146.562 14.3009V16.2818H145.553C144.56 16.2818 144.25 16.9023 144.25 17.5388V19.0487H146.468L146.114 21.3754H144.25V27.0001C148.074 26.3963 151 23.0663 151 19.0487Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
                 fill="#486394"
               />
+              
+    
               <path
                 d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
                 fill="#4AA1EB"
               />
+              
+    
               <path
                 d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
                 fill="#3677B0"
               />
+              
+    
               <path
                 d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
                 fill="#65CF72"
               />
+              
+    
               <path
                 d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
                 fill="#59B665"
               />
+              
+    
               <path
                 d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
                 fill="white"
               />
+              
+    
             </svg>
+            
+  
           </div>
+          
+      
+
+      
+
           <button
             class="text-center ms-1 btn btn-link btn-md"
             data-bs-target="#socialModal"
@@ -1959,6 +3996,15 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
           >
             More share options
           </button>
+          
+
+      
+
+
+  
+
+
+
           <div
             aria-hidden="true"
             aria-label="socialModalLabel"
@@ -1966,12 +4012,18 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             id="socialModal"
             tabindex="-1"
           >
+            
+  
             <div
               class="modal-dialog"
             >
+              
+    
               <div
                 class="modal-content"
               >
+                
+            
                 <div
                   class="modal-header"
                 >
@@ -1988,6 +4040,8 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                     type="button"
                   />
                 </div>
+                
+      
                 <div
                   class="modal-body"
                 >
@@ -1998,180 +4052,266 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                     width="318"
                     xmlns="http://www.w3.org/2000/svg"
                   >
+                    
+    
                     <path
                       d="M0.5 4.5C0.5 2.29086 2.29086 0.5 4.5 0.5H44.5V38.5H4.5C2.29086 38.5 0.5 36.7091 0.5 34.5V4.5Z"
                       fill="#4AA1EB"
                     />
+                    
+    
                     <path
                       d="M19.526 26.5C25.5636 26.5 28.8673 21.497 28.8673 17.1658C28.8673 17.0251 28.8673 16.8844 28.8609 16.7436C29.5012 16.283 30.0582 15.7008 30.5 15.0418C29.911 15.3041 29.2771 15.4769 28.6112 15.56C29.2899 15.157 29.8085 14.5108 30.0582 13.7431C29.4244 14.1206 28.7201 14.3893 27.971 14.5364C27.3691 13.8967 26.5176 13.5 25.5764 13.5C23.7645 13.5 22.2919 14.9715 22.2919 16.782C22.2919 17.0379 22.3239 17.2874 22.3752 17.5305C19.6477 17.3962 17.2275 16.0846 15.6076 14.1014C15.3259 14.5876 15.1659 15.1506 15.1659 15.752C15.1659 16.8907 15.7485 17.8952 16.6257 18.4838C16.0878 18.4646 15.582 18.3174 15.1403 18.0743C15.1403 18.0871 15.1403 18.0999 15.1403 18.1191C15.1403 19.7057 16.2735 21.0364 17.7717 21.3371C17.4964 21.4139 17.2083 21.4523 16.9074 21.4523C16.6961 21.4523 16.4912 21.4331 16.2927 21.3947C16.7089 22.6998 17.9254 23.6467 19.3595 23.6722C18.2327 24.5551 16.8177 25.0797 15.2811 25.0797C15.0186 25.0797 14.7561 25.0669 14.5 25.0349C15.947 25.9562 17.6757 26.5 19.526 26.5Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M44.5 0.5H151C153.209 0.5 155 2.29086 155 4.5V34.5C155 36.7091 153.209 38.5 151 38.5H44.5V0.5Z"
                       fill="#3677B0"
                     />
+                    
+    
                     <path
                       d="M64.3281 13.125V24.5H62.8438V13.125H64.3281ZM67.9844 13.125V14.3594H59.1953V13.125H67.9844ZM71.1406 23L73.3125 16.0469H74.2656L74.0781 17.4297L71.8672 24.5H70.9375L71.1406 23ZM69.6797 16.0469L71.5312 23.0781L71.6641 24.5H70.6875L68.2344 16.0469H69.6797ZM76.3438 23.0234L78.1094 16.0469H79.5469L77.0938 24.5H76.125L76.3438 23.0234ZM74.4766 16.0469L76.6016 22.8828L76.8438 24.5H75.9219L73.6484 17.4141L73.4609 16.0469H74.4766ZM82.6016 16.0469V24.5H81.1484V16.0469H82.6016ZM81.0391 13.8047C81.0391 13.5703 81.1094 13.3724 81.25 13.2109C81.3958 13.0495 81.6094 12.9688 81.8906 12.9688C82.1667 12.9688 82.3776 13.0495 82.5234 13.2109C82.6745 13.3724 82.75 13.5703 82.75 13.8047C82.75 14.0286 82.6745 14.2214 82.5234 14.3828C82.3776 14.5391 82.1667 14.6172 81.8906 14.6172C81.6094 14.6172 81.3958 14.5391 81.25 14.3828C81.1094 14.2214 81.0391 14.0286 81.0391 13.8047ZM88.4609 16.0469V17.1562H83.8906V16.0469H88.4609ZM85.4375 13.9922H86.8828V22.4062C86.8828 22.6927 86.9271 22.9089 87.0156 23.0547C87.1042 23.2005 87.2188 23.2969 87.3594 23.3438C87.5 23.3906 87.651 23.4141 87.8125 23.4141C87.9323 23.4141 88.0573 23.4036 88.1875 23.3828C88.3229 23.3568 88.4245 23.3359 88.4922 23.3203L88.5 24.5C88.3854 24.5365 88.2344 24.5703 88.0469 24.6016C87.8646 24.638 87.6432 24.6562 87.3828 24.6562C87.0286 24.6562 86.7031 24.5859 86.4062 24.4453C86.1094 24.3047 85.8724 24.0703 85.6953 23.7422C85.5234 23.4089 85.4375 22.9609 85.4375 22.3984V13.9922ZM93.6953 16.0469V17.1562H89.125V16.0469H93.6953ZM90.6719 13.9922H92.1172V22.4062C92.1172 22.6927 92.1615 22.9089 92.25 23.0547C92.3385 23.2005 92.4531 23.2969 92.5938 23.3438C92.7344 23.3906 92.8854 23.4141 93.0469 23.4141C93.1667 23.4141 93.2917 23.4036 93.4219 23.3828C93.5573 23.3568 93.6589 23.3359 93.7266 23.3203L93.7344 24.5C93.6198 24.5365 93.4688 24.5703 93.2812 24.6016C93.099 24.638 92.8776 24.6562 92.6172 24.6562C92.263 24.6562 91.9375 24.5859 91.6406 24.4453C91.3438 24.3047 91.1068 24.0703 90.9297 23.7422C90.7578 23.4089 90.6719 22.9609 90.6719 22.3984V13.9922ZM98.8984 24.6562C98.3099 24.6562 97.776 24.5573 97.2969 24.3594C96.8229 24.1562 96.4141 23.8724 96.0703 23.5078C95.7318 23.1432 95.4714 22.7109 95.2891 22.2109C95.1068 21.7109 95.0156 21.1641 95.0156 20.5703V20.2422C95.0156 19.5547 95.1172 18.9427 95.3203 18.4062C95.5234 17.8646 95.7995 17.4062 96.1484 17.0312C96.4974 16.6562 96.8932 16.3724 97.3359 16.1797C97.7786 15.987 98.237 15.8906 98.7109 15.8906C99.3151 15.8906 99.8359 15.9948 100.273 16.2031C100.716 16.4115 101.078 16.7031 101.359 17.0781C101.641 17.4479 101.849 17.8854 101.984 18.3906C102.12 18.8906 102.188 19.4375 102.188 20.0312V20.6797H95.875V19.5H100.742V19.3906C100.721 19.0156 100.643 18.651 100.508 18.2969C100.378 17.9427 100.169 17.651 99.8828 17.4219C99.5964 17.1927 99.2057 17.0781 98.7109 17.0781C98.3828 17.0781 98.0807 17.1484 97.8047 17.2891C97.5286 17.4245 97.2917 17.6276 97.0938 17.8984C96.8958 18.1693 96.7422 18.5 96.6328 18.8906C96.5234 19.2812 96.4688 19.7318 96.4688 20.2422V20.5703C96.4688 20.9714 96.5234 21.349 96.6328 21.7031C96.7474 22.0521 96.9115 22.3594 97.125 22.625C97.3438 22.8906 97.6068 23.099 97.9141 23.25C98.2266 23.401 98.5807 23.4766 98.9766 23.4766C99.487 23.4766 99.9193 23.3724 100.273 23.1641C100.628 22.9557 100.938 22.6771 101.203 22.3281L102.078 23.0234C101.896 23.2995 101.664 23.5625 101.383 23.8125C101.102 24.0625 100.755 24.2656 100.344 24.4219C99.9375 24.5781 99.4557 24.6562 98.8984 24.6562ZM105.32 17.375V24.5H103.875V16.0469H105.281L105.32 17.375ZM107.961 16L107.953 17.3438C107.833 17.3177 107.719 17.3021 107.609 17.2969C107.505 17.2865 107.385 17.2812 107.25 17.2812C106.917 17.2812 106.622 17.3333 106.367 17.4375C106.112 17.5417 105.896 17.6875 105.719 17.875C105.542 18.0625 105.401 18.2865 105.297 18.5469C105.198 18.8021 105.133 19.0833 105.102 19.3906L104.695 19.625C104.695 19.1146 104.745 18.6354 104.844 18.1875C104.948 17.7396 105.107 17.3438 105.32 17C105.534 16.651 105.805 16.3802 106.133 16.1875C106.466 15.9896 106.862 15.8906 107.32 15.8906C107.424 15.8906 107.544 15.9036 107.68 15.9297C107.815 15.9505 107.909 15.974 107.961 16Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 4.5C163 2.29086 164.791 0.5 167 0.5H207V38.5H167C164.791 38.5 163 36.7091 163 34.5V4.5Z"
                       fill="#5B7BB8"
                     />
+                    
+    
                     <path
                       d="M193 19.5482C193 15.1028 189.418 11.499 184.999 11.499C180.581 11.499 176.999 15.1028 176.999 19.5482C176.999 23.5658 179.925 26.8958 183.749 27.4997V21.875H181.718V19.5482H183.749V17.7749C183.749 15.7576 184.944 14.6432 186.771 14.6432C187.647 14.6432 188.562 14.8005 188.562 14.8005V16.7813H187.553C186.56 16.7813 186.25 17.4018 186.25 18.0383V19.5482H188.468L188.114 21.875H186.25V27.4997C190.074 26.8958 193 23.5658 193 19.5482Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M207 0.5H313.5C315.709 0.5 317.5 2.29086 317.5 4.5V34.5C317.5 36.7091 315.709 38.5 313.5 38.5H207V0.5Z"
                       fill="#486394"
                     />
+                    
+    
                     <path
                       d="M224.086 13.125V24.5H222.578V13.125H224.086ZM228.852 18.2422V19.4766H223.758V18.2422H228.852ZM229.625 13.125V14.3594H223.758V13.125H229.625ZM235.922 23.0547V18.7031C235.922 18.3698 235.854 18.0807 235.719 17.8359C235.589 17.5859 235.391 17.3932 235.125 17.2578C234.859 17.1224 234.531 17.0547 234.141 17.0547C233.776 17.0547 233.456 17.1172 233.18 17.2422C232.909 17.3672 232.695 17.5312 232.539 17.7344C232.388 17.9375 232.312 18.1562 232.312 18.3906H230.867C230.867 18.0885 230.945 17.7891 231.102 17.4922C231.258 17.1953 231.482 16.9271 231.773 16.6875C232.07 16.4427 232.424 16.25 232.836 16.1094C233.253 15.9635 233.716 15.8906 234.227 15.8906C234.841 15.8906 235.383 15.9948 235.852 16.2031C236.326 16.4115 236.695 16.7266 236.961 17.1484C237.232 17.5651 237.367 18.0885 237.367 18.7188V22.6562C237.367 22.9375 237.391 23.237 237.438 23.5547C237.49 23.8724 237.565 24.1458 237.664 24.375V24.5H236.156C236.083 24.3333 236.026 24.112 235.984 23.8359C235.943 23.5547 235.922 23.2943 235.922 23.0547ZM236.172 19.375L236.188 20.3906H234.727C234.315 20.3906 233.948 20.4245 233.625 20.4922C233.302 20.5547 233.031 20.651 232.812 20.7812C232.594 20.9115 232.427 21.0755 232.312 21.2734C232.198 21.4661 232.141 21.6927 232.141 21.9531C232.141 22.2188 232.201 22.4609 232.32 22.6797C232.44 22.8984 232.62 23.0729 232.859 23.2031C233.104 23.3281 233.404 23.3906 233.758 23.3906C234.201 23.3906 234.591 23.2969 234.93 23.1094C235.268 22.9219 235.536 22.6927 235.734 22.4219C235.938 22.151 236.047 21.888 236.062 21.6328L236.68 22.3281C236.643 22.5469 236.544 22.7891 236.383 23.0547C236.221 23.3203 236.005 23.5755 235.734 23.8203C235.469 24.0599 235.151 24.2604 234.781 24.4219C234.417 24.5781 234.005 24.6562 233.547 24.6562C232.974 24.6562 232.471 24.5443 232.039 24.3203C231.612 24.0964 231.279 23.7969 231.039 23.4219C230.805 23.0417 230.688 22.6172 230.688 22.1484C230.688 21.6953 230.776 21.2969 230.953 20.9531C231.13 20.6042 231.385 20.3151 231.719 20.0859C232.052 19.8516 232.453 19.6745 232.922 19.5547C233.391 19.4349 233.914 19.375 234.492 19.375H236.172ZM243.023 23.4688C243.367 23.4688 243.685 23.3984 243.977 23.2578C244.268 23.1172 244.508 22.9245 244.695 22.6797C244.883 22.4297 244.99 22.1458 245.016 21.8281H246.391C246.365 22.3281 246.195 22.7943 245.883 23.2266C245.576 23.6536 245.172 24 244.672 24.2656C244.172 24.526 243.622 24.6562 243.023 24.6562C242.388 24.6562 241.833 24.5443 241.359 24.3203C240.891 24.0964 240.5 23.7891 240.188 23.3984C239.88 23.0078 239.648 22.5599 239.492 22.0547C239.341 21.5443 239.266 21.0052 239.266 20.4375V20.1094C239.266 19.5417 239.341 19.0052 239.492 18.5C239.648 17.9896 239.88 17.5391 240.188 17.1484C240.5 16.7578 240.891 16.4505 241.359 16.2266C241.833 16.0026 242.388 15.8906 243.023 15.8906C243.685 15.8906 244.263 16.026 244.758 16.2969C245.253 16.5625 245.641 16.9271 245.922 17.3906C246.208 17.849 246.365 18.3698 246.391 18.9531H245.016C244.99 18.6042 244.891 18.2891 244.719 18.0078C244.552 17.7266 244.323 17.5026 244.031 17.3359C243.745 17.1641 243.409 17.0781 243.023 17.0781C242.581 17.0781 242.208 17.1667 241.906 17.3438C241.609 17.5156 241.372 17.75 241.195 18.0469C241.023 18.3385 240.898 18.6641 240.82 19.0234C240.747 19.3776 240.711 19.7396 240.711 20.1094V20.4375C240.711 20.8073 240.747 21.1719 240.82 21.5312C240.893 21.8906 241.016 22.2161 241.188 22.5078C241.365 22.7995 241.602 23.0339 241.898 23.2109C242.201 23.3828 242.576 23.4688 243.023 23.4688ZM251.523 24.6562C250.935 24.6562 250.401 24.5573 249.922 24.3594C249.448 24.1562 249.039 23.8724 248.695 23.5078C248.357 23.1432 248.096 22.7109 247.914 22.2109C247.732 21.7109 247.641 21.1641 247.641 20.5703V20.2422C247.641 19.5547 247.742 18.9427 247.945 18.4062C248.148 17.8646 248.424 17.4062 248.773 17.0312C249.122 16.6562 249.518 16.3724 249.961 16.1797C250.404 15.987 250.862 15.8906 251.336 15.8906C251.94 15.8906 252.461 15.9948 252.898 16.2031C253.341 16.4115 253.703 16.7031 253.984 17.0781C254.266 17.4479 254.474 17.8854 254.609 18.3906C254.745 18.8906 254.812 19.4375 254.812 20.0312V20.6797H248.5V19.5H253.367V19.3906C253.346 19.0156 253.268 18.651 253.133 18.2969C253.003 17.9427 252.794 17.651 252.508 17.4219C252.221 17.1927 251.831 17.0781 251.336 17.0781C251.008 17.0781 250.706 17.1484 250.43 17.2891C250.154 17.4245 249.917 17.6276 249.719 17.8984C249.521 18.1693 249.367 18.5 249.258 18.8906C249.148 19.2812 249.094 19.7318 249.094 20.2422V20.5703C249.094 20.9714 249.148 21.349 249.258 21.7031C249.372 22.0521 249.536 22.3594 249.75 22.625C249.969 22.8906 250.232 23.099 250.539 23.25C250.852 23.401 251.206 23.4766 251.602 23.4766C252.112 23.4766 252.544 23.3724 252.898 23.1641C253.253 22.9557 253.562 22.6771 253.828 22.3281L254.703 23.0234C254.521 23.2995 254.289 23.5625 254.008 23.8125C253.727 24.0625 253.38 24.2656 252.969 24.4219C252.562 24.5781 252.081 24.6562 251.523 24.6562ZM256.492 12.5H257.945V22.8594L257.82 24.5H256.492V12.5ZM263.656 20.2031V20.3672C263.656 20.9818 263.583 21.5521 263.438 22.0781C263.292 22.599 263.078 23.0521 262.797 23.4375C262.516 23.8229 262.172 24.1224 261.766 24.3359C261.359 24.5495 260.893 24.6562 260.367 24.6562C259.831 24.6562 259.359 24.5651 258.953 24.3828C258.552 24.1953 258.214 23.9271 257.938 23.5781C257.661 23.2292 257.44 22.8073 257.273 22.3125C257.112 21.8177 257 21.2604 256.938 20.6406V19.9219C257 19.2969 257.112 18.737 257.273 18.2422C257.44 17.7474 257.661 17.3255 257.938 16.9766C258.214 16.6224 258.552 16.3542 258.953 16.1719C259.354 15.9844 259.82 15.8906 260.352 15.8906C260.883 15.8906 261.354 15.9948 261.766 16.2031C262.177 16.4062 262.521 16.6979 262.797 17.0781C263.078 17.4583 263.292 17.9141 263.438 18.4453C263.583 18.9714 263.656 19.5573 263.656 20.2031ZM262.203 20.3672V20.2031C262.203 19.7812 262.164 19.3854 262.086 19.0156C262.008 18.6406 261.883 18.3125 261.711 18.0312C261.539 17.7448 261.312 17.5208 261.031 17.3594C260.75 17.1927 260.404 17.1094 259.992 17.1094C259.628 17.1094 259.31 17.1719 259.039 17.2969C258.773 17.4219 258.547 17.5911 258.359 17.8047C258.172 18.013 258.018 18.2526 257.898 18.5234C257.784 18.7891 257.698 19.0651 257.641 19.3516V21.2344C257.724 21.599 257.859 21.9505 258.047 22.2891C258.24 22.6224 258.495 22.8958 258.812 23.1094C259.135 23.3229 259.534 23.4297 260.008 23.4297C260.398 23.4297 260.732 23.3516 261.008 23.1953C261.289 23.0339 261.516 22.8125 261.688 22.5312C261.865 22.25 261.995 21.9245 262.078 21.5547C262.161 21.1849 262.203 20.7891 262.203 20.3672ZM265.102 20.3672V20.1875C265.102 19.5781 265.19 19.013 265.367 18.4922C265.544 17.9661 265.799 17.5104 266.133 17.125C266.466 16.7344 266.87 16.4323 267.344 16.2188C267.818 16 268.349 15.8906 268.938 15.8906C269.531 15.8906 270.065 16 270.539 16.2188C271.018 16.4323 271.424 16.7344 271.758 17.125C272.096 17.5104 272.354 17.9661 272.531 18.4922C272.708 19.013 272.797 19.5781 272.797 20.1875V20.3672C272.797 20.9766 272.708 21.5417 272.531 22.0625C272.354 22.5833 272.096 23.0391 271.758 23.4297C271.424 23.8151 271.021 24.1172 270.547 24.3359C270.078 24.5495 269.547 24.6562 268.953 24.6562C268.359 24.6562 267.826 24.5495 267.352 24.3359C266.878 24.1172 266.471 23.8151 266.133 23.4297C265.799 23.0391 265.544 22.5833 265.367 22.0625C265.19 21.5417 265.102 20.9766 265.102 20.3672ZM266.547 20.1875V20.3672C266.547 20.7891 266.596 21.1875 266.695 21.5625C266.794 21.9323 266.943 22.2604 267.141 22.5469C267.344 22.8333 267.596 23.0599 267.898 23.2266C268.201 23.388 268.552 23.4688 268.953 23.4688C269.349 23.4688 269.695 23.388 269.992 23.2266C270.294 23.0599 270.544 22.8333 270.742 22.5469C270.94 22.2604 271.089 21.9323 271.188 21.5625C271.292 21.1875 271.344 20.7891 271.344 20.3672V20.1875C271.344 19.7708 271.292 19.3776 271.188 19.0078C271.089 18.6328 270.938 18.3021 270.734 18.0156C270.536 17.724 270.286 17.4948 269.984 17.3281C269.688 17.1615 269.339 17.0781 268.938 17.0781C268.542 17.0781 268.193 17.1615 267.891 17.3281C267.594 17.4948 267.344 17.724 267.141 18.0156C266.943 18.3021 266.794 18.6328 266.695 19.0078C266.596 19.3776 266.547 19.7708 266.547 20.1875ZM274.227 20.3672V20.1875C274.227 19.5781 274.315 19.013 274.492 18.4922C274.669 17.9661 274.924 17.5104 275.258 17.125C275.591 16.7344 275.995 16.4323 276.469 16.2188C276.943 16 277.474 15.8906 278.062 15.8906C278.656 15.8906 279.19 16 279.664 16.2188C280.143 16.4323 280.549 16.7344 280.883 17.125C281.221 17.5104 281.479 17.9661 281.656 18.4922C281.833 19.013 281.922 19.5781 281.922 20.1875V20.3672C281.922 20.9766 281.833 21.5417 281.656 22.0625C281.479 22.5833 281.221 23.0391 280.883 23.4297C280.549 23.8151 280.146 24.1172 279.672 24.3359C279.203 24.5495 278.672 24.6562 278.078 24.6562C277.484 24.6562 276.951 24.5495 276.477 24.3359C276.003 24.1172 275.596 23.8151 275.258 23.4297C274.924 23.0391 274.669 22.5833 274.492 22.0625C274.315 21.5417 274.227 20.9766 274.227 20.3672ZM275.672 20.1875V20.3672C275.672 20.7891 275.721 21.1875 275.82 21.5625C275.919 21.9323 276.068 22.2604 276.266 22.5469C276.469 22.8333 276.721 23.0599 277.023 23.2266C277.326 23.388 277.677 23.4688 278.078 23.4688C278.474 23.4688 278.82 23.388 279.117 23.2266C279.419 23.0599 279.669 22.8333 279.867 22.5469C280.065 22.2604 280.214 21.9323 280.312 21.5625C280.417 21.1875 280.469 20.7891 280.469 20.3672V20.1875C280.469 19.7708 280.417 19.3776 280.312 19.0078C280.214 18.6328 280.062 18.3021 279.859 18.0156C279.661 17.724 279.411 17.4948 279.109 17.3281C278.812 17.1615 278.464 17.0781 278.062 17.0781C277.667 17.0781 277.318 17.1615 277.016 17.3281C276.719 17.4948 276.469 17.724 276.266 18.0156C276.068 18.3021 275.919 18.6328 275.82 19.0078C275.721 19.3776 275.672 19.7708 275.672 20.1875ZM285.188 12.5V24.5H283.734V12.5H285.188ZM290.352 16.0469L286.664 19.9922L284.602 22.1328L284.484 20.5938L285.961 18.8281L288.586 16.0469H290.352ZM289.031 24.5L286.016 20.4688L286.766 19.1797L290.734 24.5H289.031Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 50.5C0.5 48.2909 2.29086 46.5 4.5 46.5H44.5V84.5H4.5C2.29086 84.5 0.5 82.7091 0.5 80.5V50.5Z"
                       fill="#3B84C2"
                     />
+                    
+    
                     <path
                       d="M14.5 58.6461C14.5 58.0133 15.026 57.5 15.6749 57.5H29.3251C29.974 57.5 30.5 58.0133 30.5 58.6461V72.3539C30.5 72.9869 29.974 73.5 29.3251 73.5L15.6749 73.5C15.026 73.5 14.5 72.9869 14.5 72.3539V58.6461ZM19.4434 70.8937V63.6688H17.042V70.8937H19.4434ZM18.2427 62.6823C19.0801 62.6823 19.6013 62.1275 19.6013 61.4342C19.5857 60.7253 19.0801 60.1859 18.2585 60.1859C17.4371 60.1859 16.9 60.7253 16.9 61.4342C16.9 62.1275 17.4211 62.6823 18.227 62.6823H18.2427ZM23.1514 70.8937V66.859C23.1514 66.643 23.167 66.4273 23.2304 66.273C23.404 65.8415 23.7991 65.3947 24.4625 65.3947C25.3315 65.3947 25.6791 66.0572 25.6791 67.0285V70.8937H28.0803V66.751C28.0803 64.5318 26.8956 63.4992 25.3156 63.4992C24.0418 63.4992 23.4706 64.1994 23.1515 64.6917V64.7166H23.1354C23.1407 64.7083 23.146 64.7 23.1515 64.6917V63.6688H20.7501C20.7816 64.3467 20.7501 70.8937 20.7501 70.8937H23.1514Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M44.5 46.5H151C153.209 46.5 155 48.2909 155 50.5V80.5C155 82.7091 153.209 84.5 151 84.5H44.5V46.5Z"
                       fill="#336B94"
                     />
+                    
+    
                     <path
                       d="M66.9375 69.2734V70.5H61.25V69.2734H66.9375ZM61.5469 59.125V70.5H60.0391V59.125H61.5469ZM70.0156 62.0469V70.5H68.5625V62.0469H70.0156ZM68.4531 59.8047C68.4531 59.5703 68.5234 59.3724 68.6641 59.2109C68.8099 59.0495 69.0234 58.9688 69.3047 58.9688C69.5807 58.9688 69.7917 59.0495 69.9375 59.2109C70.0885 59.3724 70.1641 59.5703 70.1641 59.8047C70.1641 60.0286 70.0885 60.2214 69.9375 60.3828C69.7917 60.5391 69.5807 60.6172 69.3047 60.6172C69.0234 60.6172 68.8099 60.5391 68.6641 60.3828C68.5234 60.2214 68.4531 60.0286 68.4531 59.8047ZM73.7812 63.8516V70.5H72.3359V62.0469H73.7031L73.7812 63.8516ZM73.4375 65.9531L72.8359 65.9297C72.8411 65.3516 72.9271 64.8177 73.0938 64.3281C73.2604 63.8333 73.4948 63.4036 73.7969 63.0391C74.099 62.6745 74.4583 62.3932 74.875 62.1953C75.2969 61.9922 75.763 61.8906 76.2734 61.8906C76.6901 61.8906 77.0651 61.9479 77.3984 62.0625C77.7318 62.1719 78.0156 62.349 78.25 62.5938C78.4896 62.8385 78.6719 63.1562 78.7969 63.5469C78.9219 63.9323 78.9844 64.4036 78.9844 64.9609V70.5H77.5312V64.9453C77.5312 64.5026 77.4661 64.1484 77.3359 63.8828C77.2057 63.612 77.0156 63.4167 76.7656 63.2969C76.5156 63.1719 76.2083 63.1094 75.8438 63.1094C75.4844 63.1094 75.1562 63.1849 74.8594 63.3359C74.5677 63.487 74.3151 63.6953 74.1016 63.9609C73.8932 64.2266 73.7292 64.5312 73.6094 64.875C73.4948 65.2135 73.4375 65.5729 73.4375 65.9531ZM82.6328 58.5V70.5H81.1797V58.5H82.6328ZM87.7969 62.0469L84.1094 65.9922L82.0469 68.1328L81.9297 66.5938L83.4062 64.8281L86.0312 62.0469H87.7969ZM86.4766 70.5L83.4609 66.4688L84.2109 65.1797L88.1797 70.5H86.4766ZM92.6406 70.6562C92.0521 70.6562 91.5182 70.5573 91.0391 70.3594C90.5651 70.1562 90.1562 69.8724 89.8125 69.5078C89.474 69.1432 89.2135 68.7109 89.0312 68.2109C88.849 67.7109 88.7578 67.1641 88.7578 66.5703V66.2422C88.7578 65.5547 88.8594 64.9427 89.0625 64.4062C89.2656 63.8646 89.5417 63.4062 89.8906 63.0312C90.2396 62.6562 90.6354 62.3724 91.0781 62.1797C91.5208 61.987 91.9792 61.8906 92.4531 61.8906C93.0573 61.8906 93.5781 61.9948 94.0156 62.2031C94.4583 62.4115 94.8203 62.7031 95.1016 63.0781C95.3828 63.4479 95.5911 63.8854 95.7266 64.3906C95.862 64.8906 95.9297 65.4375 95.9297 66.0312V66.6797H89.6172V65.5H94.4844V65.3906C94.4635 65.0156 94.3854 64.651 94.25 64.2969C94.1198 63.9427 93.9115 63.651 93.625 63.4219C93.3385 63.1927 92.9479 63.0781 92.4531 63.0781C92.125 63.0781 91.8229 63.1484 91.5469 63.2891C91.2708 63.4245 91.0339 63.6276 90.8359 63.8984C90.638 64.1693 90.4844 64.5 90.375 64.8906C90.2656 65.2812 90.2109 65.7318 90.2109 66.2422V66.5703C90.2109 66.9714 90.2656 67.349 90.375 67.7031C90.4896 68.0521 90.6536 68.3594 90.8672 68.625C91.0859 68.8906 91.349 69.099 91.6562 69.25C91.9688 69.401 92.3229 69.4766 92.7188 69.4766C93.2292 69.4766 93.6615 69.3724 94.0156 69.1641C94.3698 68.9557 94.6797 68.6771 94.9453 68.3281L95.8203 69.0234C95.638 69.2995 95.4062 69.5625 95.125 69.8125C94.8438 70.0625 94.4974 70.2656 94.0859 70.4219C93.6797 70.5781 93.1979 70.6562 92.6406 70.6562ZM102.945 68.8594V58.5H104.398V70.5H103.07L102.945 68.8594ZM97.2578 66.3672V66.2031C97.2578 65.5573 97.3359 64.9714 97.4922 64.4453C97.6536 63.9141 97.8802 63.4583 98.1719 63.0781C98.4688 62.6979 98.8203 62.4062 99.2266 62.2031C99.638 61.9948 100.096 61.8906 100.602 61.8906C101.133 61.8906 101.596 61.9844 101.992 62.1719C102.393 62.3542 102.732 62.6224 103.008 62.9766C103.289 63.3255 103.51 63.7474 103.672 64.2422C103.833 64.737 103.945 65.2969 104.008 65.9219V66.6406C103.951 67.2604 103.839 67.8177 103.672 68.3125C103.51 68.8073 103.289 69.2292 103.008 69.5781C102.732 69.9271 102.393 70.1953 101.992 70.3828C101.591 70.5651 101.122 70.6562 100.586 70.6562C100.091 70.6562 99.638 70.5495 99.2266 70.3359C98.8203 70.1224 98.4688 69.8229 98.1719 69.4375C97.8802 69.0521 97.6536 68.599 97.4922 68.0781C97.3359 67.5521 97.2578 66.9818 97.2578 66.3672ZM98.7109 66.2031V66.3672C98.7109 66.7891 98.7526 67.1849 98.8359 67.5547C98.9245 67.9245 99.0599 68.25 99.2422 68.5312C99.4245 68.8125 99.6562 69.0339 99.9375 69.1953C100.219 69.3516 100.555 69.4297 100.945 69.4297C101.424 69.4297 101.818 69.3281 102.125 69.125C102.438 68.9219 102.688 68.6536 102.875 68.3203C103.062 67.987 103.208 67.625 103.312 67.2344V65.3516C103.25 65.0651 103.159 64.7891 103.039 64.5234C102.924 64.2526 102.773 64.013 102.586 63.8047C102.404 63.5911 102.177 63.4219 101.906 63.2969C101.641 63.1719 101.326 63.1094 100.961 63.1094C100.565 63.1094 100.224 63.1927 99.9375 63.3594C99.6562 63.5208 99.4245 63.7448 99.2422 64.0312C99.0599 64.3125 98.9245 64.6406 98.8359 65.0156C98.7526 65.3854 98.7109 65.7812 98.7109 66.2031ZM108.219 62.0469V70.5H106.766V62.0469H108.219ZM106.656 59.8047C106.656 59.5703 106.727 59.3724 106.867 59.2109C107.013 59.0495 107.227 58.9688 107.508 58.9688C107.784 58.9688 107.995 59.0495 108.141 59.2109C108.292 59.3724 108.367 59.5703 108.367 59.8047C108.367 60.0286 108.292 60.2214 108.141 60.3828C107.995 60.5391 107.784 60.6172 107.508 60.6172C107.227 60.6172 107.013 60.5391 106.867 60.3828C106.727 60.2214 106.656 60.0286 106.656 59.8047ZM111.984 63.8516V70.5H110.539V62.0469H111.906L111.984 63.8516ZM111.641 65.9531L111.039 65.9297C111.044 65.3516 111.13 64.8177 111.297 64.3281C111.464 63.8333 111.698 63.4036 112 63.0391C112.302 62.6745 112.661 62.3932 113.078 62.1953C113.5 61.9922 113.966 61.8906 114.477 61.8906C114.893 61.8906 115.268 61.9479 115.602 62.0625C115.935 62.1719 116.219 62.349 116.453 62.5938C116.693 62.8385 116.875 63.1562 117 63.5469C117.125 63.9323 117.188 64.4036 117.188 64.9609V70.5H115.734V64.9453C115.734 64.5026 115.669 64.1484 115.539 63.8828C115.409 63.612 115.219 63.4167 114.969 63.2969C114.719 63.1719 114.411 63.1094 114.047 63.1094C113.688 63.1094 113.359 63.1849 113.062 63.3359C112.771 63.487 112.518 63.6953 112.305 63.9609C112.096 64.2266 111.932 64.5312 111.812 64.875C111.698 65.2135 111.641 65.5729 111.641 65.9531Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 50.5C163 48.2909 164.791 46.5 167 46.5H207V84.5H167C164.791 84.5 163 82.7091 163 80.5V50.5Z"
                       fill="#326A9C"
                     />
+                    
+    
                     <path
                       d="M177.05 61.0554C177.252 60.1648 178.048 59.5 179 59.5H191C191.952 59.5 192.748 60.1648 192.95 61.0554L185 65.914L177.05 61.0554ZM177 62.1971V69.3006L182.803 65.7435L177 62.1971ZM183.761 66.3291L177.192 70.3559C177.513 71.0323 178.202 71.5 179 71.5H191C191.798 71.5 192.487 71.0323 192.808 70.3559L186.239 66.3291L185 67.086L183.761 66.3291ZM187.197 65.7435L193 69.3006V62.1971L187.197 65.7435Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M207 46.5H313.5C315.709 46.5 317.5 48.2909 317.5 50.5V80.5C317.5 82.7091 315.709 84.5 313.5 84.5H207V46.5Z"
                       fill="#255074"
                     />
+                    
+    
                     <path
                       d="M230.031 69.2734V70.5H224.008V69.2734H230.031ZM224.312 59.125V70.5H222.805V59.125H224.312ZM229.234 64.0156V65.2422H224.008V64.0156H229.234ZM229.953 59.125V60.3594H224.008V59.125H229.953ZM234.688 65.0703V66.2578H230.875V65.0703H234.688ZM237.539 63.7266V70.5H236.086V62.0469H237.461L237.539 63.7266ZM237.242 65.9531L236.57 65.9297C236.576 65.3516 236.651 64.8177 236.797 64.3281C236.943 63.8333 237.159 63.4036 237.445 63.0391C237.732 62.6745 238.089 62.3932 238.516 62.1953C238.943 61.9922 239.438 61.8906 240 61.8906C240.396 61.8906 240.76 61.9479 241.094 62.0625C241.427 62.1719 241.716 62.3464 241.961 62.5859C242.206 62.8255 242.396 63.1328 242.531 63.5078C242.667 63.8828 242.734 64.3359 242.734 64.8672V70.5H241.289V64.9375C241.289 64.4948 241.214 64.1406 241.062 63.875C240.917 63.6094 240.708 63.4167 240.438 63.2969C240.167 63.1719 239.849 63.1094 239.484 63.1094C239.057 63.1094 238.701 63.1849 238.414 63.3359C238.128 63.487 237.898 63.6953 237.727 63.9609C237.555 64.2266 237.43 64.5312 237.352 64.875C237.279 65.2135 237.242 65.5729 237.242 65.9531ZM242.719 65.1562L241.75 65.4531C241.755 64.9896 241.831 64.5443 241.977 64.1172C242.128 63.6901 242.344 63.3099 242.625 62.9766C242.911 62.6432 243.263 62.3802 243.68 62.1875C244.096 61.9896 244.573 61.8906 245.109 61.8906C245.562 61.8906 245.964 61.9505 246.312 62.0703C246.667 62.1901 246.964 62.375 247.203 62.625C247.448 62.8698 247.633 63.1849 247.758 63.5703C247.883 63.9557 247.945 64.4141 247.945 64.9453V70.5H246.492V64.9297C246.492 64.4557 246.417 64.0885 246.266 63.8281C246.12 63.5625 245.911 63.3776 245.641 63.2734C245.375 63.1641 245.057 63.1094 244.688 63.1094C244.37 63.1094 244.089 63.1641 243.844 63.2734C243.599 63.3828 243.393 63.5339 243.227 63.7266C243.06 63.9141 242.932 64.1302 242.844 64.375C242.76 64.6198 242.719 64.8802 242.719 65.1562ZM255.117 69.0547V64.7031C255.117 64.3698 255.049 64.0807 254.914 63.8359C254.784 63.5859 254.586 63.3932 254.32 63.2578C254.055 63.1224 253.727 63.0547 253.336 63.0547C252.971 63.0547 252.651 63.1172 252.375 63.2422C252.104 63.3672 251.891 63.5312 251.734 63.7344C251.583 63.9375 251.508 64.1562 251.508 64.3906H250.062C250.062 64.0885 250.141 63.7891 250.297 63.4922C250.453 63.1953 250.677 62.9271 250.969 62.6875C251.266 62.4427 251.62 62.25 252.031 62.1094C252.448 61.9635 252.911 61.8906 253.422 61.8906C254.036 61.8906 254.578 61.9948 255.047 62.2031C255.521 62.4115 255.891 62.7266 256.156 63.1484C256.427 63.5651 256.562 64.0885 256.562 64.7188V68.6562C256.562 68.9375 256.586 69.237 256.633 69.5547C256.685 69.8724 256.76 70.1458 256.859 70.375V70.5H255.352C255.279 70.3333 255.221 70.112 255.18 69.8359C255.138 69.5547 255.117 69.2943 255.117 69.0547ZM255.367 65.375L255.383 66.3906H253.922C253.51 66.3906 253.143 66.4245 252.82 66.4922C252.497 66.5547 252.227 66.651 252.008 66.7812C251.789 66.9115 251.622 67.0755 251.508 67.2734C251.393 67.4661 251.336 67.6927 251.336 67.9531C251.336 68.2188 251.396 68.4609 251.516 68.6797C251.635 68.8984 251.815 69.0729 252.055 69.2031C252.299 69.3281 252.599 69.3906 252.953 69.3906C253.396 69.3906 253.786 69.2969 254.125 69.1094C254.464 68.9219 254.732 68.6927 254.93 68.4219C255.133 68.151 255.242 67.888 255.258 67.6328L255.875 68.3281C255.839 68.5469 255.74 68.7891 255.578 69.0547C255.417 69.3203 255.201 69.5755 254.93 69.8203C254.664 70.0599 254.346 70.2604 253.977 70.4219C253.612 70.5781 253.201 70.6562 252.742 70.6562C252.169 70.6562 251.667 70.5443 251.234 70.3203C250.807 70.0964 250.474 69.7969 250.234 69.4219C250 69.0417 249.883 68.6172 249.883 68.1484C249.883 67.6953 249.971 67.2969 250.148 66.9531C250.326 66.6042 250.581 66.3151 250.914 66.0859C251.247 65.8516 251.648 65.6745 252.117 65.5547C252.586 65.4349 253.109 65.375 253.688 65.375H255.367ZM260.406 62.0469V70.5H258.953V62.0469H260.406ZM258.844 59.8047C258.844 59.5703 258.914 59.3724 259.055 59.2109C259.201 59.0495 259.414 58.9688 259.695 58.9688C259.971 58.9688 260.182 59.0495 260.328 59.2109C260.479 59.3724 260.555 59.5703 260.555 59.8047C260.555 60.0286 260.479 60.2214 260.328 60.3828C260.182 60.5391 259.971 60.6172 259.695 60.6172C259.414 60.6172 259.201 60.5391 259.055 60.3828C258.914 60.2214 258.844 60.0286 258.844 59.8047ZM264.297 58.5V70.5H262.844V58.5H264.297Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 96.5C0.5 94.2909 2.29086 92.5 4.5 92.5H44.5V130.5H4.5C2.29086 130.5 0.5 128.709 0.5 126.5V96.5Z"
                       fill="#BB2739"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="111.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 92.5H151C153.209 92.5 155 94.2909 155 96.5V126.5C155 128.709 153.209 130.5 151 130.5H44.5V92.5Z"
                       fill="#8B1A2A"
                     />
+                    
+    
                     <path
                       d="M64.1172 112.039H61.0781V110.812H64.1172C64.7057 110.812 65.1823 110.719 65.5469 110.531C65.9115 110.344 66.1771 110.083 66.3438 109.75C66.5156 109.417 66.6016 109.036 66.6016 108.609C66.6016 108.219 66.5156 107.852 66.3438 107.508C66.1771 107.164 65.9115 106.888 65.5469 106.68C65.1823 106.466 64.7057 106.359 64.1172 106.359H61.4297V116.5H59.9219V105.125H64.1172C64.9766 105.125 65.7031 105.273 66.2969 105.57C66.8906 105.867 67.3411 106.279 67.6484 106.805C67.9557 107.326 68.1094 107.922 68.1094 108.594C68.1094 109.323 67.9557 109.945 67.6484 110.461C67.3411 110.977 66.8906 111.37 66.2969 111.641C65.7031 111.906 64.9766 112.039 64.1172 112.039ZM71.3672 108.047V116.5H69.9141V108.047H71.3672ZM69.8047 105.805C69.8047 105.57 69.875 105.372 70.0156 105.211C70.1615 105.049 70.375 104.969 70.6562 104.969C70.9323 104.969 71.1432 105.049 71.2891 105.211C71.4401 105.372 71.5156 105.57 71.5156 105.805C71.5156 106.029 71.4401 106.221 71.2891 106.383C71.1432 106.539 70.9323 106.617 70.6562 106.617C70.375 106.617 70.1615 106.539 70.0156 106.383C69.875 106.221 69.8047 106.029 69.8047 105.805ZM75.1328 109.852V116.5H73.6875V108.047H75.0547L75.1328 109.852ZM74.7891 111.953L74.1875 111.93C74.1927 111.352 74.2786 110.818 74.4453 110.328C74.612 109.833 74.8464 109.404 75.1484 109.039C75.4505 108.674 75.8099 108.393 76.2266 108.195C76.6484 107.992 77.1146 107.891 77.625 107.891C78.0417 107.891 78.4167 107.948 78.75 108.062C79.0833 108.172 79.3672 108.349 79.6016 108.594C79.8411 108.839 80.0234 109.156 80.1484 109.547C80.2734 109.932 80.3359 110.404 80.3359 110.961V116.5H78.8828V110.945C78.8828 110.503 78.8177 110.148 78.6875 109.883C78.5573 109.612 78.3672 109.417 78.1172 109.297C77.8672 109.172 77.5599 109.109 77.1953 109.109C76.8359 109.109 76.5078 109.185 76.2109 109.336C75.9193 109.487 75.6667 109.695 75.4531 109.961C75.2448 110.227 75.0807 110.531 74.9609 110.875C74.8464 111.214 74.7891 111.573 74.7891 111.953ZM86.0703 108.047V109.156H81.5V108.047H86.0703ZM83.0469 105.992H84.4922V114.406C84.4922 114.693 84.5365 114.909 84.625 115.055C84.7135 115.201 84.8281 115.297 84.9688 115.344C85.1094 115.391 85.2604 115.414 85.4219 115.414C85.5417 115.414 85.6667 115.404 85.7969 115.383C85.9323 115.357 86.0339 115.336 86.1016 115.32L86.1094 116.5C85.9948 116.536 85.8438 116.57 85.6562 116.602C85.474 116.638 85.2526 116.656 84.9922 116.656C84.638 116.656 84.3125 116.586 84.0156 116.445C83.7188 116.305 83.4818 116.07 83.3047 115.742C83.1328 115.409 83.0469 114.961 83.0469 114.398V105.992ZM91.2734 116.656C90.6849 116.656 90.151 116.557 89.6719 116.359C89.1979 116.156 88.7891 115.872 88.4453 115.508C88.1068 115.143 87.8464 114.711 87.6641 114.211C87.4818 113.711 87.3906 113.164 87.3906 112.57V112.242C87.3906 111.555 87.4922 110.943 87.6953 110.406C87.8984 109.865 88.1745 109.406 88.5234 109.031C88.8724 108.656 89.2682 108.372 89.7109 108.18C90.1536 107.987 90.612 107.891 91.0859 107.891C91.6901 107.891 92.2109 107.995 92.6484 108.203C93.0911 108.411 93.4531 108.703 93.7344 109.078C94.0156 109.448 94.224 109.885 94.3594 110.391C94.4948 110.891 94.5625 111.438 94.5625 112.031V112.68H88.25V111.5H93.1172V111.391C93.0964 111.016 93.0182 110.651 92.8828 110.297C92.7526 109.943 92.5443 109.651 92.2578 109.422C91.9714 109.193 91.5807 109.078 91.0859 109.078C90.7578 109.078 90.4557 109.148 90.1797 109.289C89.9036 109.424 89.6667 109.628 89.4688 109.898C89.2708 110.169 89.1172 110.5 89.0078 110.891C88.8984 111.281 88.8438 111.732 88.8438 112.242V112.57C88.8438 112.971 88.8984 113.349 89.0078 113.703C89.1224 114.052 89.2865 114.359 89.5 114.625C89.7188 114.891 89.9818 115.099 90.2891 115.25C90.6016 115.401 90.9557 115.477 91.3516 115.477C91.862 115.477 92.2943 115.372 92.6484 115.164C93.0026 114.956 93.3125 114.677 93.5781 114.328L94.4531 115.023C94.2708 115.299 94.0391 115.562 93.7578 115.812C93.4766 116.062 93.1302 116.266 92.7188 116.422C92.3125 116.578 91.8307 116.656 91.2734 116.656ZM97.6953 109.375V116.5H96.25V108.047H97.6562L97.6953 109.375ZM100.336 108L100.328 109.344C100.208 109.318 100.094 109.302 99.9844 109.297C99.8802 109.286 99.7604 109.281 99.625 109.281C99.2917 109.281 98.9974 109.333 98.7422 109.438C98.487 109.542 98.2708 109.688 98.0938 109.875C97.9167 110.062 97.776 110.286 97.6719 110.547C97.5729 110.802 97.5078 111.083 97.4766 111.391L97.0703 111.625C97.0703 111.115 97.1198 110.635 97.2188 110.188C97.3229 109.74 97.4818 109.344 97.6953 109C97.9089 108.651 98.1797 108.38 98.5078 108.188C98.8411 107.99 99.237 107.891 99.6953 107.891C99.7995 107.891 99.9193 107.904 100.055 107.93C100.19 107.951 100.284 107.974 100.336 108ZM105.023 116.656C104.435 116.656 103.901 116.557 103.422 116.359C102.948 116.156 102.539 115.872 102.195 115.508C101.857 115.143 101.596 114.711 101.414 114.211C101.232 113.711 101.141 113.164 101.141 112.57V112.242C101.141 111.555 101.242 110.943 101.445 110.406C101.648 109.865 101.924 109.406 102.273 109.031C102.622 108.656 103.018 108.372 103.461 108.18C103.904 107.987 104.362 107.891 104.836 107.891C105.44 107.891 105.961 107.995 106.398 108.203C106.841 108.411 107.203 108.703 107.484 109.078C107.766 109.448 107.974 109.885 108.109 110.391C108.245 110.891 108.312 111.438 108.312 112.031V112.68H102V111.5H106.867V111.391C106.846 111.016 106.768 110.651 106.633 110.297C106.503 109.943 106.294 109.651 106.008 109.422C105.721 109.193 105.331 109.078 104.836 109.078C104.508 109.078 104.206 109.148 103.93 109.289C103.654 109.424 103.417 109.628 103.219 109.898C103.021 110.169 102.867 110.5 102.758 110.891C102.648 111.281 102.594 111.732 102.594 112.242V112.57C102.594 112.971 102.648 113.349 102.758 113.703C102.872 114.052 103.036 114.359 103.25 114.625C103.469 114.891 103.732 115.099 104.039 115.25C104.352 115.401 104.706 115.477 105.102 115.477C105.612 115.477 106.044 115.372 106.398 115.164C106.753 114.956 107.062 114.677 107.328 114.328L108.203 115.023C108.021 115.299 107.789 115.562 107.508 115.812C107.227 116.062 106.88 116.266 106.469 116.422C106.062 116.578 105.581 116.656 105.023 116.656ZM114.922 114.258C114.922 114.049 114.875 113.857 114.781 113.68C114.693 113.497 114.508 113.333 114.227 113.188C113.951 113.036 113.534 112.906 112.977 112.797C112.508 112.698 112.083 112.581 111.703 112.445C111.328 112.31 111.008 112.146 110.742 111.953C110.482 111.76 110.281 111.534 110.141 111.273C110 111.013 109.93 110.708 109.93 110.359C109.93 110.026 110.003 109.711 110.148 109.414C110.299 109.117 110.51 108.854 110.781 108.625C111.057 108.396 111.388 108.216 111.773 108.086C112.159 107.956 112.589 107.891 113.062 107.891C113.74 107.891 114.318 108.01 114.797 108.25C115.276 108.49 115.643 108.81 115.898 109.211C116.154 109.607 116.281 110.047 116.281 110.531H114.836C114.836 110.297 114.766 110.07 114.625 109.852C114.49 109.628 114.289 109.443 114.023 109.297C113.763 109.151 113.443 109.078 113.062 109.078C112.661 109.078 112.336 109.141 112.086 109.266C111.841 109.385 111.661 109.539 111.547 109.727C111.438 109.914 111.383 110.112 111.383 110.32C111.383 110.477 111.409 110.617 111.461 110.742C111.518 110.862 111.617 110.974 111.758 111.078C111.898 111.177 112.096 111.271 112.352 111.359C112.607 111.448 112.932 111.536 113.328 111.625C114.021 111.781 114.591 111.969 115.039 112.188C115.487 112.406 115.82 112.674 116.039 112.992C116.258 113.31 116.367 113.695 116.367 114.148C116.367 114.518 116.289 114.857 116.133 115.164C115.982 115.471 115.76 115.737 115.469 115.961C115.182 116.18 114.839 116.352 114.438 116.477C114.042 116.596 113.596 116.656 113.102 116.656C112.357 116.656 111.727 116.523 111.211 116.258C110.695 115.992 110.305 115.648 110.039 115.227C109.773 114.805 109.641 114.359 109.641 113.891H111.094C111.115 114.286 111.229 114.602 111.438 114.836C111.646 115.065 111.901 115.229 112.203 115.328C112.505 115.422 112.805 115.469 113.102 115.469C113.497 115.469 113.828 115.417 114.094 115.312C114.365 115.208 114.57 115.065 114.711 114.883C114.852 114.701 114.922 114.492 114.922 114.258ZM121.805 108.047V109.156H117.234V108.047H121.805ZM118.781 105.992H120.227V114.406C120.227 114.693 120.271 114.909 120.359 115.055C120.448 115.201 120.562 115.297 120.703 115.344C120.844 115.391 120.995 115.414 121.156 115.414C121.276 115.414 121.401 115.404 121.531 115.383C121.667 115.357 121.768 115.336 121.836 115.32L121.844 116.5C121.729 116.536 121.578 116.57 121.391 116.602C121.208 116.638 120.987 116.656 120.727 116.656C120.372 116.656 120.047 116.586 119.75 116.445C119.453 116.305 119.216 116.07 119.039 115.742C118.867 115.409 118.781 114.961 118.781 114.398V105.992Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 96.5C163 94.2909 164.791 92.5 167 92.5H207V130.5H167C164.791 130.5 163 128.709 163 126.5V96.5Z"
                       fill="#F4C975"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="111.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 92.5H313.5C315.709 92.5 317.5 94.2909 317.5 96.5V126.5C317.5 128.709 315.709 130.5 313.5 130.5H207V92.5Z"
                       fill="#B69657"
                     />
+                    
+    
                     <path
                       d="M226.445 111.18H223.562L223.547 109.969H226.164C226.596 109.969 226.974 109.896 227.297 109.75C227.62 109.604 227.87 109.396 228.047 109.125C228.229 108.849 228.32 108.521 228.32 108.141C228.32 107.724 228.24 107.385 228.078 107.125C227.922 106.859 227.68 106.667 227.352 106.547C227.029 106.422 226.617 106.359 226.117 106.359H223.898V116.5H222.391V105.125H226.117C226.701 105.125 227.221 105.185 227.68 105.305C228.138 105.419 228.526 105.602 228.844 105.852C229.167 106.096 229.411 106.409 229.578 106.789C229.745 107.169 229.828 107.625 229.828 108.156C229.828 108.625 229.708 109.049 229.469 109.43C229.229 109.805 228.896 110.112 228.469 110.352C228.047 110.591 227.552 110.745 226.984 110.812L226.445 111.18ZM226.375 116.5H222.969L223.82 115.273H226.375C226.854 115.273 227.26 115.19 227.594 115.023C227.932 114.857 228.19 114.622 228.367 114.32C228.544 114.013 228.633 113.651 228.633 113.234C228.633 112.812 228.557 112.448 228.406 112.141C228.255 111.833 228.018 111.596 227.695 111.43C227.372 111.263 226.956 111.18 226.445 111.18H224.297L224.312 109.969H227.25L227.57 110.406C228.117 110.453 228.581 110.609 228.961 110.875C229.341 111.135 229.63 111.469 229.828 111.875C230.031 112.281 230.133 112.729 230.133 113.219C230.133 113.927 229.977 114.526 229.664 115.016C229.357 115.5 228.922 115.87 228.359 116.125C227.797 116.375 227.135 116.5 226.375 116.5ZM233.711 104.5V116.5H232.258V104.5H233.711ZM235.648 112.367V112.188C235.648 111.578 235.737 111.013 235.914 110.492C236.091 109.966 236.346 109.51 236.68 109.125C237.013 108.734 237.417 108.432 237.891 108.219C238.365 108 238.896 107.891 239.484 107.891C240.078 107.891 240.612 108 241.086 108.219C241.565 108.432 241.971 108.734 242.305 109.125C242.643 109.51 242.901 109.966 243.078 110.492C243.255 111.013 243.344 111.578 243.344 112.188V112.367C243.344 112.977 243.255 113.542 243.078 114.062C242.901 114.583 242.643 115.039 242.305 115.43C241.971 115.815 241.568 116.117 241.094 116.336C240.625 116.549 240.094 116.656 239.5 116.656C238.906 116.656 238.372 116.549 237.898 116.336C237.424 116.117 237.018 115.815 236.68 115.43C236.346 115.039 236.091 114.583 235.914 114.062C235.737 113.542 235.648 112.977 235.648 112.367ZM237.094 112.188V112.367C237.094 112.789 237.143 113.188 237.242 113.562C237.341 113.932 237.49 114.26 237.688 114.547C237.891 114.833 238.143 115.06 238.445 115.227C238.747 115.388 239.099 115.469 239.5 115.469C239.896 115.469 240.242 115.388 240.539 115.227C240.841 115.06 241.091 114.833 241.289 114.547C241.487 114.26 241.635 113.932 241.734 113.562C241.839 113.188 241.891 112.789 241.891 112.367V112.188C241.891 111.771 241.839 111.378 241.734 111.008C241.635 110.633 241.484 110.302 241.281 110.016C241.083 109.724 240.833 109.495 240.531 109.328C240.234 109.161 239.885 109.078 239.484 109.078C239.089 109.078 238.74 109.161 238.438 109.328C238.141 109.495 237.891 109.724 237.688 110.016C237.49 110.302 237.341 110.633 237.242 111.008C237.143 111.378 237.094 111.771 237.094 112.188ZM250.633 108.047H251.945V116.32C251.945 117.065 251.794 117.701 251.492 118.227C251.19 118.753 250.768 119.151 250.227 119.422C249.69 119.698 249.07 119.836 248.367 119.836C248.076 119.836 247.732 119.789 247.336 119.695C246.945 119.607 246.56 119.453 246.18 119.234C245.805 119.021 245.49 118.732 245.234 118.367L245.992 117.508C246.346 117.935 246.716 118.232 247.102 118.398C247.492 118.565 247.878 118.648 248.258 118.648C248.716 118.648 249.112 118.562 249.445 118.391C249.779 118.219 250.036 117.964 250.219 117.625C250.406 117.292 250.5 116.88 250.5 116.391V109.906L250.633 108.047ZM244.812 112.367V112.203C244.812 111.557 244.888 110.971 245.039 110.445C245.195 109.914 245.417 109.458 245.703 109.078C245.995 108.698 246.346 108.406 246.758 108.203C247.169 107.995 247.633 107.891 248.148 107.891C248.68 107.891 249.143 107.984 249.539 108.172C249.94 108.354 250.279 108.622 250.555 108.977C250.836 109.326 251.057 109.747 251.219 110.242C251.38 110.737 251.492 111.297 251.555 111.922V112.641C251.497 113.26 251.385 113.818 251.219 114.312C251.057 114.807 250.836 115.229 250.555 115.578C250.279 115.927 249.94 116.195 249.539 116.383C249.138 116.565 248.669 116.656 248.133 116.656C247.628 116.656 247.169 116.549 246.758 116.336C246.352 116.122 246.003 115.823 245.711 115.438C245.419 115.052 245.195 114.599 245.039 114.078C244.888 113.552 244.812 112.982 244.812 112.367ZM246.258 112.203V112.367C246.258 112.789 246.299 113.185 246.383 113.555C246.471 113.924 246.604 114.25 246.781 114.531C246.964 114.812 247.195 115.034 247.477 115.195C247.758 115.352 248.094 115.43 248.484 115.43C248.964 115.43 249.359 115.328 249.672 115.125C249.984 114.922 250.232 114.654 250.414 114.32C250.602 113.987 250.747 113.625 250.852 113.234V111.352C250.794 111.065 250.706 110.789 250.586 110.523C250.471 110.253 250.32 110.013 250.133 109.805C249.951 109.591 249.724 109.422 249.453 109.297C249.182 109.172 248.865 109.109 248.5 109.109C248.104 109.109 247.763 109.193 247.477 109.359C247.195 109.521 246.964 109.745 246.781 110.031C246.604 110.312 246.471 110.641 246.383 111.016C246.299 111.385 246.258 111.781 246.258 112.203ZM259.617 108.047H260.93V116.32C260.93 117.065 260.779 117.701 260.477 118.227C260.174 118.753 259.753 119.151 259.211 119.422C258.674 119.698 258.055 119.836 257.352 119.836C257.06 119.836 256.716 119.789 256.32 119.695C255.93 119.607 255.544 119.453 255.164 119.234C254.789 119.021 254.474 118.732 254.219 118.367L254.977 117.508C255.331 117.935 255.701 118.232 256.086 118.398C256.477 118.565 256.862 118.648 257.242 118.648C257.701 118.648 258.096 118.562 258.43 118.391C258.763 118.219 259.021 117.964 259.203 117.625C259.391 117.292 259.484 116.88 259.484 116.391V109.906L259.617 108.047ZM253.797 112.367V112.203C253.797 111.557 253.872 110.971 254.023 110.445C254.18 109.914 254.401 109.458 254.688 109.078C254.979 108.698 255.331 108.406 255.742 108.203C256.154 107.995 256.617 107.891 257.133 107.891C257.664 107.891 258.128 107.984 258.523 108.172C258.924 108.354 259.263 108.622 259.539 108.977C259.82 109.326 260.042 109.747 260.203 110.242C260.365 110.737 260.477 111.297 260.539 111.922V112.641C260.482 113.26 260.37 113.818 260.203 114.312C260.042 114.807 259.82 115.229 259.539 115.578C259.263 115.927 258.924 116.195 258.523 116.383C258.122 116.565 257.654 116.656 257.117 116.656C256.612 116.656 256.154 116.549 255.742 116.336C255.336 116.122 254.987 115.823 254.695 115.438C254.404 115.052 254.18 114.599 254.023 114.078C253.872 113.552 253.797 112.982 253.797 112.367ZM255.242 112.203V112.367C255.242 112.789 255.284 113.185 255.367 113.555C255.456 113.924 255.589 114.25 255.766 114.531C255.948 114.812 256.18 115.034 256.461 115.195C256.742 115.352 257.078 115.43 257.469 115.43C257.948 115.43 258.344 115.328 258.656 115.125C258.969 114.922 259.216 114.654 259.398 114.32C259.586 113.987 259.732 113.625 259.836 113.234V111.352C259.779 111.065 259.69 110.789 259.57 110.523C259.456 110.253 259.305 110.013 259.117 109.805C258.935 109.591 258.708 109.422 258.438 109.297C258.167 109.172 257.849 109.109 257.484 109.109C257.089 109.109 256.747 109.193 256.461 109.359C256.18 109.521 255.948 109.745 255.766 110.031C255.589 110.312 255.456 110.641 255.367 111.016C255.284 111.385 255.242 111.781 255.242 112.203ZM266.633 116.656C266.044 116.656 265.51 116.557 265.031 116.359C264.557 116.156 264.148 115.872 263.805 115.508C263.466 115.143 263.206 114.711 263.023 114.211C262.841 113.711 262.75 113.164 262.75 112.57V112.242C262.75 111.555 262.852 110.943 263.055 110.406C263.258 109.865 263.534 109.406 263.883 109.031C264.232 108.656 264.628 108.372 265.07 108.18C265.513 107.987 265.971 107.891 266.445 107.891C267.049 107.891 267.57 107.995 268.008 108.203C268.451 108.411 268.812 108.703 269.094 109.078C269.375 109.448 269.583 109.885 269.719 110.391C269.854 110.891 269.922 111.438 269.922 112.031V112.68H263.609V111.5H268.477V111.391C268.456 111.016 268.378 110.651 268.242 110.297C268.112 109.943 267.904 109.651 267.617 109.422C267.331 109.193 266.94 109.078 266.445 109.078C266.117 109.078 265.815 109.148 265.539 109.289C265.263 109.424 265.026 109.628 264.828 109.898C264.63 110.169 264.477 110.5 264.367 110.891C264.258 111.281 264.203 111.732 264.203 112.242V112.57C264.203 112.971 264.258 113.349 264.367 113.703C264.482 114.052 264.646 114.359 264.859 114.625C265.078 114.891 265.341 115.099 265.648 115.25C265.961 115.401 266.315 115.477 266.711 115.477C267.221 115.477 267.654 115.372 268.008 115.164C268.362 114.956 268.672 114.677 268.938 114.328L269.812 115.023C269.63 115.299 269.398 115.562 269.117 115.812C268.836 116.062 268.49 116.266 268.078 116.422C267.672 116.578 267.19 116.656 266.633 116.656ZM273.055 109.375V116.5H271.609V108.047H273.016L273.055 109.375ZM275.695 108L275.688 109.344C275.568 109.318 275.453 109.302 275.344 109.297C275.24 109.286 275.12 109.281 274.984 109.281C274.651 109.281 274.357 109.333 274.102 109.438C273.846 109.542 273.63 109.688 273.453 109.875C273.276 110.062 273.135 110.286 273.031 110.547C272.932 110.802 272.867 111.083 272.836 111.391L272.43 111.625C272.43 111.115 272.479 110.635 272.578 110.188C272.682 109.74 272.841 109.344 273.055 109C273.268 108.651 273.539 108.38 273.867 108.188C274.201 107.99 274.596 107.891 275.055 107.891C275.159 107.891 275.279 107.904 275.414 107.93C275.549 107.951 275.643 107.974 275.695 108Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 142.5C0.5 140.291 2.29086 138.5 4.5 138.5H44.5V176.5H4.5C2.29086 176.5 0.5 174.709 0.5 172.5V142.5Z"
                       fill="#326A9C"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="157.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 138.5H151C153.209 138.5 155 140.291 155 142.5V172.5C155 174.709 153.209 176.5 151 176.5H44.5V138.5Z"
                       fill="#255074"
                     />
+                    
+    
                     <path
                       d="M64.4375 158.039H61.3984V156.812H64.4375C65.026 156.812 65.5026 156.719 65.8672 156.531C66.2318 156.344 66.4974 156.083 66.6641 155.75C66.8359 155.417 66.9219 155.036 66.9219 154.609C66.9219 154.219 66.8359 153.852 66.6641 153.508C66.4974 153.164 66.2318 152.888 65.8672 152.68C65.5026 152.466 65.026 152.359 64.4375 152.359H61.75V162.5H60.2422V151.125H64.4375C65.2969 151.125 66.0234 151.273 66.6172 151.57C67.2109 151.867 67.6615 152.279 67.9688 152.805C68.276 153.326 68.4297 153.922 68.4297 154.594C68.4297 155.323 68.276 155.945 67.9688 156.461C67.6615 156.977 67.2109 157.37 66.6172 157.641C66.0234 157.906 65.2969 158.039 64.4375 158.039ZM69.625 158.367V158.188C69.625 157.578 69.7135 157.013 69.8906 156.492C70.0677 155.966 70.3229 155.51 70.6562 155.125C70.9896 154.734 71.3932 154.432 71.8672 154.219C72.3411 154 72.8724 153.891 73.4609 153.891C74.0547 153.891 74.5885 154 75.0625 154.219C75.5417 154.432 75.9479 154.734 76.2812 155.125C76.6198 155.51 76.8776 155.966 77.0547 156.492C77.2318 157.013 77.3203 157.578 77.3203 158.188V158.367C77.3203 158.977 77.2318 159.542 77.0547 160.062C76.8776 160.583 76.6198 161.039 76.2812 161.43C75.9479 161.815 75.5443 162.117 75.0703 162.336C74.6016 162.549 74.0703 162.656 73.4766 162.656C72.8828 162.656 72.349 162.549 71.875 162.336C71.401 162.117 70.9948 161.815 70.6562 161.43C70.3229 161.039 70.0677 160.583 69.8906 160.062C69.7135 159.542 69.625 158.977 69.625 158.367ZM71.0703 158.188V158.367C71.0703 158.789 71.1198 159.188 71.2188 159.562C71.3177 159.932 71.4661 160.26 71.6641 160.547C71.8672 160.833 72.1198 161.06 72.4219 161.227C72.724 161.388 73.0755 161.469 73.4766 161.469C73.8724 161.469 74.2188 161.388 74.5156 161.227C74.8177 161.06 75.0677 160.833 75.2656 160.547C75.4635 160.26 75.612 159.932 75.7109 159.562C75.8151 159.188 75.8672 158.789 75.8672 158.367V158.188C75.8672 157.771 75.8151 157.378 75.7109 157.008C75.612 156.633 75.4609 156.302 75.2578 156.016C75.0599 155.724 74.8099 155.495 74.5078 155.328C74.2109 155.161 73.862 155.078 73.4609 155.078C73.0651 155.078 72.7161 155.161 72.4141 155.328C72.1172 155.495 71.8672 155.724 71.6641 156.016C71.4661 156.302 71.3177 156.633 71.2188 157.008C71.1198 157.378 71.0703 157.771 71.0703 158.188ZM82.5156 161.469C82.8594 161.469 83.1771 161.398 83.4688 161.258C83.7604 161.117 84 160.924 84.1875 160.68C84.375 160.43 84.4818 160.146 84.5078 159.828H85.8828C85.8568 160.328 85.6875 160.794 85.375 161.227C85.0677 161.654 84.6641 162 84.1641 162.266C83.6641 162.526 83.1146 162.656 82.5156 162.656C81.8802 162.656 81.3255 162.544 80.8516 162.32C80.3828 162.096 79.9922 161.789 79.6797 161.398C79.3724 161.008 79.1406 160.56 78.9844 160.055C78.8333 159.544 78.7578 159.005 78.7578 158.438V158.109C78.7578 157.542 78.8333 157.005 78.9844 156.5C79.1406 155.99 79.3724 155.539 79.6797 155.148C79.9922 154.758 80.3828 154.451 80.8516 154.227C81.3255 154.003 81.8802 153.891 82.5156 153.891C83.1771 153.891 83.7552 154.026 84.25 154.297C84.7448 154.562 85.1328 154.927 85.4141 155.391C85.7005 155.849 85.8568 156.37 85.8828 156.953H84.5078C84.4818 156.604 84.3828 156.289 84.2109 156.008C84.0443 155.727 83.8151 155.503 83.5234 155.336C83.237 155.164 82.901 155.078 82.5156 155.078C82.0729 155.078 81.7005 155.167 81.3984 155.344C81.1016 155.516 80.8646 155.75 80.6875 156.047C80.5156 156.339 80.3906 156.664 80.3125 157.023C80.2396 157.378 80.2031 157.74 80.2031 158.109V158.438C80.2031 158.807 80.2396 159.172 80.3125 159.531C80.3854 159.891 80.5078 160.216 80.6797 160.508C80.8568 160.799 81.0938 161.034 81.3906 161.211C81.6927 161.383 82.0677 161.469 82.5156 161.469ZM88.9609 150.5V162.5H87.5078V150.5H88.9609ZM94.125 154.047L90.4375 157.992L88.375 160.133L88.2578 158.594L89.7344 156.828L92.3594 154.047H94.125ZM92.8047 162.5L89.7891 158.469L90.5391 157.18L94.5078 162.5H92.8047ZM98.9688 162.656C98.3802 162.656 97.8464 162.557 97.3672 162.359C96.8932 162.156 96.4844 161.872 96.1406 161.508C95.8021 161.143 95.5417 160.711 95.3594 160.211C95.1771 159.711 95.0859 159.164 95.0859 158.57V158.242C95.0859 157.555 95.1875 156.943 95.3906 156.406C95.5938 155.865 95.8698 155.406 96.2188 155.031C96.5677 154.656 96.9635 154.372 97.4062 154.18C97.849 153.987 98.3073 153.891 98.7812 153.891C99.3854 153.891 99.9062 153.995 100.344 154.203C100.786 154.411 101.148 154.703 101.43 155.078C101.711 155.448 101.919 155.885 102.055 156.391C102.19 156.891 102.258 157.438 102.258 158.031V158.68H95.9453V157.5H100.812V157.391C100.792 157.016 100.714 156.651 100.578 156.297C100.448 155.943 100.24 155.651 99.9531 155.422C99.6667 155.193 99.276 155.078 98.7812 155.078C98.4531 155.078 98.151 155.148 97.875 155.289C97.599 155.424 97.362 155.628 97.1641 155.898C96.9661 156.169 96.8125 156.5 96.7031 156.891C96.5938 157.281 96.5391 157.732 96.5391 158.242V158.57C96.5391 158.971 96.5938 159.349 96.7031 159.703C96.8177 160.052 96.9818 160.359 97.1953 160.625C97.4141 160.891 97.6771 161.099 97.9844 161.25C98.2969 161.401 98.651 161.477 99.0469 161.477C99.5573 161.477 99.9896 161.372 100.344 161.164C100.698 160.956 101.008 160.677 101.273 160.328L102.148 161.023C101.966 161.299 101.734 161.562 101.453 161.812C101.172 162.062 100.826 162.266 100.414 162.422C100.008 162.578 99.526 162.656 98.9688 162.656ZM107.484 154.047V155.156H102.914V154.047H107.484ZM104.461 151.992H105.906V160.406C105.906 160.693 105.951 160.909 106.039 161.055C106.128 161.201 106.242 161.297 106.383 161.344C106.523 161.391 106.674 161.414 106.836 161.414C106.956 161.414 107.081 161.404 107.211 161.383C107.346 161.357 107.448 161.336 107.516 161.32L107.523 162.5C107.409 162.536 107.258 162.57 107.07 162.602C106.888 162.638 106.667 162.656 106.406 162.656C106.052 162.656 105.727 162.586 105.43 162.445C105.133 162.305 104.896 162.07 104.719 161.742C104.547 161.409 104.461 160.961 104.461 160.398V151.992Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 142.5C163 140.291 164.791 138.5 167 138.5H207V176.5H167C164.791 176.5 163 174.709 163 172.5V142.5Z"
                       fill="#DA5435"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="157.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 138.5H313.5C315.709 138.5 317.5 140.291 317.5 142.5V172.5C317.5 174.709 315.709 176.5 313.5 176.5H207V138.5Z"
                       fill="#A23F26"
                     />
+                    
+    
                     <path
                       d="M228.406 159.625C228.406 159.359 228.365 159.125 228.281 158.922C228.203 158.714 228.062 158.526 227.859 158.359C227.661 158.193 227.385 158.034 227.031 157.883C226.682 157.732 226.24 157.578 225.703 157.422C225.141 157.255 224.633 157.07 224.18 156.867C223.727 156.659 223.339 156.422 223.016 156.156C222.693 155.891 222.445 155.586 222.273 155.242C222.102 154.898 222.016 154.505 222.016 154.062C222.016 153.62 222.107 153.211 222.289 152.836C222.471 152.461 222.732 152.135 223.07 151.859C223.414 151.578 223.823 151.359 224.297 151.203C224.771 151.047 225.299 150.969 225.883 150.969C226.737 150.969 227.461 151.133 228.055 151.461C228.654 151.784 229.109 152.208 229.422 152.734C229.734 153.255 229.891 153.812 229.891 154.406H228.391C228.391 153.979 228.299 153.602 228.117 153.273C227.935 152.94 227.659 152.68 227.289 152.492C226.919 152.299 226.451 152.203 225.883 152.203C225.346 152.203 224.904 152.284 224.555 152.445C224.206 152.607 223.945 152.826 223.773 153.102C223.607 153.378 223.523 153.693 223.523 154.047C223.523 154.286 223.573 154.505 223.672 154.703C223.776 154.896 223.935 155.076 224.148 155.242C224.367 155.409 224.643 155.562 224.977 155.703C225.315 155.844 225.719 155.979 226.188 156.109C226.833 156.292 227.391 156.495 227.859 156.719C228.328 156.943 228.714 157.195 229.016 157.477C229.323 157.753 229.549 158.068 229.695 158.422C229.846 158.771 229.922 159.167 229.922 159.609C229.922 160.073 229.828 160.492 229.641 160.867C229.453 161.242 229.185 161.562 228.836 161.828C228.487 162.094 228.068 162.299 227.578 162.445C227.094 162.586 226.552 162.656 225.953 162.656C225.427 162.656 224.909 162.583 224.398 162.438C223.893 162.292 223.432 162.073 223.016 161.781C222.604 161.49 222.273 161.13 222.023 160.703C221.779 160.271 221.656 159.771 221.656 159.203H223.156C223.156 159.594 223.232 159.93 223.383 160.211C223.534 160.487 223.74 160.716 224 160.898C224.266 161.081 224.565 161.216 224.898 161.305C225.237 161.388 225.589 161.43 225.953 161.43C226.479 161.43 226.924 161.357 227.289 161.211C227.654 161.065 227.93 160.857 228.117 160.586C228.31 160.315 228.406 159.995 228.406 159.625ZM235.164 154.047V155.156H230.594V154.047H235.164ZM232.141 151.992H233.586V160.406C233.586 160.693 233.63 160.909 233.719 161.055C233.807 161.201 233.922 161.297 234.062 161.344C234.203 161.391 234.354 161.414 234.516 161.414C234.635 161.414 234.76 161.404 234.891 161.383C235.026 161.357 235.128 161.336 235.195 161.32L235.203 162.5C235.089 162.536 234.938 162.57 234.75 162.602C234.568 162.638 234.346 162.656 234.086 162.656C233.732 162.656 233.406 162.586 233.109 162.445C232.812 162.305 232.576 162.07 232.398 161.742C232.227 161.409 232.141 160.961 232.141 160.398V151.992ZM242.031 160.547V154.047H243.484V162.5H242.102L242.031 160.547ZM242.305 158.766L242.906 158.75C242.906 159.312 242.846 159.833 242.727 160.312C242.612 160.786 242.424 161.198 242.164 161.547C241.904 161.896 241.562 162.169 241.141 162.367C240.719 162.56 240.206 162.656 239.602 162.656C239.19 162.656 238.812 162.596 238.469 162.477C238.13 162.357 237.839 162.172 237.594 161.922C237.349 161.672 237.159 161.346 237.023 160.945C236.893 160.544 236.828 160.062 236.828 159.5V154.047H238.273V159.516C238.273 159.896 238.315 160.211 238.398 160.461C238.487 160.706 238.604 160.901 238.75 161.047C238.901 161.188 239.068 161.286 239.25 161.344C239.438 161.401 239.63 161.43 239.828 161.43C240.443 161.43 240.93 161.312 241.289 161.078C241.648 160.839 241.906 160.518 242.062 160.117C242.224 159.711 242.305 159.26 242.305 158.766ZM247.125 155.727V162.5H245.672V154.047H247.047L247.125 155.727ZM246.828 157.953L246.156 157.93C246.161 157.352 246.237 156.818 246.383 156.328C246.529 155.833 246.745 155.404 247.031 155.039C247.318 154.674 247.674 154.393 248.102 154.195C248.529 153.992 249.023 153.891 249.586 153.891C249.982 153.891 250.346 153.948 250.68 154.062C251.013 154.172 251.302 154.346 251.547 154.586C251.792 154.826 251.982 155.133 252.117 155.508C252.253 155.883 252.32 156.336 252.32 156.867V162.5H250.875V156.938C250.875 156.495 250.799 156.141 250.648 155.875C250.503 155.609 250.294 155.417 250.023 155.297C249.753 155.172 249.435 155.109 249.07 155.109C248.643 155.109 248.286 155.185 248 155.336C247.714 155.487 247.484 155.695 247.312 155.961C247.141 156.227 247.016 156.531 246.938 156.875C246.865 157.214 246.828 157.573 246.828 157.953ZM252.305 157.156L251.336 157.453C251.341 156.99 251.417 156.544 251.562 156.117C251.714 155.69 251.93 155.31 252.211 154.977C252.497 154.643 252.849 154.38 253.266 154.188C253.682 153.99 254.159 153.891 254.695 153.891C255.148 153.891 255.549 153.951 255.898 154.07C256.253 154.19 256.549 154.375 256.789 154.625C257.034 154.87 257.219 155.185 257.344 155.57C257.469 155.956 257.531 156.414 257.531 156.945V162.5H256.078V156.93C256.078 156.456 256.003 156.089 255.852 155.828C255.706 155.562 255.497 155.378 255.227 155.273C254.961 155.164 254.643 155.109 254.273 155.109C253.956 155.109 253.674 155.164 253.43 155.273C253.185 155.383 252.979 155.534 252.812 155.727C252.646 155.914 252.518 156.13 252.43 156.375C252.346 156.62 252.305 156.88 252.305 157.156ZM259.711 150.5H261.164V160.859L261.039 162.5H259.711V150.5ZM266.875 158.203V158.367C266.875 158.982 266.802 159.552 266.656 160.078C266.51 160.599 266.297 161.052 266.016 161.438C265.734 161.823 265.391 162.122 264.984 162.336C264.578 162.549 264.112 162.656 263.586 162.656C263.049 162.656 262.578 162.565 262.172 162.383C261.771 162.195 261.432 161.927 261.156 161.578C260.88 161.229 260.659 160.807 260.492 160.312C260.331 159.818 260.219 159.26 260.156 158.641V157.922C260.219 157.297 260.331 156.737 260.492 156.242C260.659 155.747 260.88 155.326 261.156 154.977C261.432 154.622 261.771 154.354 262.172 154.172C262.573 153.984 263.039 153.891 263.57 153.891C264.102 153.891 264.573 153.995 264.984 154.203C265.396 154.406 265.74 154.698 266.016 155.078C266.297 155.458 266.51 155.914 266.656 156.445C266.802 156.971 266.875 157.557 266.875 158.203ZM265.422 158.367V158.203C265.422 157.781 265.383 157.385 265.305 157.016C265.227 156.641 265.102 156.312 264.93 156.031C264.758 155.745 264.531 155.521 264.25 155.359C263.969 155.193 263.622 155.109 263.211 155.109C262.846 155.109 262.529 155.172 262.258 155.297C261.992 155.422 261.766 155.591 261.578 155.805C261.391 156.013 261.237 156.253 261.117 156.523C261.003 156.789 260.917 157.065 260.859 157.352V159.234C260.943 159.599 261.078 159.951 261.266 160.289C261.458 160.622 261.714 160.896 262.031 161.109C262.354 161.323 262.753 161.43 263.227 161.43C263.617 161.43 263.951 161.352 264.227 161.195C264.508 161.034 264.734 160.812 264.906 160.531C265.083 160.25 265.214 159.924 265.297 159.555C265.38 159.185 265.422 158.789 265.422 158.367ZM270.273 150.5V162.5H268.82V150.5H270.273ZM276.102 162.656C275.513 162.656 274.979 162.557 274.5 162.359C274.026 162.156 273.617 161.872 273.273 161.508C272.935 161.143 272.674 160.711 272.492 160.211C272.31 159.711 272.219 159.164 272.219 158.57V158.242C272.219 157.555 272.32 156.943 272.523 156.406C272.727 155.865 273.003 155.406 273.352 155.031C273.701 154.656 274.096 154.372 274.539 154.18C274.982 153.987 275.44 153.891 275.914 153.891C276.518 153.891 277.039 153.995 277.477 154.203C277.919 154.411 278.281 154.703 278.562 155.078C278.844 155.448 279.052 155.885 279.188 156.391C279.323 156.891 279.391 157.438 279.391 158.031V158.68H273.078V157.5H277.945V157.391C277.924 157.016 277.846 156.651 277.711 156.297C277.581 155.943 277.372 155.651 277.086 155.422C276.799 155.193 276.409 155.078 275.914 155.078C275.586 155.078 275.284 155.148 275.008 155.289C274.732 155.424 274.495 155.628 274.297 155.898C274.099 156.169 273.945 156.5 273.836 156.891C273.727 157.281 273.672 157.732 273.672 158.242V158.57C273.672 158.971 273.727 159.349 273.836 159.703C273.951 160.052 274.115 160.359 274.328 160.625C274.547 160.891 274.81 161.099 275.117 161.25C275.43 161.401 275.784 161.477 276.18 161.477C276.69 161.477 277.122 161.372 277.477 161.164C277.831 160.956 278.141 160.677 278.406 160.328L279.281 161.023C279.099 161.299 278.867 161.562 278.586 161.812C278.305 162.062 277.958 162.266 277.547 162.422C277.141 162.578 276.659 162.656 276.102 162.656Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 188.5C0.5 186.291 2.29086 184.5 4.5 184.5H44.5V222.5H4.5C2.29086 222.5 0.5 220.709 0.5 218.5V188.5Z"
                       fill="#39455A"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="203.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 184.5H151C153.209 184.5 155 186.291 155 188.5V218.5C155 220.709 153.209 222.5 151 222.5H44.5V184.5Z"
                       fill="#2C3343"
                     />
+                    
+    
                     <path
                       d="M64.0469 197.125V208.5H62.5625V197.125H64.0469ZM67.7031 197.125V198.359H58.9141V197.125H67.7031ZM73.5938 206.547V200.047H75.0469V208.5H73.6641L73.5938 206.547ZM73.8672 204.766L74.4688 204.75C74.4688 205.312 74.4089 205.833 74.2891 206.312C74.1745 206.786 73.987 207.198 73.7266 207.547C73.4661 207.896 73.125 208.169 72.7031 208.367C72.2812 208.56 71.7682 208.656 71.1641 208.656C70.7526 208.656 70.375 208.596 70.0312 208.477C69.6927 208.357 69.401 208.172 69.1562 207.922C68.9115 207.672 68.7214 207.346 68.5859 206.945C68.4557 206.544 68.3906 206.062 68.3906 205.5V200.047H69.8359V205.516C69.8359 205.896 69.8776 206.211 69.9609 206.461C70.0495 206.706 70.1667 206.901 70.3125 207.047C70.4635 207.188 70.6302 207.286 70.8125 207.344C71 207.401 71.1927 207.43 71.3906 207.43C72.0052 207.43 72.4922 207.312 72.8516 207.078C73.2109 206.839 73.4688 206.518 73.625 206.117C73.7865 205.711 73.8672 205.26 73.8672 204.766ZM78.6875 201.727V208.5H77.2344V200.047H78.6094L78.6875 201.727ZM78.3906 203.953L77.7188 203.93C77.724 203.352 77.7995 202.818 77.9453 202.328C78.0911 201.833 78.3073 201.404 78.5938 201.039C78.8802 200.674 79.237 200.393 79.6641 200.195C80.0911 199.992 80.5859 199.891 81.1484 199.891C81.5443 199.891 81.9089 199.948 82.2422 200.062C82.5755 200.172 82.8646 200.346 83.1094 200.586C83.3542 200.826 83.5443 201.133 83.6797 201.508C83.8151 201.883 83.8828 202.336 83.8828 202.867V208.5H82.4375V202.938C82.4375 202.495 82.362 202.141 82.2109 201.875C82.0651 201.609 81.8568 201.417 81.5859 201.297C81.3151 201.172 80.9974 201.109 80.6328 201.109C80.2057 201.109 79.849 201.185 79.5625 201.336C79.276 201.487 79.0469 201.695 78.875 201.961C78.7031 202.227 78.5781 202.531 78.5 202.875C78.4271 203.214 78.3906 203.573 78.3906 203.953ZM83.8672 203.156L82.8984 203.453C82.9036 202.99 82.9792 202.544 83.125 202.117C83.276 201.69 83.4922 201.31 83.7734 200.977C84.0599 200.643 84.4115 200.38 84.8281 200.188C85.2448 199.99 85.7214 199.891 86.2578 199.891C86.7109 199.891 87.112 199.951 87.4609 200.07C87.8151 200.19 88.112 200.375 88.3516 200.625C88.5964 200.87 88.7812 201.185 88.9062 201.57C89.0312 201.956 89.0938 202.414 89.0938 202.945V208.5H87.6406V202.93C87.6406 202.456 87.5651 202.089 87.4141 201.828C87.2682 201.562 87.0599 201.378 86.7891 201.273C86.5234 201.164 86.2057 201.109 85.8359 201.109C85.5182 201.109 85.237 201.164 84.9922 201.273C84.7474 201.383 84.5417 201.534 84.375 201.727C84.2083 201.914 84.0807 202.13 83.9922 202.375C83.9089 202.62 83.8672 202.88 83.8672 203.156ZM91.2734 196.5H92.7266V206.859L92.6016 208.5H91.2734V196.5ZM98.4375 204.203V204.367C98.4375 204.982 98.3646 205.552 98.2188 206.078C98.0729 206.599 97.8594 207.052 97.5781 207.438C97.2969 207.823 96.9531 208.122 96.5469 208.336C96.1406 208.549 95.6745 208.656 95.1484 208.656C94.612 208.656 94.1406 208.565 93.7344 208.383C93.3333 208.195 92.9948 207.927 92.7188 207.578C92.4427 207.229 92.2214 206.807 92.0547 206.312C91.8932 205.818 91.7812 205.26 91.7188 204.641V203.922C91.7812 203.297 91.8932 202.737 92.0547 202.242C92.2214 201.747 92.4427 201.326 92.7188 200.977C92.9948 200.622 93.3333 200.354 93.7344 200.172C94.1354 199.984 94.6016 199.891 95.1328 199.891C95.6641 199.891 96.1354 199.995 96.5469 200.203C96.9583 200.406 97.3021 200.698 97.5781 201.078C97.8594 201.458 98.0729 201.914 98.2188 202.445C98.3646 202.971 98.4375 203.557 98.4375 204.203ZM96.9844 204.367V204.203C96.9844 203.781 96.9453 203.385 96.8672 203.016C96.7891 202.641 96.6641 202.312 96.4922 202.031C96.3203 201.745 96.0938 201.521 95.8125 201.359C95.5312 201.193 95.1849 201.109 94.7734 201.109C94.4089 201.109 94.0911 201.172 93.8203 201.297C93.5547 201.422 93.3281 201.591 93.1406 201.805C92.9531 202.013 92.7995 202.253 92.6797 202.523C92.5651 202.789 92.4792 203.065 92.4219 203.352V205.234C92.5052 205.599 92.6406 205.951 92.8281 206.289C93.0208 206.622 93.276 206.896 93.5938 207.109C93.9167 207.323 94.3151 207.43 94.7891 207.43C95.1797 207.43 95.513 207.352 95.7891 207.195C96.0703 207.034 96.2969 206.812 96.4688 206.531C96.6458 206.25 96.776 205.924 96.8594 205.555C96.9427 205.185 96.9844 204.789 96.9844 204.367ZM101.836 196.5V208.5H100.383V196.5H101.836ZM105.602 201.375V208.5H104.156V200.047H105.562L105.602 201.375ZM108.242 200L108.234 201.344C108.115 201.318 108 201.302 107.891 201.297C107.786 201.286 107.667 201.281 107.531 201.281C107.198 201.281 106.904 201.333 106.648 201.438C106.393 201.542 106.177 201.688 106 201.875C105.823 202.062 105.682 202.286 105.578 202.547C105.479 202.802 105.414 203.083 105.383 203.391L104.977 203.625C104.977 203.115 105.026 202.635 105.125 202.188C105.229 201.74 105.388 201.344 105.602 201C105.815 200.651 106.086 200.38 106.414 200.188C106.747 199.99 107.143 199.891 107.602 199.891C107.706 199.891 107.826 199.904 107.961 199.93C108.096 199.951 108.19 199.974 108.242 200Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 188.5C163 186.291 164.791 184.5 167 184.5H207V222.5H167C164.791 222.5 163 220.709 163 218.5V188.5Z"
                       fill="#3E92BA"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="203.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 184.5H313.5C315.709 184.5 317.5 186.291 317.5 188.5V218.5C317.5 220.709 315.709 222.5 313.5 222.5H207V184.5Z"
                       fill="#2D6D8B"
                     />
+                    
+    
                     <path
                       d="M222.992 197.125L225.945 202.836L228.906 197.125H230.617L226.695 204.25V208.5H225.188V204.25L221.266 197.125H222.992ZM236.266 207.055V202.703C236.266 202.37 236.198 202.081 236.062 201.836C235.932 201.586 235.734 201.393 235.469 201.258C235.203 201.122 234.875 201.055 234.484 201.055C234.12 201.055 233.799 201.117 233.523 201.242C233.253 201.367 233.039 201.531 232.883 201.734C232.732 201.938 232.656 202.156 232.656 202.391H231.211C231.211 202.089 231.289 201.789 231.445 201.492C231.602 201.195 231.826 200.927 232.117 200.688C232.414 200.443 232.768 200.25 233.18 200.109C233.596 199.964 234.06 199.891 234.57 199.891C235.185 199.891 235.727 199.995 236.195 200.203C236.669 200.411 237.039 200.727 237.305 201.148C237.576 201.565 237.711 202.089 237.711 202.719V206.656C237.711 206.938 237.734 207.237 237.781 207.555C237.833 207.872 237.909 208.146 238.008 208.375V208.5H236.5C236.427 208.333 236.37 208.112 236.328 207.836C236.286 207.555 236.266 207.294 236.266 207.055ZM236.516 203.375L236.531 204.391H235.07C234.659 204.391 234.292 204.424 233.969 204.492C233.646 204.555 233.375 204.651 233.156 204.781C232.938 204.911 232.771 205.076 232.656 205.273C232.542 205.466 232.484 205.693 232.484 205.953C232.484 206.219 232.544 206.461 232.664 206.68C232.784 206.898 232.964 207.073 233.203 207.203C233.448 207.328 233.747 207.391 234.102 207.391C234.544 207.391 234.935 207.297 235.273 207.109C235.612 206.922 235.88 206.693 236.078 206.422C236.281 206.151 236.391 205.888 236.406 205.633L237.023 206.328C236.987 206.547 236.888 206.789 236.727 207.055C236.565 207.32 236.349 207.576 236.078 207.82C235.812 208.06 235.495 208.26 235.125 208.422C234.76 208.578 234.349 208.656 233.891 208.656C233.318 208.656 232.815 208.544 232.383 208.32C231.956 208.096 231.622 207.797 231.383 207.422C231.148 207.042 231.031 206.617 231.031 206.148C231.031 205.695 231.12 205.297 231.297 204.953C231.474 204.604 231.729 204.315 232.062 204.086C232.396 203.852 232.797 203.674 233.266 203.555C233.734 203.435 234.258 203.375 234.836 203.375H236.516ZM241.422 201.727V208.5H239.969V200.047H241.344L241.422 201.727ZM241.125 203.953L240.453 203.93C240.458 203.352 240.534 202.818 240.68 202.328C240.826 201.833 241.042 201.404 241.328 201.039C241.615 200.674 241.971 200.393 242.398 200.195C242.826 199.992 243.32 199.891 243.883 199.891C244.279 199.891 244.643 199.948 244.977 200.062C245.31 200.172 245.599 200.346 245.844 200.586C246.089 200.826 246.279 201.133 246.414 201.508C246.549 201.883 246.617 202.336 246.617 202.867V208.5H245.172V202.938C245.172 202.495 245.096 202.141 244.945 201.875C244.799 201.609 244.591 201.417 244.32 201.297C244.049 201.172 243.732 201.109 243.367 201.109C242.94 201.109 242.583 201.185 242.297 201.336C242.01 201.487 241.781 201.695 241.609 201.961C241.438 202.227 241.312 202.531 241.234 202.875C241.161 203.214 241.125 203.573 241.125 203.953ZM246.602 203.156L245.633 203.453C245.638 202.99 245.714 202.544 245.859 202.117C246.01 201.69 246.227 201.31 246.508 200.977C246.794 200.643 247.146 200.38 247.562 200.188C247.979 199.99 248.456 199.891 248.992 199.891C249.445 199.891 249.846 199.951 250.195 200.07C250.549 200.19 250.846 200.375 251.086 200.625C251.331 200.87 251.516 201.185 251.641 201.57C251.766 201.956 251.828 202.414 251.828 202.945V208.5H250.375V202.93C250.375 202.456 250.299 202.089 250.148 201.828C250.003 201.562 249.794 201.378 249.523 201.273C249.258 201.164 248.94 201.109 248.57 201.109C248.253 201.109 247.971 201.164 247.727 201.273C247.482 201.383 247.276 201.534 247.109 201.727C246.943 201.914 246.815 202.13 246.727 202.375C246.643 202.62 246.602 202.88 246.602 203.156ZM255.453 201.727V208.5H254V200.047H255.375L255.453 201.727ZM255.156 203.953L254.484 203.93C254.49 203.352 254.565 202.818 254.711 202.328C254.857 201.833 255.073 201.404 255.359 201.039C255.646 200.674 256.003 200.393 256.43 200.195C256.857 199.992 257.352 199.891 257.914 199.891C258.31 199.891 258.674 199.948 259.008 200.062C259.341 200.172 259.63 200.346 259.875 200.586C260.12 200.826 260.31 201.133 260.445 201.508C260.581 201.883 260.648 202.336 260.648 202.867V208.5H259.203V202.938C259.203 202.495 259.128 202.141 258.977 201.875C258.831 201.609 258.622 201.417 258.352 201.297C258.081 201.172 257.763 201.109 257.398 201.109C256.971 201.109 256.615 201.185 256.328 201.336C256.042 201.487 255.812 201.695 255.641 201.961C255.469 202.227 255.344 202.531 255.266 202.875C255.193 203.214 255.156 203.573 255.156 203.953ZM260.633 203.156L259.664 203.453C259.669 202.99 259.745 202.544 259.891 202.117C260.042 201.69 260.258 201.31 260.539 200.977C260.826 200.643 261.177 200.38 261.594 200.188C262.01 199.99 262.487 199.891 263.023 199.891C263.477 199.891 263.878 199.951 264.227 200.07C264.581 200.19 264.878 200.375 265.117 200.625C265.362 200.87 265.547 201.185 265.672 201.57C265.797 201.956 265.859 202.414 265.859 202.945V208.5H264.406V202.93C264.406 202.456 264.331 202.089 264.18 201.828C264.034 201.562 263.826 201.378 263.555 201.273C263.289 201.164 262.971 201.109 262.602 201.109C262.284 201.109 262.003 201.164 261.758 201.273C261.513 201.383 261.307 201.534 261.141 201.727C260.974 201.914 260.846 202.13 260.758 202.375C260.674 202.62 260.633 202.88 260.633 203.156ZM271.555 208.656C270.966 208.656 270.432 208.557 269.953 208.359C269.479 208.156 269.07 207.872 268.727 207.508C268.388 207.143 268.128 206.711 267.945 206.211C267.763 205.711 267.672 205.164 267.672 204.57V204.242C267.672 203.555 267.773 202.943 267.977 202.406C268.18 201.865 268.456 201.406 268.805 201.031C269.154 200.656 269.549 200.372 269.992 200.18C270.435 199.987 270.893 199.891 271.367 199.891C271.971 199.891 272.492 199.995 272.93 200.203C273.372 200.411 273.734 200.703 274.016 201.078C274.297 201.448 274.505 201.885 274.641 202.391C274.776 202.891 274.844 203.438 274.844 204.031V204.68H268.531V203.5H273.398V203.391C273.378 203.016 273.299 202.651 273.164 202.297C273.034 201.943 272.826 201.651 272.539 201.422C272.253 201.193 271.862 201.078 271.367 201.078C271.039 201.078 270.737 201.148 270.461 201.289C270.185 201.424 269.948 201.628 269.75 201.898C269.552 202.169 269.398 202.5 269.289 202.891C269.18 203.281 269.125 203.732 269.125 204.242V204.57C269.125 204.971 269.18 205.349 269.289 205.703C269.404 206.052 269.568 206.359 269.781 206.625C270 206.891 270.263 207.099 270.57 207.25C270.883 207.401 271.237 207.477 271.633 207.477C272.143 207.477 272.576 207.372 272.93 207.164C273.284 206.956 273.594 206.677 273.859 206.328L274.734 207.023C274.552 207.299 274.32 207.562 274.039 207.812C273.758 208.062 273.411 208.266 273 208.422C272.594 208.578 272.112 208.656 271.555 208.656ZM277.977 201.375V208.5H276.531V200.047H277.938L277.977 201.375ZM280.617 200L280.609 201.344C280.49 201.318 280.375 201.302 280.266 201.297C280.161 201.286 280.042 201.281 279.906 201.281C279.573 201.281 279.279 201.333 279.023 201.438C278.768 201.542 278.552 201.688 278.375 201.875C278.198 202.062 278.057 202.286 277.953 202.547C277.854 202.802 277.789 203.083 277.758 203.391L277.352 203.625C277.352 203.115 277.401 202.635 277.5 202.188C277.604 201.74 277.763 201.344 277.977 201C278.19 200.651 278.461 200.38 278.789 200.188C279.122 199.99 279.518 199.891 279.977 199.891C280.081 199.891 280.201 199.904 280.336 199.93C280.471 199.951 280.565 199.974 280.617 200Z"
                       fill="white"
                     />
+                    
+    
                   </svg>
+                  
+    
                 </div>
+                
+            
                 <div
                   class="modal-footer"
                 >
@@ -2187,25 +4327,58 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
                     </button>
                   </div>
                 </div>
+                
+          
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -2216,187 +4389,396 @@ exports[`OE - Vacancy details (closed) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -2406,28 +4788,42 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -2437,56 +4833,140 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -2499,42 +4979,78 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -2544,41 +5060,88 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -2589,6 +5152,10 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2596,142 +5163,322 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -2741,6 +5488,10 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -2748,158 +5499,371 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -2907,30 +5871,71 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -2941,155 +5946,354 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
-  <div
-    aria-hidden="true"
+  
+
+  
+
+
+  
+
+
+
+  <div
+    aria-hidden="true"
     aria-label="loginModalLabel"
     class="modal fade"
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -3099,6 +6303,8 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -3106,21 +6312,29 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -3128,6 +6342,8 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -3138,6 +6354,8 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -3145,9 +6363,28 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -3155,80 +6392,151 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -3237,6 +6545,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -3245,6 +6561,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -3253,6 +6577,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -3261,6 +6593,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -3269,6 +6609,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -3277,6 +6625,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -3285,6 +6641,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -3292,14 +6656,35 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -3308,6 +6693,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -3316,6 +6709,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -3324,6 +6725,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -3332,10 +6741,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -3344,6 +6765,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -3352,6 +6781,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -3360,6 +6797,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -3368,6 +6813,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -3376,6 +6829,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -3384,6 +6845,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -3392,6 +6861,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -3400,6 +6877,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -3408,6 +6893,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -3416,6 +6909,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -3424,6 +6925,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -3432,23 +6941,49 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -3457,6 +6992,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -3465,6 +7008,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -3473,10 +7024,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -3485,6 +7048,14 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -3493,40 +7064,111 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+  
             <div
               class="col-lg-10 col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-0 px-0 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Senior Expert on Internal Models
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -3536,21 +7178,47 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill text-bg-info"
                   >
                     Opened
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Type 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+  
           </div>
+          
+
         </article>
+        
+
+
         <div
           class="d-grid d-md-block mt-3-5"
         >
@@ -3569,143 +7237,330 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
           </button>
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
           <div
             class="mb-4"
           >
+            
+    
+
+
+
+
+
+
             <h2
               class="mb-4 bcl-heading"
             >
               Vacancy details
             </h2>
+            
+    
             <div
               class="mt-3-5"
             >
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Opening date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         19 April 2022
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Closing date
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         21 December 2022
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Grade
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         Grade name
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+              
               <div
                 class="mb-3-5"
               >
+                
+          
+
+  
+
+
+
+
+
+
                 <dl
                   class="bcl-description-list"
                 >
+                  
+      
                   <div
                     class="mb-3"
                   >
+                    
+            
+
+
                     <dt>
+                      
+  
                       <div
                         class="d-flex"
                       >
                         <div>
                           Ref. number
                         </div>
+                        
+  
                       </div>
+                      
+
                     </dt>
+                    
+
+                
+
+
+
                     <dd>
                       <div>
                         394857746532840
                       </div>
                     </dd>
+                    
+
+          
                   </div>
+                  
+    
                 </dl>
+                
+
+        
               </div>
+              
+          
             </div>
+            
+  
           </div>
+                
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                  
           <h2
             class="mb-4"
             id=""
           >
             Vacancy description
           </h2>
+          
+          
           <p
             class="mb-3"
           >
@@ -3715,10 +7570,13 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -3728,6 +7586,8 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+          
           <p
             class="mb-3"
           >
@@ -3737,48 +7597,101 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+      
+            
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+  
+
+  
+  
+
+
+
             <h2
               class="mb-4 bcl-heading"
             >
               File download
             </h2>
+            
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -3789,7 +7702,17 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -3797,23 +7720,58 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-first"
                     aria-expanded="false"
@@ -3823,38 +7781,67 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-first"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3865,10 +7852,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3876,36 +7875,67 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3916,10 +7946,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3927,36 +7969,67 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -3967,10 +8040,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -3978,20 +8063,43 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -4002,45 +8110,100 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+          
           <div
             class="pt-4"
           >
+            
+        
+
+
+
+  
+
+    
+
+
+
+
             <div
               class="bcl-file border rounded"
             >
+              
+    
               <div
                 class="px-3-5 py-3"
               >
+                
+    
                 <div
                   class="d-md-flex"
                 >
+                  
+              
                   <div
                     class="pe-2 pb-2"
                   >
+                    
+        
+
+
+
+
+
+
                     <svg
                       class="mt-1 icon--file bi icon--xl"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#file-pdf-fill"
                       />
+                      
+
                     </svg>
+                    
+
+        
                   </div>
+                  
+            
                   <div
                     class="d-md-flex flex-grow-1"
                   >
+                    
+        
                     <div
                       class="flex-grow-1"
                     >
+                      
+                      
                       <p
                         class="fw-medium m-0 fs-5"
                       >
                         File title
                       </p>
+                      
+                              
                       <small
                         class="fw-medium m-0"
                       >
@@ -4051,7 +8214,17 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                            (16.2 MB - PDF)
                         </span>
                       </small>
+                      
+                  
                     </div>
+                    
+                        
+
+
+                                
+
+
+
                     <a
                       class="standalone align-self-center d-inline-block mt-1 mt-md-0 flex-shrink-0"
                       download
@@ -4059,23 +8232,58 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                       target="_blank"
                     >
                       Download
+
+
+
+
+
+
                       <svg
                         class="ms-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#download"
                         />
+                        
+
                       </svg>
+                      
+
+
                     </a>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </div>
+              
+      
+
+  
+
+
               <div
                 class="bg-lighter py-3 px-4 border-top"
               >
+                
+  
                 <div
                   class="text-end text-md-center"
                 >
+                  
+    
+
+
+                                
+
+
+
                   <a
                     aria-controls="language-dropdown-second"
                     aria-expanded="false"
@@ -4085,38 +8293,67 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                     role="button"
                   >
                     Other languages (3)
+
+
+
+
+
+
                     <svg
                       class="ms-2-5 bi icon--2xs"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#caret-down-fill"
                       />
+                      
+
                     </svg>
+                    
+
+
                   </a>
+                  
+  
                 </div>
+                
+    
                 <div
                   class="collapse"
                   id="language-dropdown-second"
                 >
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title FR
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -4127,10 +8364,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -4138,36 +8387,67 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title ES
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -4178,10 +8458,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -4189,36 +8481,67 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="py-3 border-bottom"
                   >
+                    
+              
                     <div
                       class="row"
                     >
+                      
+          
                       <div
                         class="col-12 col-md-9"
                       >
+                        
+                          
                         <p
                           class="fw-bold m-0"
                         >
                           File title BG
                         </p>
+                        
+                                      
                         <p
                           class="m-0"
                         >
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                         </p>
+                        
+                                    
                         <small
                           class="fw-bold m-0"
                         >
@@ -4229,10 +8552,22 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                              (16.2 MB - PDF)
                           </span>
                         </small>
+                        
+                      
                       </div>
+                      
+          
                       <div
                         class="col-12 col-md-3 align-self-end text-md-end"
                       >
+                        
+                              
+
+
+                                
+
+
+
                         <a
                           class="d-block standalone mt-1"
                           download
@@ -4240,20 +8575,43 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                           target="_blank"
                         >
                           Download
+
+
+
+
+
+
                           <svg
                             class="ms-2-5 bi icon--fluid"
                           >
+                            
+  
                             <use
                               xlink:href="/icons.svg#download"
                             />
+                            
+
                           </svg>
+                          
+
+
                         </a>
+                        
+          
                       </div>
+                      
+        
                     </div>
+                    
+            
                   </div>
+                  
+                
                   <div
                     class="pt-3"
                   >
+                    
+              
                     <p
                       class="mb-2 d-inline-block me-2"
                     >
@@ -4264,20 +8622,40 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                     >
                       Find out why.
                     </a>
+                    
+            
                   </div>
+                  
+      
                 </div>
+                
+  
               </div>
+              
+
+  
             </div>
+            
+
+      
           </div>
+          
+      
+        
           <h2
             class="mb-4 pt-4"
             id="share"
           >
             Share this page
           </h2>
+          
+      
+  
           <div
             class="d-none d-lg-inline-block"
           >
+            
+    
             <svg
               fill="none"
               height="38"
@@ -4285,72 +8663,113 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
               width="537"
               xmlns="http://www.w3.org/2000/svg"
             >
+              
+    
               <path
                 d="M0 4C0 1.79086 1.79086 0 4 0H44V38H4C1.79086 38 0 36.2091 0 34V4Z"
                 fill="#326A9C"
               />
+              
+    
               <path
                 d="M14.0496 14.5554C14.2517 13.6648 15.0482 13 16 13H28C28.9518 13 29.7483 13.6648 29.9504 14.5554L22 19.414L14.0496 14.5554ZM14 15.6971V22.8006L19.8032 19.2435L14 15.6971ZM20.7614 19.8291L14.1919 23.8559C14.5126 24.5323 15.2017 25 16 25H28C28.7983 25 29.4874 24.5323 29.8081 23.8559L23.2386 19.8291L22 20.586L20.7614 19.8291ZM24.1968 19.2435L30 22.8006V15.6971L24.1968 19.2435Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M44 0H113C115.209 0 117 1.79086 117 4V34C117 36.2091 115.209 38 113 38H44V0Z"
                 fill="#255074"
               />
+              
+    
               <path
                 d="M67.0312 22.7734V24H61.0078V22.7734H67.0312ZM61.3125 12.625V24H59.8047V12.625H61.3125ZM66.2344 17.5156V18.7422H61.0078V17.5156H66.2344ZM66.9531 12.625V13.8594H61.0078V12.625H66.9531ZM71.6875 18.5703V19.7578H67.875V18.5703H71.6875ZM74.5391 17.2266V24H73.0859V15.5469H74.4609L74.5391 17.2266ZM74.2422 19.4531L73.5703 19.4297C73.5755 18.8516 73.651 18.3177 73.7969 17.8281C73.9427 17.3333 74.1589 16.9036 74.4453 16.5391C74.7318 16.1745 75.0885 15.8932 75.5156 15.6953C75.9427 15.4922 76.4375 15.3906 77 15.3906C77.3958 15.3906 77.7604 15.4479 78.0938 15.5625C78.4271 15.6719 78.7161 15.8464 78.9609 16.0859C79.2057 16.3255 79.3958 16.6328 79.5312 17.0078C79.6667 17.3828 79.7344 17.8359 79.7344 18.3672V24H78.2891V18.4375C78.2891 17.9948 78.2135 17.6406 78.0625 17.375C77.9167 17.1094 77.7083 16.9167 77.4375 16.7969C77.1667 16.6719 76.849 16.6094 76.4844 16.6094C76.0573 16.6094 75.7005 16.6849 75.4141 16.8359C75.1276 16.987 74.8984 17.1953 74.7266 17.4609C74.5547 17.7266 74.4297 18.0312 74.3516 18.375C74.2786 18.7135 74.2422 19.0729 74.2422 19.4531ZM79.7188 18.6562L78.75 18.9531C78.7552 18.4896 78.8307 18.0443 78.9766 17.6172C79.1276 17.1901 79.3438 16.8099 79.625 16.4766C79.9115 16.1432 80.263 15.8802 80.6797 15.6875C81.0964 15.4896 81.5729 15.3906 82.1094 15.3906C82.5625 15.3906 82.9635 15.4505 83.3125 15.5703C83.6667 15.6901 83.9635 15.875 84.2031 16.125C84.4479 16.3698 84.6328 16.6849 84.7578 17.0703C84.8828 17.4557 84.9453 17.9141 84.9453 18.4453V24H83.4922V18.4297C83.4922 17.9557 83.4167 17.5885 83.2656 17.3281C83.1198 17.0625 82.9115 16.8776 82.6406 16.7734C82.375 16.6641 82.0573 16.6094 81.6875 16.6094C81.3698 16.6094 81.0885 16.6641 80.8438 16.7734C80.599 16.8828 80.3932 17.0339 80.2266 17.2266C80.0599 17.4141 79.9323 17.6302 79.8438 17.875C79.7604 18.1198 79.7188 18.3802 79.7188 18.6562ZM92.1172 22.5547V18.2031C92.1172 17.8698 92.0495 17.5807 91.9141 17.3359C91.7839 17.0859 91.5859 16.8932 91.3203 16.7578C91.0547 16.6224 90.7266 16.5547 90.3359 16.5547C89.9714 16.5547 89.651 16.6172 89.375 16.7422C89.1042 16.8672 88.8906 17.0312 88.7344 17.2344C88.5833 17.4375 88.5078 17.6562 88.5078 17.8906H87.0625C87.0625 17.5885 87.1406 17.2891 87.2969 16.9922C87.4531 16.6953 87.6771 16.4271 87.9688 16.1875C88.2656 15.9427 88.6198 15.75 89.0312 15.6094C89.4479 15.4635 89.9115 15.3906 90.4219 15.3906C91.0365 15.3906 91.5781 15.4948 92.0469 15.7031C92.5208 15.9115 92.8906 16.2266 93.1562 16.6484C93.4271 17.0651 93.5625 17.5885 93.5625 18.2188V22.1562C93.5625 22.4375 93.5859 22.737 93.6328 23.0547C93.6849 23.3724 93.7604 23.6458 93.8594 23.875V24H92.3516C92.2786 23.8333 92.2214 23.612 92.1797 23.3359C92.138 23.0547 92.1172 22.7943 92.1172 22.5547ZM92.3672 18.875L92.3828 19.8906H90.9219C90.5104 19.8906 90.1432 19.9245 89.8203 19.9922C89.4974 20.0547 89.2266 20.151 89.0078 20.2812C88.7891 20.4115 88.6224 20.5755 88.5078 20.7734C88.3932 20.9661 88.3359 21.1927 88.3359 21.4531C88.3359 21.7188 88.3958 21.9609 88.5156 22.1797C88.6354 22.3984 88.8151 22.5729 89.0547 22.7031C89.2995 22.8281 89.599 22.8906 89.9531 22.8906C90.3958 22.8906 90.7865 22.7969 91.125 22.6094C91.4635 22.4219 91.7318 22.1927 91.9297 21.9219C92.1328 21.651 92.2422 21.388 92.2578 21.1328L92.875 21.8281C92.8385 22.0469 92.7396 22.2891 92.5781 22.5547C92.4167 22.8203 92.2005 23.0755 91.9297 23.3203C91.6641 23.5599 91.3464 23.7604 90.9766 23.9219C90.612 24.0781 90.2005 24.1562 89.7422 24.1562C89.1693 24.1562 88.6667 24.0443 88.2344 23.8203C87.8073 23.5964 87.474 23.2969 87.2344 22.9219C87 22.5417 86.8828 22.1172 86.8828 21.6484C86.8828 21.1953 86.9714 20.7969 87.1484 20.4531C87.3255 20.1042 87.5807 19.8151 87.9141 19.5859C88.2474 19.3516 88.6484 19.1745 89.1172 19.0547C89.5859 18.9349 90.1094 18.875 90.6875 18.875H92.3672ZM97.4062 15.5469V24H95.9531V15.5469H97.4062ZM95.8438 13.3047C95.8438 13.0703 95.9141 12.8724 96.0547 12.7109C96.2005 12.5495 96.4141 12.4688 96.6953 12.4688C96.9714 12.4688 97.1823 12.5495 97.3281 12.7109C97.4792 12.8724 97.5547 13.0703 97.5547 13.3047C97.5547 13.5286 97.4792 13.7214 97.3281 13.8828C97.1823 14.0391 96.9714 14.1172 96.6953 14.1172C96.4141 14.1172 96.2005 14.0391 96.0547 13.8828C95.9141 13.7214 95.8438 13.5286 95.8438 13.3047ZM101.297 12V24H99.8438V12H101.297Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M121 4C121 1.79086 122.791 0 125 0H165V38H125C122.791 38 121 36.2091 121 34V4Z"
                 fill="#5B7BB8"
               />
+              
+    
               <path
                 d="M151 19.0487C151 14.6033 147.418 10.9995 142.999 10.9995C138.581 10.9995 134.999 14.6033 134.999 19.0487C134.999 23.0663 137.925 26.3963 141.749 27.0001V21.3754H139.718V19.0487H141.749V17.2754C141.749 15.258 142.944 14.1437 144.771 14.1437C145.647 14.1437 146.562 14.3009 146.562 14.3009V16.2818H145.553C144.56 16.2818 144.25 16.9023 144.25 17.5388V19.0487H146.468L146.114 21.3754H144.25V27.0001C148.074 26.3963 151 23.0663 151 19.0487Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M165 0H259C261.209 0 263 1.79086 263 4V34C263 36.2091 261.209 38 259 38H165V0Z"
                 fill="#486394"
               />
+              
+    
               <path
                 d="M182.086 12.625V24H180.578V12.625H182.086ZM186.852 17.7422V18.9766H181.758V17.7422H186.852ZM187.625 12.625V13.8594H181.758V12.625H187.625ZM193.922 22.5547V18.2031C193.922 17.8698 193.854 17.5807 193.719 17.3359C193.589 17.0859 193.391 16.8932 193.125 16.7578C192.859 16.6224 192.531 16.5547 192.141 16.5547C191.776 16.5547 191.456 16.6172 191.18 16.7422C190.909 16.8672 190.695 17.0312 190.539 17.2344C190.388 17.4375 190.312 17.6562 190.312 17.8906H188.867C188.867 17.5885 188.945 17.2891 189.102 16.9922C189.258 16.6953 189.482 16.4271 189.773 16.1875C190.07 15.9427 190.424 15.75 190.836 15.6094C191.253 15.4635 191.716 15.3906 192.227 15.3906C192.841 15.3906 193.383 15.4948 193.852 15.7031C194.326 15.9115 194.695 16.2266 194.961 16.6484C195.232 17.0651 195.367 17.5885 195.367 18.2188V22.1562C195.367 22.4375 195.391 22.737 195.438 23.0547C195.49 23.3724 195.565 23.6458 195.664 23.875V24H194.156C194.083 23.8333 194.026 23.612 193.984 23.3359C193.943 23.0547 193.922 22.7943 193.922 22.5547ZM194.172 18.875L194.188 19.8906H192.727C192.315 19.8906 191.948 19.9245 191.625 19.9922C191.302 20.0547 191.031 20.151 190.812 20.2812C190.594 20.4115 190.427 20.5755 190.312 20.7734C190.198 20.9661 190.141 21.1927 190.141 21.4531C190.141 21.7188 190.201 21.9609 190.32 22.1797C190.44 22.3984 190.62 22.5729 190.859 22.7031C191.104 22.8281 191.404 22.8906 191.758 22.8906C192.201 22.8906 192.591 22.7969 192.93 22.6094C193.268 22.4219 193.536 22.1927 193.734 21.9219C193.938 21.651 194.047 21.388 194.062 21.1328L194.68 21.8281C194.643 22.0469 194.544 22.2891 194.383 22.5547C194.221 22.8203 194.005 23.0755 193.734 23.3203C193.469 23.5599 193.151 23.7604 192.781 23.9219C192.417 24.0781 192.005 24.1562 191.547 24.1562C190.974 24.1562 190.471 24.0443 190.039 23.8203C189.612 23.5964 189.279 23.2969 189.039 22.9219C188.805 22.5417 188.688 22.1172 188.688 21.6484C188.688 21.1953 188.776 20.7969 188.953 20.4531C189.13 20.1042 189.385 19.8151 189.719 19.5859C190.052 19.3516 190.453 19.1745 190.922 19.0547C191.391 18.9349 191.914 18.875 192.492 18.875H194.172ZM201.023 22.9688C201.367 22.9688 201.685 22.8984 201.977 22.7578C202.268 22.6172 202.508 22.4245 202.695 22.1797C202.883 21.9297 202.99 21.6458 203.016 21.3281H204.391C204.365 21.8281 204.195 22.2943 203.883 22.7266C203.576 23.1536 203.172 23.5 202.672 23.7656C202.172 24.026 201.622 24.1562 201.023 24.1562C200.388 24.1562 199.833 24.0443 199.359 23.8203C198.891 23.5964 198.5 23.2891 198.188 22.8984C197.88 22.5078 197.648 22.0599 197.492 21.5547C197.341 21.0443 197.266 20.5052 197.266 19.9375V19.6094C197.266 19.0417 197.341 18.5052 197.492 18C197.648 17.4896 197.88 17.0391 198.188 16.6484C198.5 16.2578 198.891 15.9505 199.359 15.7266C199.833 15.5026 200.388 15.3906 201.023 15.3906C201.685 15.3906 202.263 15.526 202.758 15.7969C203.253 16.0625 203.641 16.4271 203.922 16.8906C204.208 17.349 204.365 17.8698 204.391 18.4531H203.016C202.99 18.1042 202.891 17.7891 202.719 17.5078C202.552 17.2266 202.323 17.0026 202.031 16.8359C201.745 16.6641 201.409 16.5781 201.023 16.5781C200.581 16.5781 200.208 16.6667 199.906 16.8438C199.609 17.0156 199.372 17.25 199.195 17.5469C199.023 17.8385 198.898 18.1641 198.82 18.5234C198.747 18.8776 198.711 19.2396 198.711 19.6094V19.9375C198.711 20.3073 198.747 20.6719 198.82 21.0312C198.893 21.3906 199.016 21.7161 199.188 22.0078C199.365 22.2995 199.602 22.5339 199.898 22.7109C200.201 22.8828 200.576 22.9688 201.023 22.9688ZM209.523 24.1562C208.935 24.1562 208.401 24.0573 207.922 23.8594C207.448 23.6562 207.039 23.3724 206.695 23.0078C206.357 22.6432 206.096 22.2109 205.914 21.7109C205.732 21.2109 205.641 20.6641 205.641 20.0703V19.7422C205.641 19.0547 205.742 18.4427 205.945 17.9062C206.148 17.3646 206.424 16.9062 206.773 16.5312C207.122 16.1562 207.518 15.8724 207.961 15.6797C208.404 15.487 208.862 15.3906 209.336 15.3906C209.94 15.3906 210.461 15.4948 210.898 15.7031C211.341 15.9115 211.703 16.2031 211.984 16.5781C212.266 16.9479 212.474 17.3854 212.609 17.8906C212.745 18.3906 212.812 18.9375 212.812 19.5312V20.1797H206.5V19H211.367V18.8906C211.346 18.5156 211.268 18.151 211.133 17.7969C211.003 17.4427 210.794 17.151 210.508 16.9219C210.221 16.6927 209.831 16.5781 209.336 16.5781C209.008 16.5781 208.706 16.6484 208.43 16.7891C208.154 16.9245 207.917 17.1276 207.719 17.3984C207.521 17.6693 207.367 18 207.258 18.3906C207.148 18.7812 207.094 19.2318 207.094 19.7422V20.0703C207.094 20.4714 207.148 20.849 207.258 21.2031C207.372 21.5521 207.536 21.8594 207.75 22.125C207.969 22.3906 208.232 22.599 208.539 22.75C208.852 22.901 209.206 22.9766 209.602 22.9766C210.112 22.9766 210.544 22.8724 210.898 22.6641C211.253 22.4557 211.562 22.1771 211.828 21.8281L212.703 22.5234C212.521 22.7995 212.289 23.0625 212.008 23.3125C211.727 23.5625 211.38 23.7656 210.969 23.9219C210.562 24.0781 210.081 24.1562 209.523 24.1562ZM214.492 12H215.945V22.3594L215.82 24H214.492V12ZM221.656 19.7031V19.8672C221.656 20.4818 221.583 21.0521 221.438 21.5781C221.292 22.099 221.078 22.5521 220.797 22.9375C220.516 23.3229 220.172 23.6224 219.766 23.8359C219.359 24.0495 218.893 24.1562 218.367 24.1562C217.831 24.1562 217.359 24.0651 216.953 23.8828C216.552 23.6953 216.214 23.4271 215.938 23.0781C215.661 22.7292 215.44 22.3073 215.273 21.8125C215.112 21.3177 215 20.7604 214.938 20.1406V19.4219C215 18.7969 215.112 18.237 215.273 17.7422C215.44 17.2474 215.661 16.8255 215.938 16.4766C216.214 16.1224 216.552 15.8542 216.953 15.6719C217.354 15.4844 217.82 15.3906 218.352 15.3906C218.883 15.3906 219.354 15.4948 219.766 15.7031C220.177 15.9062 220.521 16.1979 220.797 16.5781C221.078 16.9583 221.292 17.4141 221.438 17.9453C221.583 18.4714 221.656 19.0573 221.656 19.7031ZM220.203 19.8672V19.7031C220.203 19.2812 220.164 18.8854 220.086 18.5156C220.008 18.1406 219.883 17.8125 219.711 17.5312C219.539 17.2448 219.312 17.0208 219.031 16.8594C218.75 16.6927 218.404 16.6094 217.992 16.6094C217.628 16.6094 217.31 16.6719 217.039 16.7969C216.773 16.9219 216.547 17.0911 216.359 17.3047C216.172 17.513 216.018 17.7526 215.898 18.0234C215.784 18.2891 215.698 18.5651 215.641 18.8516V20.7344C215.724 21.099 215.859 21.4505 216.047 21.7891C216.24 22.1224 216.495 22.3958 216.812 22.6094C217.135 22.8229 217.534 22.9297 218.008 22.9297C218.398 22.9297 218.732 22.8516 219.008 22.6953C219.289 22.5339 219.516 22.3125 219.688 22.0312C219.865 21.75 219.995 21.4245 220.078 21.0547C220.161 20.6849 220.203 20.2891 220.203 19.8672ZM223.102 19.8672V19.6875C223.102 19.0781 223.19 18.513 223.367 17.9922C223.544 17.4661 223.799 17.0104 224.133 16.625C224.466 16.2344 224.87 15.9323 225.344 15.7188C225.818 15.5 226.349 15.3906 226.938 15.3906C227.531 15.3906 228.065 15.5 228.539 15.7188C229.018 15.9323 229.424 16.2344 229.758 16.625C230.096 17.0104 230.354 17.4661 230.531 17.9922C230.708 18.513 230.797 19.0781 230.797 19.6875V19.8672C230.797 20.4766 230.708 21.0417 230.531 21.5625C230.354 22.0833 230.096 22.5391 229.758 22.9297C229.424 23.3151 229.021 23.6172 228.547 23.8359C228.078 24.0495 227.547 24.1562 226.953 24.1562C226.359 24.1562 225.826 24.0495 225.352 23.8359C224.878 23.6172 224.471 23.3151 224.133 22.9297C223.799 22.5391 223.544 22.0833 223.367 21.5625C223.19 21.0417 223.102 20.4766 223.102 19.8672ZM224.547 19.6875V19.8672C224.547 20.2891 224.596 20.6875 224.695 21.0625C224.794 21.4323 224.943 21.7604 225.141 22.0469C225.344 22.3333 225.596 22.5599 225.898 22.7266C226.201 22.888 226.552 22.9688 226.953 22.9688C227.349 22.9688 227.695 22.888 227.992 22.7266C228.294 22.5599 228.544 22.3333 228.742 22.0469C228.94 21.7604 229.089 21.4323 229.188 21.0625C229.292 20.6875 229.344 20.2891 229.344 19.8672V19.6875C229.344 19.2708 229.292 18.8776 229.188 18.5078C229.089 18.1328 228.938 17.8021 228.734 17.5156C228.536 17.224 228.286 16.9948 227.984 16.8281C227.688 16.6615 227.339 16.5781 226.938 16.5781C226.542 16.5781 226.193 16.6615 225.891 16.8281C225.594 16.9948 225.344 17.224 225.141 17.5156C224.943 17.8021 224.794 18.1328 224.695 18.5078C224.596 18.8776 224.547 19.2708 224.547 19.6875ZM232.227 19.8672V19.6875C232.227 19.0781 232.315 18.513 232.492 17.9922C232.669 17.4661 232.924 17.0104 233.258 16.625C233.591 16.2344 233.995 15.9323 234.469 15.7188C234.943 15.5 235.474 15.3906 236.062 15.3906C236.656 15.3906 237.19 15.5 237.664 15.7188C238.143 15.9323 238.549 16.2344 238.883 16.625C239.221 17.0104 239.479 17.4661 239.656 17.9922C239.833 18.513 239.922 19.0781 239.922 19.6875V19.8672C239.922 20.4766 239.833 21.0417 239.656 21.5625C239.479 22.0833 239.221 22.5391 238.883 22.9297C238.549 23.3151 238.146 23.6172 237.672 23.8359C237.203 24.0495 236.672 24.1562 236.078 24.1562C235.484 24.1562 234.951 24.0495 234.477 23.8359C234.003 23.6172 233.596 23.3151 233.258 22.9297C232.924 22.5391 232.669 22.0833 232.492 21.5625C232.315 21.0417 232.227 20.4766 232.227 19.8672ZM233.672 19.6875V19.8672C233.672 20.2891 233.721 20.6875 233.82 21.0625C233.919 21.4323 234.068 21.7604 234.266 22.0469C234.469 22.3333 234.721 22.5599 235.023 22.7266C235.326 22.888 235.677 22.9688 236.078 22.9688C236.474 22.9688 236.82 22.888 237.117 22.7266C237.419 22.5599 237.669 22.3333 237.867 22.0469C238.065 21.7604 238.214 21.4323 238.312 21.0625C238.417 20.6875 238.469 20.2891 238.469 19.8672V19.6875C238.469 19.2708 238.417 18.8776 238.312 18.5078C238.214 18.1328 238.062 17.8021 237.859 17.5156C237.661 17.224 237.411 16.9948 237.109 16.8281C236.812 16.6615 236.464 16.5781 236.062 16.5781C235.667 16.5781 235.318 16.6615 235.016 16.8281C234.719 16.9948 234.469 17.224 234.266 17.5156C234.068 17.8021 233.919 18.1328 233.82 18.5078C233.721 18.8776 233.672 19.2708 233.672 19.6875ZM243.188 12V24H241.734V12H243.188ZM248.352 15.5469L244.664 19.4922L242.602 21.6328L242.484 20.0938L243.961 18.3281L246.586 15.5469H248.352ZM247.031 24L244.016 19.9688L244.766 18.6797L248.734 24H247.031Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M267 4C267 1.79086 268.791 0 271 0H311V38H271C268.791 38 267 36.2091 267 34V4Z"
                 fill="#4AA1EB"
               />
+              
+    
               <path
                 d="M286.026 26C292.064 26 295.367 20.997 295.367 16.6658C295.367 16.5251 295.367 16.3844 295.361 16.2436C296.001 15.783 296.558 15.2008 297 14.5418C296.411 14.8041 295.777 14.9769 295.111 15.06C295.79 14.657 296.309 14.0108 296.558 13.2431C295.924 13.6206 295.22 13.8893 294.471 14.0364C293.869 13.3967 293.018 13 292.076 13C290.265 13 288.792 14.4715 288.792 16.282C288.792 16.5379 288.824 16.7874 288.875 17.0305C286.148 16.8962 283.727 15.5846 282.108 13.6014C281.826 14.0876 281.666 14.6506 281.666 15.252C281.666 16.3907 282.248 17.3952 283.126 17.9838C282.588 17.9646 282.082 17.8174 281.64 17.5743C281.64 17.5871 281.64 17.5999 281.64 17.6191C281.64 19.2057 282.774 20.5364 284.272 20.8371C283.996 20.9139 283.708 20.9523 283.407 20.9523C283.196 20.9523 282.991 20.9331 282.793 20.8947C283.209 22.1998 284.425 23.1467 285.86 23.1722C284.733 24.0551 283.318 24.5797 281.781 24.5797C281.519 24.5797 281.256 24.5669 281 24.5349C282.447 25.4562 284.176 26 286.026 26Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M311 0H385C387.209 0 389 1.79086 389 4V34C389 36.2091 387.209 38 385 38H311V0Z"
                 fill="#3677B0"
               />
+              
+    
               <path
                 d="M330.828 12.625V24H329.344V12.625H330.828ZM334.484 12.625V13.8594H325.695V12.625H334.484ZM337.641 22.5L339.812 15.5469H340.766L340.578 16.9297L338.367 24H337.438L337.641 22.5ZM336.18 15.5469L338.031 22.5781L338.164 24H337.188L334.734 15.5469H336.18ZM342.844 22.5234L344.609 15.5469H346.047L343.594 24H342.625L342.844 22.5234ZM340.977 15.5469L343.102 22.3828L343.344 24H342.422L340.148 16.9141L339.961 15.5469H340.977ZM349.102 15.5469V24H347.648V15.5469H349.102ZM347.539 13.3047C347.539 13.0703 347.609 12.8724 347.75 12.7109C347.896 12.5495 348.109 12.4688 348.391 12.4688C348.667 12.4688 348.878 12.5495 349.023 12.7109C349.174 12.8724 349.25 13.0703 349.25 13.3047C349.25 13.5286 349.174 13.7214 349.023 13.8828C348.878 14.0391 348.667 14.1172 348.391 14.1172C348.109 14.1172 347.896 14.0391 347.75 13.8828C347.609 13.7214 347.539 13.5286 347.539 13.3047ZM354.961 15.5469V16.6562H350.391V15.5469H354.961ZM351.938 13.4922H353.383V21.9062C353.383 22.1927 353.427 22.4089 353.516 22.5547C353.604 22.7005 353.719 22.7969 353.859 22.8438C354 22.8906 354.151 22.9141 354.312 22.9141C354.432 22.9141 354.557 22.9036 354.688 22.8828C354.823 22.8568 354.924 22.8359 354.992 22.8203L355 24C354.885 24.0365 354.734 24.0703 354.547 24.1016C354.365 24.138 354.143 24.1562 353.883 24.1562C353.529 24.1562 353.203 24.0859 352.906 23.9453C352.609 23.8047 352.372 23.5703 352.195 23.2422C352.023 22.9089 351.938 22.4609 351.938 21.8984V13.4922ZM360.195 15.5469V16.6562H355.625V15.5469H360.195ZM357.172 13.4922H358.617V21.9062C358.617 22.1927 358.661 22.4089 358.75 22.5547C358.839 22.7005 358.953 22.7969 359.094 22.8438C359.234 22.8906 359.385 22.9141 359.547 22.9141C359.667 22.9141 359.792 22.9036 359.922 22.8828C360.057 22.8568 360.159 22.8359 360.227 22.8203L360.234 24C360.12 24.0365 359.969 24.0703 359.781 24.1016C359.599 24.138 359.378 24.1562 359.117 24.1562C358.763 24.1562 358.438 24.0859 358.141 23.9453C357.844 23.8047 357.607 23.5703 357.43 23.2422C357.258 22.9089 357.172 22.4609 357.172 21.8984V13.4922ZM365.398 24.1562C364.81 24.1562 364.276 24.0573 363.797 23.8594C363.323 23.6562 362.914 23.3724 362.57 23.0078C362.232 22.6432 361.971 22.2109 361.789 21.7109C361.607 21.2109 361.516 20.6641 361.516 20.0703V19.7422C361.516 19.0547 361.617 18.4427 361.82 17.9062C362.023 17.3646 362.299 16.9062 362.648 16.5312C362.997 16.1562 363.393 15.8724 363.836 15.6797C364.279 15.487 364.737 15.3906 365.211 15.3906C365.815 15.3906 366.336 15.4948 366.773 15.7031C367.216 15.9115 367.578 16.2031 367.859 16.5781C368.141 16.9479 368.349 17.3854 368.484 17.8906C368.62 18.3906 368.688 18.9375 368.688 19.5312V20.1797H362.375V19H367.242V18.8906C367.221 18.5156 367.143 18.151 367.008 17.7969C366.878 17.4427 366.669 17.151 366.383 16.9219C366.096 16.6927 365.706 16.5781 365.211 16.5781C364.883 16.5781 364.581 16.6484 364.305 16.7891C364.029 16.9245 363.792 17.1276 363.594 17.3984C363.396 17.6693 363.242 18 363.133 18.3906C363.023 18.7812 362.969 19.2318 362.969 19.7422V20.0703C362.969 20.4714 363.023 20.849 363.133 21.2031C363.247 21.5521 363.411 21.8594 363.625 22.125C363.844 22.3906 364.107 22.599 364.414 22.75C364.727 22.901 365.081 22.9766 365.477 22.9766C365.987 22.9766 366.419 22.8724 366.773 22.6641C367.128 22.4557 367.438 22.1771 367.703 21.8281L368.578 22.5234C368.396 22.7995 368.164 23.0625 367.883 23.3125C367.602 23.5625 367.255 23.7656 366.844 23.9219C366.438 24.0781 365.956 24.1562 365.398 24.1562ZM371.82 16.875V24H370.375V15.5469H371.781L371.82 16.875ZM374.461 15.5L374.453 16.8438C374.333 16.8177 374.219 16.8021 374.109 16.7969C374.005 16.7865 373.885 16.7812 373.75 16.7812C373.417 16.7812 373.122 16.8333 372.867 16.9375C372.612 17.0417 372.396 17.1875 372.219 17.375C372.042 17.5625 371.901 17.7865 371.797 18.0469C371.698 18.3021 371.633 18.5833 371.602 18.8906L371.195 19.125C371.195 18.6146 371.245 18.1354 371.344 17.6875C371.448 17.2396 371.607 16.8438 371.82 16.5C372.034 16.151 372.305 15.8802 372.633 15.6875C372.966 15.4896 373.362 15.3906 373.82 15.3906C373.924 15.3906 374.044 15.4036 374.18 15.4297C374.315 15.4505 374.409 15.474 374.461 15.5Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M393 4C393 1.79086 394.791 0 397 0H437V38H397C394.791 38 393 36.2091 393 34V4Z"
                 fill="#65CF72"
               />
+              
+    
               <path
                 d="M420.601 13.3264C419.107 11.8249 417.115 11 414.994 11C410.627 11 407.068 14.5581 407.065 18.9259C407.065 20.3248 407.43 21.6857 408.121 22.8907L407 27L411.204 25.8976C412.364 26.5286 413.668 26.8632 414.994 26.8632H414.998C419.366 26.8632 422.924 23.3051 422.928 18.9335C422.924 16.8161 422.099 14.8242 420.601 13.3264ZM414.994 25.5213C413.808 25.5213 412.649 25.2019 411.638 24.6013L411.398 24.4569L408.904 25.1107L409.57 22.6778L409.414 22.4269C408.752 21.3778 408.407 20.1651 408.407 18.9221C408.407 15.2956 411.364 12.3381 414.998 12.3381C416.758 12.3381 418.412 13.0261 419.659 14.2692C420.902 15.516 421.586 17.1696 421.586 18.9297C421.582 22.5676 418.625 25.5213 414.994 25.5213ZM418.609 20.5871C418.412 20.4882 417.439 20.0093 417.256 19.9408C417.074 19.8762 416.941 19.842 416.811 20.0397C416.678 20.2373 416.298 20.6859 416.184 20.8152C416.07 20.9482 415.952 20.9634 415.755 20.8646C415.557 20.7657 414.918 20.5567 414.162 19.88C413.573 19.3554 413.177 18.7054 413.059 18.5077C412.945 18.3101 413.048 18.2036 413.147 18.1048C413.234 18.0173 413.344 17.8729 413.443 17.7589C413.542 17.6448 413.576 17.5612 413.641 17.4281C413.706 17.2951 413.675 17.181 413.626 17.0822C413.576 16.9834 413.181 16.0064 413.014 15.6111C412.854 15.2233 412.691 15.2766 412.569 15.2727C412.455 15.2651 412.322 15.2651 412.189 15.2651C412.056 15.2651 411.843 15.3146 411.66 15.5122C411.478 15.7099 410.969 16.1889 410.969 17.1658C410.969 18.1428 411.679 19.0817 411.778 19.2148C411.877 19.3478 413.173 21.3474 415.162 22.2065C415.633 22.4117 416.002 22.5334 416.291 22.6246C416.766 22.7767 417.195 22.7539 417.537 22.7044C417.918 22.6474 418.708 22.2255 418.875 21.7617C419.039 21.2979 419.039 20.9026 418.99 20.819C418.94 20.7353 418.807 20.6859 418.609 20.5871Z"
                 fill="white"
               />
+              
+    
               <path
                 d="M437 0H533C535.209 0 537 1.79086 537 4V34C537 36.2091 535.209 38 533 38H437V0Z"
                 fill="#59B665"
               />
+              
+    
               <path
                 d="M455.367 20.5625L457.625 12.625H458.719L458.086 15.7109L455.656 24H454.57L455.367 20.5625ZM453.031 12.625L454.828 20.4062L455.367 24H454.289L451.531 12.625H453.031ZM461.641 20.3984L463.398 12.625H464.906L462.156 24H461.078L461.641 20.3984ZM458.883 12.625L461.078 20.5625L461.875 24H460.789L458.445 15.7109L457.805 12.625H458.883ZM467.805 12V24H466.359V12H467.805ZM467.461 19.4531L466.859 19.4297C466.865 18.8516 466.951 18.3177 467.117 17.8281C467.284 17.3333 467.518 16.9036 467.82 16.5391C468.122 16.1745 468.482 15.8932 468.898 15.6953C469.32 15.4922 469.786 15.3906 470.297 15.3906C470.714 15.3906 471.089 15.4479 471.422 15.5625C471.755 15.6719 472.039 15.849 472.273 16.0938C472.513 16.3385 472.695 16.6562 472.82 17.0469C472.945 17.4323 473.008 17.9036 473.008 18.4609V24H471.555V18.4453C471.555 18.0026 471.49 17.6484 471.359 17.3828C471.229 17.112 471.039 16.9167 470.789 16.7969C470.539 16.6719 470.232 16.6094 469.867 16.6094C469.508 16.6094 469.18 16.6849 468.883 16.8359C468.591 16.987 468.339 17.1953 468.125 17.4609C467.917 17.7266 467.753 18.0312 467.633 18.375C467.518 18.7135 467.461 19.0729 467.461 19.4531ZM480.156 22.5547V18.2031C480.156 17.8698 480.089 17.5807 479.953 17.3359C479.823 17.0859 479.625 16.8932 479.359 16.7578C479.094 16.6224 478.766 16.5547 478.375 16.5547C478.01 16.5547 477.69 16.6172 477.414 16.7422C477.143 16.8672 476.93 17.0312 476.773 17.2344C476.622 17.4375 476.547 17.6562 476.547 17.8906H475.102C475.102 17.5885 475.18 17.2891 475.336 16.9922C475.492 16.6953 475.716 16.4271 476.008 16.1875C476.305 15.9427 476.659 15.75 477.07 15.6094C477.487 15.4635 477.951 15.3906 478.461 15.3906C479.076 15.3906 479.617 15.4948 480.086 15.7031C480.56 15.9115 480.93 16.2266 481.195 16.6484C481.466 17.0651 481.602 17.5885 481.602 18.2188V22.1562C481.602 22.4375 481.625 22.737 481.672 23.0547C481.724 23.3724 481.799 23.6458 481.898 23.875V24H480.391C480.318 23.8333 480.26 23.612 480.219 23.3359C480.177 23.0547 480.156 22.7943 480.156 22.5547ZM480.406 18.875L480.422 19.8906H478.961C478.549 19.8906 478.182 19.9245 477.859 19.9922C477.536 20.0547 477.266 20.151 477.047 20.2812C476.828 20.4115 476.661 20.5755 476.547 20.7734C476.432 20.9661 476.375 21.1927 476.375 21.4531C476.375 21.7188 476.435 21.9609 476.555 22.1797C476.674 22.3984 476.854 22.5729 477.094 22.7031C477.339 22.8281 477.638 22.8906 477.992 22.8906C478.435 22.8906 478.826 22.7969 479.164 22.6094C479.503 22.4219 479.771 22.1927 479.969 21.9219C480.172 21.651 480.281 21.388 480.297 21.1328L480.914 21.8281C480.878 22.0469 480.779 22.2891 480.617 22.5547C480.456 22.8203 480.24 23.0755 479.969 23.3203C479.703 23.5599 479.385 23.7604 479.016 23.9219C478.651 24.0781 478.24 24.1562 477.781 24.1562C477.208 24.1562 476.706 24.0443 476.273 23.8203C475.846 23.5964 475.513 23.2969 475.273 22.9219C475.039 22.5417 474.922 22.1172 474.922 21.6484C474.922 21.1953 475.01 20.7969 475.188 20.4531C475.365 20.1042 475.62 19.8151 475.953 19.5859C476.286 19.3516 476.688 19.1745 477.156 19.0547C477.625 18.9349 478.148 18.875 478.727 18.875H480.406ZM487.414 15.5469V16.6562H482.844V15.5469H487.414ZM484.391 13.4922H485.836V21.9062C485.836 22.1927 485.88 22.4089 485.969 22.5547C486.057 22.7005 486.172 22.7969 486.312 22.8438C486.453 22.8906 486.604 22.9141 486.766 22.9141C486.885 22.9141 487.01 22.9036 487.141 22.8828C487.276 22.8568 487.378 22.8359 487.445 22.8203L487.453 24C487.339 24.0365 487.188 24.0703 487 24.1016C486.818 24.138 486.596 24.1562 486.336 24.1562C485.982 24.1562 485.656 24.0859 485.359 23.9453C485.062 23.8047 484.826 23.5703 484.648 23.2422C484.477 22.9089 484.391 22.4609 484.391 21.8984V13.4922ZM494.031 21.7578C494.031 21.5495 493.984 21.3568 493.891 21.1797C493.802 20.9974 493.617 20.8333 493.336 20.6875C493.06 20.5365 492.643 20.4062 492.086 20.2969C491.617 20.1979 491.193 20.0807 490.812 19.9453C490.438 19.8099 490.117 19.6458 489.852 19.4531C489.591 19.2604 489.391 19.0339 489.25 18.7734C489.109 18.513 489.039 18.2083 489.039 17.8594C489.039 17.526 489.112 17.2109 489.258 16.9141C489.409 16.6172 489.62 16.3542 489.891 16.125C490.167 15.8958 490.497 15.7161 490.883 15.5859C491.268 15.4557 491.698 15.3906 492.172 15.3906C492.849 15.3906 493.427 15.5104 493.906 15.75C494.385 15.9896 494.753 16.3099 495.008 16.7109C495.263 17.1068 495.391 17.5469 495.391 18.0312H493.945C493.945 17.7969 493.875 17.5703 493.734 17.3516C493.599 17.1276 493.398 16.9427 493.133 16.7969C492.872 16.651 492.552 16.5781 492.172 16.5781C491.771 16.5781 491.445 16.6406 491.195 16.7656C490.951 16.8854 490.771 17.0391 490.656 17.2266C490.547 17.4141 490.492 17.612 490.492 17.8203C490.492 17.9766 490.518 18.1172 490.57 18.2422C490.628 18.362 490.727 18.474 490.867 18.5781C491.008 18.6771 491.206 18.7708 491.461 18.8594C491.716 18.9479 492.042 19.0365 492.438 19.125C493.13 19.2812 493.701 19.4688 494.148 19.6875C494.596 19.9062 494.93 20.1745 495.148 20.4922C495.367 20.8099 495.477 21.1953 495.477 21.6484C495.477 22.0182 495.398 22.3568 495.242 22.6641C495.091 22.9714 494.87 23.237 494.578 23.4609C494.292 23.6797 493.948 23.8516 493.547 23.9766C493.151 24.0964 492.706 24.1562 492.211 24.1562C491.466 24.1562 490.836 24.0234 490.32 23.7578C489.805 23.4922 489.414 23.1484 489.148 22.7266C488.883 22.3047 488.75 21.8594 488.75 21.3906H490.203C490.224 21.7865 490.339 22.1016 490.547 22.3359C490.755 22.5651 491.01 22.7292 491.312 22.8281C491.615 22.9219 491.914 22.9688 492.211 22.9688C492.607 22.9688 492.938 22.9167 493.203 22.8125C493.474 22.7083 493.68 22.5651 493.82 22.3828C493.961 22.2005 494.031 21.9922 494.031 21.7578ZM502.359 22.5547V18.2031C502.359 17.8698 502.292 17.5807 502.156 17.3359C502.026 17.0859 501.828 16.8932 501.562 16.7578C501.297 16.6224 500.969 16.5547 500.578 16.5547C500.214 16.5547 499.893 16.6172 499.617 16.7422C499.346 16.8672 499.133 17.0312 498.977 17.2344C498.826 17.4375 498.75 17.6562 498.75 17.8906H497.305C497.305 17.5885 497.383 17.2891 497.539 16.9922C497.695 16.6953 497.919 16.4271 498.211 16.1875C498.508 15.9427 498.862 15.75 499.273 15.6094C499.69 15.4635 500.154 15.3906 500.664 15.3906C501.279 15.3906 501.82 15.4948 502.289 15.7031C502.763 15.9115 503.133 16.2266 503.398 16.6484C503.669 17.0651 503.805 17.5885 503.805 18.2188V22.1562C503.805 22.4375 503.828 22.737 503.875 23.0547C503.927 23.3724 504.003 23.6458 504.102 23.875V24H502.594C502.521 23.8333 502.464 23.612 502.422 23.3359C502.38 23.0547 502.359 22.7943 502.359 22.5547ZM502.609 18.875L502.625 19.8906H501.164C500.753 19.8906 500.385 19.9245 500.062 19.9922C499.74 20.0547 499.469 20.151 499.25 20.2812C499.031 20.4115 498.865 20.5755 498.75 20.7734C498.635 20.9661 498.578 21.1927 498.578 21.4531C498.578 21.7188 498.638 21.9609 498.758 22.1797C498.878 22.3984 499.057 22.5729 499.297 22.7031C499.542 22.8281 499.841 22.8906 500.195 22.8906C500.638 22.8906 501.029 22.7969 501.367 22.6094C501.706 22.4219 501.974 22.1927 502.172 21.9219C502.375 21.651 502.484 21.388 502.5 21.1328L503.117 21.8281C503.081 22.0469 502.982 22.2891 502.82 22.5547C502.659 22.8203 502.443 23.0755 502.172 23.3203C501.906 23.5599 501.589 23.7604 501.219 23.9219C500.854 24.0781 500.443 24.1562 499.984 24.1562C499.411 24.1562 498.909 24.0443 498.477 23.8203C498.049 23.5964 497.716 23.2969 497.477 22.9219C497.242 22.5417 497.125 22.1172 497.125 21.6484C497.125 21.1953 497.214 20.7969 497.391 20.4531C497.568 20.1042 497.823 19.8151 498.156 19.5859C498.49 19.3516 498.891 19.1745 499.359 19.0547C499.828 18.9349 500.352 18.875 500.93 18.875H502.609ZM507.523 17.1719V27.25H506.07V15.5469H507.398L507.523 17.1719ZM513.219 19.7031V19.8672C513.219 20.4818 513.146 21.0521 513 21.5781C512.854 22.099 512.641 22.5521 512.359 22.9375C512.083 23.3229 511.742 23.6224 511.336 23.8359C510.93 24.0495 510.464 24.1562 509.938 24.1562C509.401 24.1562 508.927 24.0677 508.516 23.8906C508.104 23.7135 507.755 23.4557 507.469 23.1172C507.182 22.7786 506.953 22.3724 506.781 21.8984C506.615 21.4245 506.5 20.8906 506.438 20.2969V19.4219C506.5 18.7969 506.617 18.237 506.789 17.7422C506.961 17.2474 507.188 16.8255 507.469 16.4766C507.755 16.1224 508.102 15.8542 508.508 15.6719C508.914 15.4844 509.383 15.3906 509.914 15.3906C510.445 15.3906 510.917 15.4948 511.328 15.7031C511.74 15.9062 512.086 16.1979 512.367 16.5781C512.648 16.9583 512.859 17.4141 513 17.9453C513.146 18.4714 513.219 19.0573 513.219 19.7031ZM511.766 19.8672V19.7031C511.766 19.2812 511.721 18.8854 511.633 18.5156C511.544 18.1406 511.406 17.8125 511.219 17.5312C511.036 17.2448 510.802 17.0208 510.516 16.8594C510.229 16.6927 509.888 16.6094 509.492 16.6094C509.128 16.6094 508.81 16.6719 508.539 16.7969C508.273 16.9219 508.047 17.0911 507.859 17.3047C507.672 17.513 507.518 17.7526 507.398 18.0234C507.284 18.2891 507.198 18.5651 507.141 18.8516V20.875C507.245 21.2396 507.391 21.5833 507.578 21.9062C507.766 22.224 508.016 22.4818 508.328 22.6797C508.641 22.8724 509.034 22.9688 509.508 22.9688C509.898 22.9688 510.234 22.888 510.516 22.7266C510.802 22.5599 511.036 22.3333 511.219 22.0469C511.406 21.7604 511.544 21.4323 511.633 21.0625C511.721 20.6875 511.766 20.2891 511.766 19.8672ZM516.508 17.1719V27.25H515.055V15.5469H516.383L516.508 17.1719ZM522.203 19.7031V19.8672C522.203 20.4818 522.13 21.0521 521.984 21.5781C521.839 22.099 521.625 22.5521 521.344 22.9375C521.068 23.3229 520.727 23.6224 520.32 23.8359C519.914 24.0495 519.448 24.1562 518.922 24.1562C518.385 24.1562 517.911 24.0677 517.5 23.8906C517.089 23.7135 516.74 23.4557 516.453 23.1172C516.167 22.7786 515.938 22.3724 515.766 21.8984C515.599 21.4245 515.484 20.8906 515.422 20.2969V19.4219C515.484 18.7969 515.602 18.237 515.773 17.7422C515.945 17.2474 516.172 16.8255 516.453 16.4766C516.74 16.1224 517.086 15.8542 517.492 15.6719C517.898 15.4844 518.367 15.3906 518.898 15.3906C519.43 15.3906 519.901 15.4948 520.312 15.7031C520.724 15.9062 521.07 16.1979 521.352 16.5781C521.633 16.9583 521.844 17.4141 521.984 17.9453C522.13 18.4714 522.203 19.0573 522.203 19.7031ZM520.75 19.8672V19.7031C520.75 19.2812 520.706 18.8854 520.617 18.5156C520.529 18.1406 520.391 17.8125 520.203 17.5312C520.021 17.2448 519.786 17.0208 519.5 16.8594C519.214 16.6927 518.872 16.6094 518.477 16.6094C518.112 16.6094 517.794 16.6719 517.523 16.7969C517.258 16.9219 517.031 17.0911 516.844 17.3047C516.656 17.513 516.503 17.7526 516.383 18.0234C516.268 18.2891 516.182 18.5651 516.125 18.8516V20.875C516.229 21.2396 516.375 21.5833 516.562 21.9062C516.75 22.224 517 22.4818 517.312 22.6797C517.625 22.8724 518.018 22.9688 518.492 22.9688C518.883 22.9688 519.219 22.888 519.5 22.7266C519.786 22.5599 520.021 22.3333 520.203 22.0469C520.391 21.7604 520.529 21.4323 520.617 21.0625C520.706 20.6875 520.75 20.2891 520.75 19.8672Z"
                 fill="white"
               />
+              
+    
             </svg>
+            
+  
           </div>
+          
+      
+
+      
+
           <button
             class="text-center ms-1 btn btn-link btn-md"
             data-bs-target="#socialModal"
@@ -4359,6 +8778,15 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
           >
             More share options
           </button>
+          
+
+      
+
+
+  
+
+
+
           <div
             aria-hidden="true"
             aria-label="socialModalLabel"
@@ -4366,12 +8794,18 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             id="socialModal"
             tabindex="-1"
           >
+            
+  
             <div
               class="modal-dialog"
             >
+              
+    
               <div
                 class="modal-content"
               >
+                
+            
                 <div
                   class="modal-header"
                 >
@@ -4388,6 +8822,8 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                     type="button"
                   />
                 </div>
+                
+      
                 <div
                   class="modal-body"
                 >
@@ -4398,180 +8834,266 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                     width="318"
                     xmlns="http://www.w3.org/2000/svg"
                   >
+                    
+    
                     <path
                       d="M0.5 4.5C0.5 2.29086 2.29086 0.5 4.5 0.5H44.5V38.5H4.5C2.29086 38.5 0.5 36.7091 0.5 34.5V4.5Z"
                       fill="#4AA1EB"
                     />
+                    
+    
                     <path
                       d="M19.526 26.5C25.5636 26.5 28.8673 21.497 28.8673 17.1658C28.8673 17.0251 28.8673 16.8844 28.8609 16.7436C29.5012 16.283 30.0582 15.7008 30.5 15.0418C29.911 15.3041 29.2771 15.4769 28.6112 15.56C29.2899 15.157 29.8085 14.5108 30.0582 13.7431C29.4244 14.1206 28.7201 14.3893 27.971 14.5364C27.3691 13.8967 26.5176 13.5 25.5764 13.5C23.7645 13.5 22.2919 14.9715 22.2919 16.782C22.2919 17.0379 22.3239 17.2874 22.3752 17.5305C19.6477 17.3962 17.2275 16.0846 15.6076 14.1014C15.3259 14.5876 15.1659 15.1506 15.1659 15.752C15.1659 16.8907 15.7485 17.8952 16.6257 18.4838C16.0878 18.4646 15.582 18.3174 15.1403 18.0743C15.1403 18.0871 15.1403 18.0999 15.1403 18.1191C15.1403 19.7057 16.2735 21.0364 17.7717 21.3371C17.4964 21.4139 17.2083 21.4523 16.9074 21.4523C16.6961 21.4523 16.4912 21.4331 16.2927 21.3947C16.7089 22.6998 17.9254 23.6467 19.3595 23.6722C18.2327 24.5551 16.8177 25.0797 15.2811 25.0797C15.0186 25.0797 14.7561 25.0669 14.5 25.0349C15.947 25.9562 17.6757 26.5 19.526 26.5Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M44.5 0.5H151C153.209 0.5 155 2.29086 155 4.5V34.5C155 36.7091 153.209 38.5 151 38.5H44.5V0.5Z"
                       fill="#3677B0"
                     />
+                    
+    
                     <path
                       d="M64.3281 13.125V24.5H62.8438V13.125H64.3281ZM67.9844 13.125V14.3594H59.1953V13.125H67.9844ZM71.1406 23L73.3125 16.0469H74.2656L74.0781 17.4297L71.8672 24.5H70.9375L71.1406 23ZM69.6797 16.0469L71.5312 23.0781L71.6641 24.5H70.6875L68.2344 16.0469H69.6797ZM76.3438 23.0234L78.1094 16.0469H79.5469L77.0938 24.5H76.125L76.3438 23.0234ZM74.4766 16.0469L76.6016 22.8828L76.8438 24.5H75.9219L73.6484 17.4141L73.4609 16.0469H74.4766ZM82.6016 16.0469V24.5H81.1484V16.0469H82.6016ZM81.0391 13.8047C81.0391 13.5703 81.1094 13.3724 81.25 13.2109C81.3958 13.0495 81.6094 12.9688 81.8906 12.9688C82.1667 12.9688 82.3776 13.0495 82.5234 13.2109C82.6745 13.3724 82.75 13.5703 82.75 13.8047C82.75 14.0286 82.6745 14.2214 82.5234 14.3828C82.3776 14.5391 82.1667 14.6172 81.8906 14.6172C81.6094 14.6172 81.3958 14.5391 81.25 14.3828C81.1094 14.2214 81.0391 14.0286 81.0391 13.8047ZM88.4609 16.0469V17.1562H83.8906V16.0469H88.4609ZM85.4375 13.9922H86.8828V22.4062C86.8828 22.6927 86.9271 22.9089 87.0156 23.0547C87.1042 23.2005 87.2188 23.2969 87.3594 23.3438C87.5 23.3906 87.651 23.4141 87.8125 23.4141C87.9323 23.4141 88.0573 23.4036 88.1875 23.3828C88.3229 23.3568 88.4245 23.3359 88.4922 23.3203L88.5 24.5C88.3854 24.5365 88.2344 24.5703 88.0469 24.6016C87.8646 24.638 87.6432 24.6562 87.3828 24.6562C87.0286 24.6562 86.7031 24.5859 86.4062 24.4453C86.1094 24.3047 85.8724 24.0703 85.6953 23.7422C85.5234 23.4089 85.4375 22.9609 85.4375 22.3984V13.9922ZM93.6953 16.0469V17.1562H89.125V16.0469H93.6953ZM90.6719 13.9922H92.1172V22.4062C92.1172 22.6927 92.1615 22.9089 92.25 23.0547C92.3385 23.2005 92.4531 23.2969 92.5938 23.3438C92.7344 23.3906 92.8854 23.4141 93.0469 23.4141C93.1667 23.4141 93.2917 23.4036 93.4219 23.3828C93.5573 23.3568 93.6589 23.3359 93.7266 23.3203L93.7344 24.5C93.6198 24.5365 93.4688 24.5703 93.2812 24.6016C93.099 24.638 92.8776 24.6562 92.6172 24.6562C92.263 24.6562 91.9375 24.5859 91.6406 24.4453C91.3438 24.3047 91.1068 24.0703 90.9297 23.7422C90.7578 23.4089 90.6719 22.9609 90.6719 22.3984V13.9922ZM98.8984 24.6562C98.3099 24.6562 97.776 24.5573 97.2969 24.3594C96.8229 24.1562 96.4141 23.8724 96.0703 23.5078C95.7318 23.1432 95.4714 22.7109 95.2891 22.2109C95.1068 21.7109 95.0156 21.1641 95.0156 20.5703V20.2422C95.0156 19.5547 95.1172 18.9427 95.3203 18.4062C95.5234 17.8646 95.7995 17.4062 96.1484 17.0312C96.4974 16.6562 96.8932 16.3724 97.3359 16.1797C97.7786 15.987 98.237 15.8906 98.7109 15.8906C99.3151 15.8906 99.8359 15.9948 100.273 16.2031C100.716 16.4115 101.078 16.7031 101.359 17.0781C101.641 17.4479 101.849 17.8854 101.984 18.3906C102.12 18.8906 102.188 19.4375 102.188 20.0312V20.6797H95.875V19.5H100.742V19.3906C100.721 19.0156 100.643 18.651 100.508 18.2969C100.378 17.9427 100.169 17.651 99.8828 17.4219C99.5964 17.1927 99.2057 17.0781 98.7109 17.0781C98.3828 17.0781 98.0807 17.1484 97.8047 17.2891C97.5286 17.4245 97.2917 17.6276 97.0938 17.8984C96.8958 18.1693 96.7422 18.5 96.6328 18.8906C96.5234 19.2812 96.4688 19.7318 96.4688 20.2422V20.5703C96.4688 20.9714 96.5234 21.349 96.6328 21.7031C96.7474 22.0521 96.9115 22.3594 97.125 22.625C97.3438 22.8906 97.6068 23.099 97.9141 23.25C98.2266 23.401 98.5807 23.4766 98.9766 23.4766C99.487 23.4766 99.9193 23.3724 100.273 23.1641C100.628 22.9557 100.938 22.6771 101.203 22.3281L102.078 23.0234C101.896 23.2995 101.664 23.5625 101.383 23.8125C101.102 24.0625 100.755 24.2656 100.344 24.4219C99.9375 24.5781 99.4557 24.6562 98.8984 24.6562ZM105.32 17.375V24.5H103.875V16.0469H105.281L105.32 17.375ZM107.961 16L107.953 17.3438C107.833 17.3177 107.719 17.3021 107.609 17.2969C107.505 17.2865 107.385 17.2812 107.25 17.2812C106.917 17.2812 106.622 17.3333 106.367 17.4375C106.112 17.5417 105.896 17.6875 105.719 17.875C105.542 18.0625 105.401 18.2865 105.297 18.5469C105.198 18.8021 105.133 19.0833 105.102 19.3906L104.695 19.625C104.695 19.1146 104.745 18.6354 104.844 18.1875C104.948 17.7396 105.107 17.3438 105.32 17C105.534 16.651 105.805 16.3802 106.133 16.1875C106.466 15.9896 106.862 15.8906 107.32 15.8906C107.424 15.8906 107.544 15.9036 107.68 15.9297C107.815 15.9505 107.909 15.974 107.961 16Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 4.5C163 2.29086 164.791 0.5 167 0.5H207V38.5H167C164.791 38.5 163 36.7091 163 34.5V4.5Z"
                       fill="#5B7BB8"
                     />
+                    
+    
                     <path
                       d="M193 19.5482C193 15.1028 189.418 11.499 184.999 11.499C180.581 11.499 176.999 15.1028 176.999 19.5482C176.999 23.5658 179.925 26.8958 183.749 27.4997V21.875H181.718V19.5482H183.749V17.7749C183.749 15.7576 184.944 14.6432 186.771 14.6432C187.647 14.6432 188.562 14.8005 188.562 14.8005V16.7813H187.553C186.56 16.7813 186.25 17.4018 186.25 18.0383V19.5482H188.468L188.114 21.875H186.25V27.4997C190.074 26.8958 193 23.5658 193 19.5482Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M207 0.5H313.5C315.709 0.5 317.5 2.29086 317.5 4.5V34.5C317.5 36.7091 315.709 38.5 313.5 38.5H207V0.5Z"
                       fill="#486394"
                     />
+                    
+    
                     <path
                       d="M224.086 13.125V24.5H222.578V13.125H224.086ZM228.852 18.2422V19.4766H223.758V18.2422H228.852ZM229.625 13.125V14.3594H223.758V13.125H229.625ZM235.922 23.0547V18.7031C235.922 18.3698 235.854 18.0807 235.719 17.8359C235.589 17.5859 235.391 17.3932 235.125 17.2578C234.859 17.1224 234.531 17.0547 234.141 17.0547C233.776 17.0547 233.456 17.1172 233.18 17.2422C232.909 17.3672 232.695 17.5312 232.539 17.7344C232.388 17.9375 232.312 18.1562 232.312 18.3906H230.867C230.867 18.0885 230.945 17.7891 231.102 17.4922C231.258 17.1953 231.482 16.9271 231.773 16.6875C232.07 16.4427 232.424 16.25 232.836 16.1094C233.253 15.9635 233.716 15.8906 234.227 15.8906C234.841 15.8906 235.383 15.9948 235.852 16.2031C236.326 16.4115 236.695 16.7266 236.961 17.1484C237.232 17.5651 237.367 18.0885 237.367 18.7188V22.6562C237.367 22.9375 237.391 23.237 237.438 23.5547C237.49 23.8724 237.565 24.1458 237.664 24.375V24.5H236.156C236.083 24.3333 236.026 24.112 235.984 23.8359C235.943 23.5547 235.922 23.2943 235.922 23.0547ZM236.172 19.375L236.188 20.3906H234.727C234.315 20.3906 233.948 20.4245 233.625 20.4922C233.302 20.5547 233.031 20.651 232.812 20.7812C232.594 20.9115 232.427 21.0755 232.312 21.2734C232.198 21.4661 232.141 21.6927 232.141 21.9531C232.141 22.2188 232.201 22.4609 232.32 22.6797C232.44 22.8984 232.62 23.0729 232.859 23.2031C233.104 23.3281 233.404 23.3906 233.758 23.3906C234.201 23.3906 234.591 23.2969 234.93 23.1094C235.268 22.9219 235.536 22.6927 235.734 22.4219C235.938 22.151 236.047 21.888 236.062 21.6328L236.68 22.3281C236.643 22.5469 236.544 22.7891 236.383 23.0547C236.221 23.3203 236.005 23.5755 235.734 23.8203C235.469 24.0599 235.151 24.2604 234.781 24.4219C234.417 24.5781 234.005 24.6562 233.547 24.6562C232.974 24.6562 232.471 24.5443 232.039 24.3203C231.612 24.0964 231.279 23.7969 231.039 23.4219C230.805 23.0417 230.688 22.6172 230.688 22.1484C230.688 21.6953 230.776 21.2969 230.953 20.9531C231.13 20.6042 231.385 20.3151 231.719 20.0859C232.052 19.8516 232.453 19.6745 232.922 19.5547C233.391 19.4349 233.914 19.375 234.492 19.375H236.172ZM243.023 23.4688C243.367 23.4688 243.685 23.3984 243.977 23.2578C244.268 23.1172 244.508 22.9245 244.695 22.6797C244.883 22.4297 244.99 22.1458 245.016 21.8281H246.391C246.365 22.3281 246.195 22.7943 245.883 23.2266C245.576 23.6536 245.172 24 244.672 24.2656C244.172 24.526 243.622 24.6562 243.023 24.6562C242.388 24.6562 241.833 24.5443 241.359 24.3203C240.891 24.0964 240.5 23.7891 240.188 23.3984C239.88 23.0078 239.648 22.5599 239.492 22.0547C239.341 21.5443 239.266 21.0052 239.266 20.4375V20.1094C239.266 19.5417 239.341 19.0052 239.492 18.5C239.648 17.9896 239.88 17.5391 240.188 17.1484C240.5 16.7578 240.891 16.4505 241.359 16.2266C241.833 16.0026 242.388 15.8906 243.023 15.8906C243.685 15.8906 244.263 16.026 244.758 16.2969C245.253 16.5625 245.641 16.9271 245.922 17.3906C246.208 17.849 246.365 18.3698 246.391 18.9531H245.016C244.99 18.6042 244.891 18.2891 244.719 18.0078C244.552 17.7266 244.323 17.5026 244.031 17.3359C243.745 17.1641 243.409 17.0781 243.023 17.0781C242.581 17.0781 242.208 17.1667 241.906 17.3438C241.609 17.5156 241.372 17.75 241.195 18.0469C241.023 18.3385 240.898 18.6641 240.82 19.0234C240.747 19.3776 240.711 19.7396 240.711 20.1094V20.4375C240.711 20.8073 240.747 21.1719 240.82 21.5312C240.893 21.8906 241.016 22.2161 241.188 22.5078C241.365 22.7995 241.602 23.0339 241.898 23.2109C242.201 23.3828 242.576 23.4688 243.023 23.4688ZM251.523 24.6562C250.935 24.6562 250.401 24.5573 249.922 24.3594C249.448 24.1562 249.039 23.8724 248.695 23.5078C248.357 23.1432 248.096 22.7109 247.914 22.2109C247.732 21.7109 247.641 21.1641 247.641 20.5703V20.2422C247.641 19.5547 247.742 18.9427 247.945 18.4062C248.148 17.8646 248.424 17.4062 248.773 17.0312C249.122 16.6562 249.518 16.3724 249.961 16.1797C250.404 15.987 250.862 15.8906 251.336 15.8906C251.94 15.8906 252.461 15.9948 252.898 16.2031C253.341 16.4115 253.703 16.7031 253.984 17.0781C254.266 17.4479 254.474 17.8854 254.609 18.3906C254.745 18.8906 254.812 19.4375 254.812 20.0312V20.6797H248.5V19.5H253.367V19.3906C253.346 19.0156 253.268 18.651 253.133 18.2969C253.003 17.9427 252.794 17.651 252.508 17.4219C252.221 17.1927 251.831 17.0781 251.336 17.0781C251.008 17.0781 250.706 17.1484 250.43 17.2891C250.154 17.4245 249.917 17.6276 249.719 17.8984C249.521 18.1693 249.367 18.5 249.258 18.8906C249.148 19.2812 249.094 19.7318 249.094 20.2422V20.5703C249.094 20.9714 249.148 21.349 249.258 21.7031C249.372 22.0521 249.536 22.3594 249.75 22.625C249.969 22.8906 250.232 23.099 250.539 23.25C250.852 23.401 251.206 23.4766 251.602 23.4766C252.112 23.4766 252.544 23.3724 252.898 23.1641C253.253 22.9557 253.562 22.6771 253.828 22.3281L254.703 23.0234C254.521 23.2995 254.289 23.5625 254.008 23.8125C253.727 24.0625 253.38 24.2656 252.969 24.4219C252.562 24.5781 252.081 24.6562 251.523 24.6562ZM256.492 12.5H257.945V22.8594L257.82 24.5H256.492V12.5ZM263.656 20.2031V20.3672C263.656 20.9818 263.583 21.5521 263.438 22.0781C263.292 22.599 263.078 23.0521 262.797 23.4375C262.516 23.8229 262.172 24.1224 261.766 24.3359C261.359 24.5495 260.893 24.6562 260.367 24.6562C259.831 24.6562 259.359 24.5651 258.953 24.3828C258.552 24.1953 258.214 23.9271 257.938 23.5781C257.661 23.2292 257.44 22.8073 257.273 22.3125C257.112 21.8177 257 21.2604 256.938 20.6406V19.9219C257 19.2969 257.112 18.737 257.273 18.2422C257.44 17.7474 257.661 17.3255 257.938 16.9766C258.214 16.6224 258.552 16.3542 258.953 16.1719C259.354 15.9844 259.82 15.8906 260.352 15.8906C260.883 15.8906 261.354 15.9948 261.766 16.2031C262.177 16.4062 262.521 16.6979 262.797 17.0781C263.078 17.4583 263.292 17.9141 263.438 18.4453C263.583 18.9714 263.656 19.5573 263.656 20.2031ZM262.203 20.3672V20.2031C262.203 19.7812 262.164 19.3854 262.086 19.0156C262.008 18.6406 261.883 18.3125 261.711 18.0312C261.539 17.7448 261.312 17.5208 261.031 17.3594C260.75 17.1927 260.404 17.1094 259.992 17.1094C259.628 17.1094 259.31 17.1719 259.039 17.2969C258.773 17.4219 258.547 17.5911 258.359 17.8047C258.172 18.013 258.018 18.2526 257.898 18.5234C257.784 18.7891 257.698 19.0651 257.641 19.3516V21.2344C257.724 21.599 257.859 21.9505 258.047 22.2891C258.24 22.6224 258.495 22.8958 258.812 23.1094C259.135 23.3229 259.534 23.4297 260.008 23.4297C260.398 23.4297 260.732 23.3516 261.008 23.1953C261.289 23.0339 261.516 22.8125 261.688 22.5312C261.865 22.25 261.995 21.9245 262.078 21.5547C262.161 21.1849 262.203 20.7891 262.203 20.3672ZM265.102 20.3672V20.1875C265.102 19.5781 265.19 19.013 265.367 18.4922C265.544 17.9661 265.799 17.5104 266.133 17.125C266.466 16.7344 266.87 16.4323 267.344 16.2188C267.818 16 268.349 15.8906 268.938 15.8906C269.531 15.8906 270.065 16 270.539 16.2188C271.018 16.4323 271.424 16.7344 271.758 17.125C272.096 17.5104 272.354 17.9661 272.531 18.4922C272.708 19.013 272.797 19.5781 272.797 20.1875V20.3672C272.797 20.9766 272.708 21.5417 272.531 22.0625C272.354 22.5833 272.096 23.0391 271.758 23.4297C271.424 23.8151 271.021 24.1172 270.547 24.3359C270.078 24.5495 269.547 24.6562 268.953 24.6562C268.359 24.6562 267.826 24.5495 267.352 24.3359C266.878 24.1172 266.471 23.8151 266.133 23.4297C265.799 23.0391 265.544 22.5833 265.367 22.0625C265.19 21.5417 265.102 20.9766 265.102 20.3672ZM266.547 20.1875V20.3672C266.547 20.7891 266.596 21.1875 266.695 21.5625C266.794 21.9323 266.943 22.2604 267.141 22.5469C267.344 22.8333 267.596 23.0599 267.898 23.2266C268.201 23.388 268.552 23.4688 268.953 23.4688C269.349 23.4688 269.695 23.388 269.992 23.2266C270.294 23.0599 270.544 22.8333 270.742 22.5469C270.94 22.2604 271.089 21.9323 271.188 21.5625C271.292 21.1875 271.344 20.7891 271.344 20.3672V20.1875C271.344 19.7708 271.292 19.3776 271.188 19.0078C271.089 18.6328 270.938 18.3021 270.734 18.0156C270.536 17.724 270.286 17.4948 269.984 17.3281C269.688 17.1615 269.339 17.0781 268.938 17.0781C268.542 17.0781 268.193 17.1615 267.891 17.3281C267.594 17.4948 267.344 17.724 267.141 18.0156C266.943 18.3021 266.794 18.6328 266.695 19.0078C266.596 19.3776 266.547 19.7708 266.547 20.1875ZM274.227 20.3672V20.1875C274.227 19.5781 274.315 19.013 274.492 18.4922C274.669 17.9661 274.924 17.5104 275.258 17.125C275.591 16.7344 275.995 16.4323 276.469 16.2188C276.943 16 277.474 15.8906 278.062 15.8906C278.656 15.8906 279.19 16 279.664 16.2188C280.143 16.4323 280.549 16.7344 280.883 17.125C281.221 17.5104 281.479 17.9661 281.656 18.4922C281.833 19.013 281.922 19.5781 281.922 20.1875V20.3672C281.922 20.9766 281.833 21.5417 281.656 22.0625C281.479 22.5833 281.221 23.0391 280.883 23.4297C280.549 23.8151 280.146 24.1172 279.672 24.3359C279.203 24.5495 278.672 24.6562 278.078 24.6562C277.484 24.6562 276.951 24.5495 276.477 24.3359C276.003 24.1172 275.596 23.8151 275.258 23.4297C274.924 23.0391 274.669 22.5833 274.492 22.0625C274.315 21.5417 274.227 20.9766 274.227 20.3672ZM275.672 20.1875V20.3672C275.672 20.7891 275.721 21.1875 275.82 21.5625C275.919 21.9323 276.068 22.2604 276.266 22.5469C276.469 22.8333 276.721 23.0599 277.023 23.2266C277.326 23.388 277.677 23.4688 278.078 23.4688C278.474 23.4688 278.82 23.388 279.117 23.2266C279.419 23.0599 279.669 22.8333 279.867 22.5469C280.065 22.2604 280.214 21.9323 280.312 21.5625C280.417 21.1875 280.469 20.7891 280.469 20.3672V20.1875C280.469 19.7708 280.417 19.3776 280.312 19.0078C280.214 18.6328 280.062 18.3021 279.859 18.0156C279.661 17.724 279.411 17.4948 279.109 17.3281C278.812 17.1615 278.464 17.0781 278.062 17.0781C277.667 17.0781 277.318 17.1615 277.016 17.3281C276.719 17.4948 276.469 17.724 276.266 18.0156C276.068 18.3021 275.919 18.6328 275.82 19.0078C275.721 19.3776 275.672 19.7708 275.672 20.1875ZM285.188 12.5V24.5H283.734V12.5H285.188ZM290.352 16.0469L286.664 19.9922L284.602 22.1328L284.484 20.5938L285.961 18.8281L288.586 16.0469H290.352ZM289.031 24.5L286.016 20.4688L286.766 19.1797L290.734 24.5H289.031Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 50.5C0.5 48.2909 2.29086 46.5 4.5 46.5H44.5V84.5H4.5C2.29086 84.5 0.5 82.7091 0.5 80.5V50.5Z"
                       fill="#3B84C2"
                     />
+                    
+    
                     <path
                       d="M14.5 58.6461C14.5 58.0133 15.026 57.5 15.6749 57.5H29.3251C29.974 57.5 30.5 58.0133 30.5 58.6461V72.3539C30.5 72.9869 29.974 73.5 29.3251 73.5L15.6749 73.5C15.026 73.5 14.5 72.9869 14.5 72.3539V58.6461ZM19.4434 70.8937V63.6688H17.042V70.8937H19.4434ZM18.2427 62.6823C19.0801 62.6823 19.6013 62.1275 19.6013 61.4342C19.5857 60.7253 19.0801 60.1859 18.2585 60.1859C17.4371 60.1859 16.9 60.7253 16.9 61.4342C16.9 62.1275 17.4211 62.6823 18.227 62.6823H18.2427ZM23.1514 70.8937V66.859C23.1514 66.643 23.167 66.4273 23.2304 66.273C23.404 65.8415 23.7991 65.3947 24.4625 65.3947C25.3315 65.3947 25.6791 66.0572 25.6791 67.0285V70.8937H28.0803V66.751C28.0803 64.5318 26.8956 63.4992 25.3156 63.4992C24.0418 63.4992 23.4706 64.1994 23.1515 64.6917V64.7166H23.1354C23.1407 64.7083 23.146 64.7 23.1515 64.6917V63.6688H20.7501C20.7816 64.3467 20.7501 70.8937 20.7501 70.8937H23.1514Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M44.5 46.5H151C153.209 46.5 155 48.2909 155 50.5V80.5C155 82.7091 153.209 84.5 151 84.5H44.5V46.5Z"
                       fill="#336B94"
                     />
+                    
+    
                     <path
                       d="M66.9375 69.2734V70.5H61.25V69.2734H66.9375ZM61.5469 59.125V70.5H60.0391V59.125H61.5469ZM70.0156 62.0469V70.5H68.5625V62.0469H70.0156ZM68.4531 59.8047C68.4531 59.5703 68.5234 59.3724 68.6641 59.2109C68.8099 59.0495 69.0234 58.9688 69.3047 58.9688C69.5807 58.9688 69.7917 59.0495 69.9375 59.2109C70.0885 59.3724 70.1641 59.5703 70.1641 59.8047C70.1641 60.0286 70.0885 60.2214 69.9375 60.3828C69.7917 60.5391 69.5807 60.6172 69.3047 60.6172C69.0234 60.6172 68.8099 60.5391 68.6641 60.3828C68.5234 60.2214 68.4531 60.0286 68.4531 59.8047ZM73.7812 63.8516V70.5H72.3359V62.0469H73.7031L73.7812 63.8516ZM73.4375 65.9531L72.8359 65.9297C72.8411 65.3516 72.9271 64.8177 73.0938 64.3281C73.2604 63.8333 73.4948 63.4036 73.7969 63.0391C74.099 62.6745 74.4583 62.3932 74.875 62.1953C75.2969 61.9922 75.763 61.8906 76.2734 61.8906C76.6901 61.8906 77.0651 61.9479 77.3984 62.0625C77.7318 62.1719 78.0156 62.349 78.25 62.5938C78.4896 62.8385 78.6719 63.1562 78.7969 63.5469C78.9219 63.9323 78.9844 64.4036 78.9844 64.9609V70.5H77.5312V64.9453C77.5312 64.5026 77.4661 64.1484 77.3359 63.8828C77.2057 63.612 77.0156 63.4167 76.7656 63.2969C76.5156 63.1719 76.2083 63.1094 75.8438 63.1094C75.4844 63.1094 75.1562 63.1849 74.8594 63.3359C74.5677 63.487 74.3151 63.6953 74.1016 63.9609C73.8932 64.2266 73.7292 64.5312 73.6094 64.875C73.4948 65.2135 73.4375 65.5729 73.4375 65.9531ZM82.6328 58.5V70.5H81.1797V58.5H82.6328ZM87.7969 62.0469L84.1094 65.9922L82.0469 68.1328L81.9297 66.5938L83.4062 64.8281L86.0312 62.0469H87.7969ZM86.4766 70.5L83.4609 66.4688L84.2109 65.1797L88.1797 70.5H86.4766ZM92.6406 70.6562C92.0521 70.6562 91.5182 70.5573 91.0391 70.3594C90.5651 70.1562 90.1562 69.8724 89.8125 69.5078C89.474 69.1432 89.2135 68.7109 89.0312 68.2109C88.849 67.7109 88.7578 67.1641 88.7578 66.5703V66.2422C88.7578 65.5547 88.8594 64.9427 89.0625 64.4062C89.2656 63.8646 89.5417 63.4062 89.8906 63.0312C90.2396 62.6562 90.6354 62.3724 91.0781 62.1797C91.5208 61.987 91.9792 61.8906 92.4531 61.8906C93.0573 61.8906 93.5781 61.9948 94.0156 62.2031C94.4583 62.4115 94.8203 62.7031 95.1016 63.0781C95.3828 63.4479 95.5911 63.8854 95.7266 64.3906C95.862 64.8906 95.9297 65.4375 95.9297 66.0312V66.6797H89.6172V65.5H94.4844V65.3906C94.4635 65.0156 94.3854 64.651 94.25 64.2969C94.1198 63.9427 93.9115 63.651 93.625 63.4219C93.3385 63.1927 92.9479 63.0781 92.4531 63.0781C92.125 63.0781 91.8229 63.1484 91.5469 63.2891C91.2708 63.4245 91.0339 63.6276 90.8359 63.8984C90.638 64.1693 90.4844 64.5 90.375 64.8906C90.2656 65.2812 90.2109 65.7318 90.2109 66.2422V66.5703C90.2109 66.9714 90.2656 67.349 90.375 67.7031C90.4896 68.0521 90.6536 68.3594 90.8672 68.625C91.0859 68.8906 91.349 69.099 91.6562 69.25C91.9688 69.401 92.3229 69.4766 92.7188 69.4766C93.2292 69.4766 93.6615 69.3724 94.0156 69.1641C94.3698 68.9557 94.6797 68.6771 94.9453 68.3281L95.8203 69.0234C95.638 69.2995 95.4062 69.5625 95.125 69.8125C94.8438 70.0625 94.4974 70.2656 94.0859 70.4219C93.6797 70.5781 93.1979 70.6562 92.6406 70.6562ZM102.945 68.8594V58.5H104.398V70.5H103.07L102.945 68.8594ZM97.2578 66.3672V66.2031C97.2578 65.5573 97.3359 64.9714 97.4922 64.4453C97.6536 63.9141 97.8802 63.4583 98.1719 63.0781C98.4688 62.6979 98.8203 62.4062 99.2266 62.2031C99.638 61.9948 100.096 61.8906 100.602 61.8906C101.133 61.8906 101.596 61.9844 101.992 62.1719C102.393 62.3542 102.732 62.6224 103.008 62.9766C103.289 63.3255 103.51 63.7474 103.672 64.2422C103.833 64.737 103.945 65.2969 104.008 65.9219V66.6406C103.951 67.2604 103.839 67.8177 103.672 68.3125C103.51 68.8073 103.289 69.2292 103.008 69.5781C102.732 69.9271 102.393 70.1953 101.992 70.3828C101.591 70.5651 101.122 70.6562 100.586 70.6562C100.091 70.6562 99.638 70.5495 99.2266 70.3359C98.8203 70.1224 98.4688 69.8229 98.1719 69.4375C97.8802 69.0521 97.6536 68.599 97.4922 68.0781C97.3359 67.5521 97.2578 66.9818 97.2578 66.3672ZM98.7109 66.2031V66.3672C98.7109 66.7891 98.7526 67.1849 98.8359 67.5547C98.9245 67.9245 99.0599 68.25 99.2422 68.5312C99.4245 68.8125 99.6562 69.0339 99.9375 69.1953C100.219 69.3516 100.555 69.4297 100.945 69.4297C101.424 69.4297 101.818 69.3281 102.125 69.125C102.438 68.9219 102.688 68.6536 102.875 68.3203C103.062 67.987 103.208 67.625 103.312 67.2344V65.3516C103.25 65.0651 103.159 64.7891 103.039 64.5234C102.924 64.2526 102.773 64.013 102.586 63.8047C102.404 63.5911 102.177 63.4219 101.906 63.2969C101.641 63.1719 101.326 63.1094 100.961 63.1094C100.565 63.1094 100.224 63.1927 99.9375 63.3594C99.6562 63.5208 99.4245 63.7448 99.2422 64.0312C99.0599 64.3125 98.9245 64.6406 98.8359 65.0156C98.7526 65.3854 98.7109 65.7812 98.7109 66.2031ZM108.219 62.0469V70.5H106.766V62.0469H108.219ZM106.656 59.8047C106.656 59.5703 106.727 59.3724 106.867 59.2109C107.013 59.0495 107.227 58.9688 107.508 58.9688C107.784 58.9688 107.995 59.0495 108.141 59.2109C108.292 59.3724 108.367 59.5703 108.367 59.8047C108.367 60.0286 108.292 60.2214 108.141 60.3828C107.995 60.5391 107.784 60.6172 107.508 60.6172C107.227 60.6172 107.013 60.5391 106.867 60.3828C106.727 60.2214 106.656 60.0286 106.656 59.8047ZM111.984 63.8516V70.5H110.539V62.0469H111.906L111.984 63.8516ZM111.641 65.9531L111.039 65.9297C111.044 65.3516 111.13 64.8177 111.297 64.3281C111.464 63.8333 111.698 63.4036 112 63.0391C112.302 62.6745 112.661 62.3932 113.078 62.1953C113.5 61.9922 113.966 61.8906 114.477 61.8906C114.893 61.8906 115.268 61.9479 115.602 62.0625C115.935 62.1719 116.219 62.349 116.453 62.5938C116.693 62.8385 116.875 63.1562 117 63.5469C117.125 63.9323 117.188 64.4036 117.188 64.9609V70.5H115.734V64.9453C115.734 64.5026 115.669 64.1484 115.539 63.8828C115.409 63.612 115.219 63.4167 114.969 63.2969C114.719 63.1719 114.411 63.1094 114.047 63.1094C113.688 63.1094 113.359 63.1849 113.062 63.3359C112.771 63.487 112.518 63.6953 112.305 63.9609C112.096 64.2266 111.932 64.5312 111.812 64.875C111.698 65.2135 111.641 65.5729 111.641 65.9531Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 50.5C163 48.2909 164.791 46.5 167 46.5H207V84.5H167C164.791 84.5 163 82.7091 163 80.5V50.5Z"
                       fill="#326A9C"
                     />
+                    
+    
                     <path
                       d="M177.05 61.0554C177.252 60.1648 178.048 59.5 179 59.5H191C191.952 59.5 192.748 60.1648 192.95 61.0554L185 65.914L177.05 61.0554ZM177 62.1971V69.3006L182.803 65.7435L177 62.1971ZM183.761 66.3291L177.192 70.3559C177.513 71.0323 178.202 71.5 179 71.5H191C191.798 71.5 192.487 71.0323 192.808 70.3559L186.239 66.3291L185 67.086L183.761 66.3291ZM187.197 65.7435L193 69.3006V62.1971L187.197 65.7435Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M207 46.5H313.5C315.709 46.5 317.5 48.2909 317.5 50.5V80.5C317.5 82.7091 315.709 84.5 313.5 84.5H207V46.5Z"
                       fill="#255074"
                     />
+                    
+    
                     <path
                       d="M230.031 69.2734V70.5H224.008V69.2734H230.031ZM224.312 59.125V70.5H222.805V59.125H224.312ZM229.234 64.0156V65.2422H224.008V64.0156H229.234ZM229.953 59.125V60.3594H224.008V59.125H229.953ZM234.688 65.0703V66.2578H230.875V65.0703H234.688ZM237.539 63.7266V70.5H236.086V62.0469H237.461L237.539 63.7266ZM237.242 65.9531L236.57 65.9297C236.576 65.3516 236.651 64.8177 236.797 64.3281C236.943 63.8333 237.159 63.4036 237.445 63.0391C237.732 62.6745 238.089 62.3932 238.516 62.1953C238.943 61.9922 239.438 61.8906 240 61.8906C240.396 61.8906 240.76 61.9479 241.094 62.0625C241.427 62.1719 241.716 62.3464 241.961 62.5859C242.206 62.8255 242.396 63.1328 242.531 63.5078C242.667 63.8828 242.734 64.3359 242.734 64.8672V70.5H241.289V64.9375C241.289 64.4948 241.214 64.1406 241.062 63.875C240.917 63.6094 240.708 63.4167 240.438 63.2969C240.167 63.1719 239.849 63.1094 239.484 63.1094C239.057 63.1094 238.701 63.1849 238.414 63.3359C238.128 63.487 237.898 63.6953 237.727 63.9609C237.555 64.2266 237.43 64.5312 237.352 64.875C237.279 65.2135 237.242 65.5729 237.242 65.9531ZM242.719 65.1562L241.75 65.4531C241.755 64.9896 241.831 64.5443 241.977 64.1172C242.128 63.6901 242.344 63.3099 242.625 62.9766C242.911 62.6432 243.263 62.3802 243.68 62.1875C244.096 61.9896 244.573 61.8906 245.109 61.8906C245.562 61.8906 245.964 61.9505 246.312 62.0703C246.667 62.1901 246.964 62.375 247.203 62.625C247.448 62.8698 247.633 63.1849 247.758 63.5703C247.883 63.9557 247.945 64.4141 247.945 64.9453V70.5H246.492V64.9297C246.492 64.4557 246.417 64.0885 246.266 63.8281C246.12 63.5625 245.911 63.3776 245.641 63.2734C245.375 63.1641 245.057 63.1094 244.688 63.1094C244.37 63.1094 244.089 63.1641 243.844 63.2734C243.599 63.3828 243.393 63.5339 243.227 63.7266C243.06 63.9141 242.932 64.1302 242.844 64.375C242.76 64.6198 242.719 64.8802 242.719 65.1562ZM255.117 69.0547V64.7031C255.117 64.3698 255.049 64.0807 254.914 63.8359C254.784 63.5859 254.586 63.3932 254.32 63.2578C254.055 63.1224 253.727 63.0547 253.336 63.0547C252.971 63.0547 252.651 63.1172 252.375 63.2422C252.104 63.3672 251.891 63.5312 251.734 63.7344C251.583 63.9375 251.508 64.1562 251.508 64.3906H250.062C250.062 64.0885 250.141 63.7891 250.297 63.4922C250.453 63.1953 250.677 62.9271 250.969 62.6875C251.266 62.4427 251.62 62.25 252.031 62.1094C252.448 61.9635 252.911 61.8906 253.422 61.8906C254.036 61.8906 254.578 61.9948 255.047 62.2031C255.521 62.4115 255.891 62.7266 256.156 63.1484C256.427 63.5651 256.562 64.0885 256.562 64.7188V68.6562C256.562 68.9375 256.586 69.237 256.633 69.5547C256.685 69.8724 256.76 70.1458 256.859 70.375V70.5H255.352C255.279 70.3333 255.221 70.112 255.18 69.8359C255.138 69.5547 255.117 69.2943 255.117 69.0547ZM255.367 65.375L255.383 66.3906H253.922C253.51 66.3906 253.143 66.4245 252.82 66.4922C252.497 66.5547 252.227 66.651 252.008 66.7812C251.789 66.9115 251.622 67.0755 251.508 67.2734C251.393 67.4661 251.336 67.6927 251.336 67.9531C251.336 68.2188 251.396 68.4609 251.516 68.6797C251.635 68.8984 251.815 69.0729 252.055 69.2031C252.299 69.3281 252.599 69.3906 252.953 69.3906C253.396 69.3906 253.786 69.2969 254.125 69.1094C254.464 68.9219 254.732 68.6927 254.93 68.4219C255.133 68.151 255.242 67.888 255.258 67.6328L255.875 68.3281C255.839 68.5469 255.74 68.7891 255.578 69.0547C255.417 69.3203 255.201 69.5755 254.93 69.8203C254.664 70.0599 254.346 70.2604 253.977 70.4219C253.612 70.5781 253.201 70.6562 252.742 70.6562C252.169 70.6562 251.667 70.5443 251.234 70.3203C250.807 70.0964 250.474 69.7969 250.234 69.4219C250 69.0417 249.883 68.6172 249.883 68.1484C249.883 67.6953 249.971 67.2969 250.148 66.9531C250.326 66.6042 250.581 66.3151 250.914 66.0859C251.247 65.8516 251.648 65.6745 252.117 65.5547C252.586 65.4349 253.109 65.375 253.688 65.375H255.367ZM260.406 62.0469V70.5H258.953V62.0469H260.406ZM258.844 59.8047C258.844 59.5703 258.914 59.3724 259.055 59.2109C259.201 59.0495 259.414 58.9688 259.695 58.9688C259.971 58.9688 260.182 59.0495 260.328 59.2109C260.479 59.3724 260.555 59.5703 260.555 59.8047C260.555 60.0286 260.479 60.2214 260.328 60.3828C260.182 60.5391 259.971 60.6172 259.695 60.6172C259.414 60.6172 259.201 60.5391 259.055 60.3828C258.914 60.2214 258.844 60.0286 258.844 59.8047ZM264.297 58.5V70.5H262.844V58.5H264.297Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 96.5C0.5 94.2909 2.29086 92.5 4.5 92.5H44.5V130.5H4.5C2.29086 130.5 0.5 128.709 0.5 126.5V96.5Z"
                       fill="#BB2739"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="111.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 92.5H151C153.209 92.5 155 94.2909 155 96.5V126.5C155 128.709 153.209 130.5 151 130.5H44.5V92.5Z"
                       fill="#8B1A2A"
                     />
+                    
+    
                     <path
                       d="M64.1172 112.039H61.0781V110.812H64.1172C64.7057 110.812 65.1823 110.719 65.5469 110.531C65.9115 110.344 66.1771 110.083 66.3438 109.75C66.5156 109.417 66.6016 109.036 66.6016 108.609C66.6016 108.219 66.5156 107.852 66.3438 107.508C66.1771 107.164 65.9115 106.888 65.5469 106.68C65.1823 106.466 64.7057 106.359 64.1172 106.359H61.4297V116.5H59.9219V105.125H64.1172C64.9766 105.125 65.7031 105.273 66.2969 105.57C66.8906 105.867 67.3411 106.279 67.6484 106.805C67.9557 107.326 68.1094 107.922 68.1094 108.594C68.1094 109.323 67.9557 109.945 67.6484 110.461C67.3411 110.977 66.8906 111.37 66.2969 111.641C65.7031 111.906 64.9766 112.039 64.1172 112.039ZM71.3672 108.047V116.5H69.9141V108.047H71.3672ZM69.8047 105.805C69.8047 105.57 69.875 105.372 70.0156 105.211C70.1615 105.049 70.375 104.969 70.6562 104.969C70.9323 104.969 71.1432 105.049 71.2891 105.211C71.4401 105.372 71.5156 105.57 71.5156 105.805C71.5156 106.029 71.4401 106.221 71.2891 106.383C71.1432 106.539 70.9323 106.617 70.6562 106.617C70.375 106.617 70.1615 106.539 70.0156 106.383C69.875 106.221 69.8047 106.029 69.8047 105.805ZM75.1328 109.852V116.5H73.6875V108.047H75.0547L75.1328 109.852ZM74.7891 111.953L74.1875 111.93C74.1927 111.352 74.2786 110.818 74.4453 110.328C74.612 109.833 74.8464 109.404 75.1484 109.039C75.4505 108.674 75.8099 108.393 76.2266 108.195C76.6484 107.992 77.1146 107.891 77.625 107.891C78.0417 107.891 78.4167 107.948 78.75 108.062C79.0833 108.172 79.3672 108.349 79.6016 108.594C79.8411 108.839 80.0234 109.156 80.1484 109.547C80.2734 109.932 80.3359 110.404 80.3359 110.961V116.5H78.8828V110.945C78.8828 110.503 78.8177 110.148 78.6875 109.883C78.5573 109.612 78.3672 109.417 78.1172 109.297C77.8672 109.172 77.5599 109.109 77.1953 109.109C76.8359 109.109 76.5078 109.185 76.2109 109.336C75.9193 109.487 75.6667 109.695 75.4531 109.961C75.2448 110.227 75.0807 110.531 74.9609 110.875C74.8464 111.214 74.7891 111.573 74.7891 111.953ZM86.0703 108.047V109.156H81.5V108.047H86.0703ZM83.0469 105.992H84.4922V114.406C84.4922 114.693 84.5365 114.909 84.625 115.055C84.7135 115.201 84.8281 115.297 84.9688 115.344C85.1094 115.391 85.2604 115.414 85.4219 115.414C85.5417 115.414 85.6667 115.404 85.7969 115.383C85.9323 115.357 86.0339 115.336 86.1016 115.32L86.1094 116.5C85.9948 116.536 85.8438 116.57 85.6562 116.602C85.474 116.638 85.2526 116.656 84.9922 116.656C84.638 116.656 84.3125 116.586 84.0156 116.445C83.7188 116.305 83.4818 116.07 83.3047 115.742C83.1328 115.409 83.0469 114.961 83.0469 114.398V105.992ZM91.2734 116.656C90.6849 116.656 90.151 116.557 89.6719 116.359C89.1979 116.156 88.7891 115.872 88.4453 115.508C88.1068 115.143 87.8464 114.711 87.6641 114.211C87.4818 113.711 87.3906 113.164 87.3906 112.57V112.242C87.3906 111.555 87.4922 110.943 87.6953 110.406C87.8984 109.865 88.1745 109.406 88.5234 109.031C88.8724 108.656 89.2682 108.372 89.7109 108.18C90.1536 107.987 90.612 107.891 91.0859 107.891C91.6901 107.891 92.2109 107.995 92.6484 108.203C93.0911 108.411 93.4531 108.703 93.7344 109.078C94.0156 109.448 94.224 109.885 94.3594 110.391C94.4948 110.891 94.5625 111.438 94.5625 112.031V112.68H88.25V111.5H93.1172V111.391C93.0964 111.016 93.0182 110.651 92.8828 110.297C92.7526 109.943 92.5443 109.651 92.2578 109.422C91.9714 109.193 91.5807 109.078 91.0859 109.078C90.7578 109.078 90.4557 109.148 90.1797 109.289C89.9036 109.424 89.6667 109.628 89.4688 109.898C89.2708 110.169 89.1172 110.5 89.0078 110.891C88.8984 111.281 88.8438 111.732 88.8438 112.242V112.57C88.8438 112.971 88.8984 113.349 89.0078 113.703C89.1224 114.052 89.2865 114.359 89.5 114.625C89.7188 114.891 89.9818 115.099 90.2891 115.25C90.6016 115.401 90.9557 115.477 91.3516 115.477C91.862 115.477 92.2943 115.372 92.6484 115.164C93.0026 114.956 93.3125 114.677 93.5781 114.328L94.4531 115.023C94.2708 115.299 94.0391 115.562 93.7578 115.812C93.4766 116.062 93.1302 116.266 92.7188 116.422C92.3125 116.578 91.8307 116.656 91.2734 116.656ZM97.6953 109.375V116.5H96.25V108.047H97.6562L97.6953 109.375ZM100.336 108L100.328 109.344C100.208 109.318 100.094 109.302 99.9844 109.297C99.8802 109.286 99.7604 109.281 99.625 109.281C99.2917 109.281 98.9974 109.333 98.7422 109.438C98.487 109.542 98.2708 109.688 98.0938 109.875C97.9167 110.062 97.776 110.286 97.6719 110.547C97.5729 110.802 97.5078 111.083 97.4766 111.391L97.0703 111.625C97.0703 111.115 97.1198 110.635 97.2188 110.188C97.3229 109.74 97.4818 109.344 97.6953 109C97.9089 108.651 98.1797 108.38 98.5078 108.188C98.8411 107.99 99.237 107.891 99.6953 107.891C99.7995 107.891 99.9193 107.904 100.055 107.93C100.19 107.951 100.284 107.974 100.336 108ZM105.023 116.656C104.435 116.656 103.901 116.557 103.422 116.359C102.948 116.156 102.539 115.872 102.195 115.508C101.857 115.143 101.596 114.711 101.414 114.211C101.232 113.711 101.141 113.164 101.141 112.57V112.242C101.141 111.555 101.242 110.943 101.445 110.406C101.648 109.865 101.924 109.406 102.273 109.031C102.622 108.656 103.018 108.372 103.461 108.18C103.904 107.987 104.362 107.891 104.836 107.891C105.44 107.891 105.961 107.995 106.398 108.203C106.841 108.411 107.203 108.703 107.484 109.078C107.766 109.448 107.974 109.885 108.109 110.391C108.245 110.891 108.312 111.438 108.312 112.031V112.68H102V111.5H106.867V111.391C106.846 111.016 106.768 110.651 106.633 110.297C106.503 109.943 106.294 109.651 106.008 109.422C105.721 109.193 105.331 109.078 104.836 109.078C104.508 109.078 104.206 109.148 103.93 109.289C103.654 109.424 103.417 109.628 103.219 109.898C103.021 110.169 102.867 110.5 102.758 110.891C102.648 111.281 102.594 111.732 102.594 112.242V112.57C102.594 112.971 102.648 113.349 102.758 113.703C102.872 114.052 103.036 114.359 103.25 114.625C103.469 114.891 103.732 115.099 104.039 115.25C104.352 115.401 104.706 115.477 105.102 115.477C105.612 115.477 106.044 115.372 106.398 115.164C106.753 114.956 107.062 114.677 107.328 114.328L108.203 115.023C108.021 115.299 107.789 115.562 107.508 115.812C107.227 116.062 106.88 116.266 106.469 116.422C106.062 116.578 105.581 116.656 105.023 116.656ZM114.922 114.258C114.922 114.049 114.875 113.857 114.781 113.68C114.693 113.497 114.508 113.333 114.227 113.188C113.951 113.036 113.534 112.906 112.977 112.797C112.508 112.698 112.083 112.581 111.703 112.445C111.328 112.31 111.008 112.146 110.742 111.953C110.482 111.76 110.281 111.534 110.141 111.273C110 111.013 109.93 110.708 109.93 110.359C109.93 110.026 110.003 109.711 110.148 109.414C110.299 109.117 110.51 108.854 110.781 108.625C111.057 108.396 111.388 108.216 111.773 108.086C112.159 107.956 112.589 107.891 113.062 107.891C113.74 107.891 114.318 108.01 114.797 108.25C115.276 108.49 115.643 108.81 115.898 109.211C116.154 109.607 116.281 110.047 116.281 110.531H114.836C114.836 110.297 114.766 110.07 114.625 109.852C114.49 109.628 114.289 109.443 114.023 109.297C113.763 109.151 113.443 109.078 113.062 109.078C112.661 109.078 112.336 109.141 112.086 109.266C111.841 109.385 111.661 109.539 111.547 109.727C111.438 109.914 111.383 110.112 111.383 110.32C111.383 110.477 111.409 110.617 111.461 110.742C111.518 110.862 111.617 110.974 111.758 111.078C111.898 111.177 112.096 111.271 112.352 111.359C112.607 111.448 112.932 111.536 113.328 111.625C114.021 111.781 114.591 111.969 115.039 112.188C115.487 112.406 115.82 112.674 116.039 112.992C116.258 113.31 116.367 113.695 116.367 114.148C116.367 114.518 116.289 114.857 116.133 115.164C115.982 115.471 115.76 115.737 115.469 115.961C115.182 116.18 114.839 116.352 114.438 116.477C114.042 116.596 113.596 116.656 113.102 116.656C112.357 116.656 111.727 116.523 111.211 116.258C110.695 115.992 110.305 115.648 110.039 115.227C109.773 114.805 109.641 114.359 109.641 113.891H111.094C111.115 114.286 111.229 114.602 111.438 114.836C111.646 115.065 111.901 115.229 112.203 115.328C112.505 115.422 112.805 115.469 113.102 115.469C113.497 115.469 113.828 115.417 114.094 115.312C114.365 115.208 114.57 115.065 114.711 114.883C114.852 114.701 114.922 114.492 114.922 114.258ZM121.805 108.047V109.156H117.234V108.047H121.805ZM118.781 105.992H120.227V114.406C120.227 114.693 120.271 114.909 120.359 115.055C120.448 115.201 120.562 115.297 120.703 115.344C120.844 115.391 120.995 115.414 121.156 115.414C121.276 115.414 121.401 115.404 121.531 115.383C121.667 115.357 121.768 115.336 121.836 115.32L121.844 116.5C121.729 116.536 121.578 116.57 121.391 116.602C121.208 116.638 120.987 116.656 120.727 116.656C120.372 116.656 120.047 116.586 119.75 116.445C119.453 116.305 119.216 116.07 119.039 115.742C118.867 115.409 118.781 114.961 118.781 114.398V105.992Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 96.5C163 94.2909 164.791 92.5 167 92.5H207V130.5H167C164.791 130.5 163 128.709 163 126.5V96.5Z"
                       fill="#F4C975"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="111.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 92.5H313.5C315.709 92.5 317.5 94.2909 317.5 96.5V126.5C317.5 128.709 315.709 130.5 313.5 130.5H207V92.5Z"
                       fill="#B69657"
                     />
+                    
+    
                     <path
                       d="M226.445 111.18H223.562L223.547 109.969H226.164C226.596 109.969 226.974 109.896 227.297 109.75C227.62 109.604 227.87 109.396 228.047 109.125C228.229 108.849 228.32 108.521 228.32 108.141C228.32 107.724 228.24 107.385 228.078 107.125C227.922 106.859 227.68 106.667 227.352 106.547C227.029 106.422 226.617 106.359 226.117 106.359H223.898V116.5H222.391V105.125H226.117C226.701 105.125 227.221 105.185 227.68 105.305C228.138 105.419 228.526 105.602 228.844 105.852C229.167 106.096 229.411 106.409 229.578 106.789C229.745 107.169 229.828 107.625 229.828 108.156C229.828 108.625 229.708 109.049 229.469 109.43C229.229 109.805 228.896 110.112 228.469 110.352C228.047 110.591 227.552 110.745 226.984 110.812L226.445 111.18ZM226.375 116.5H222.969L223.82 115.273H226.375C226.854 115.273 227.26 115.19 227.594 115.023C227.932 114.857 228.19 114.622 228.367 114.32C228.544 114.013 228.633 113.651 228.633 113.234C228.633 112.812 228.557 112.448 228.406 112.141C228.255 111.833 228.018 111.596 227.695 111.43C227.372 111.263 226.956 111.18 226.445 111.18H224.297L224.312 109.969H227.25L227.57 110.406C228.117 110.453 228.581 110.609 228.961 110.875C229.341 111.135 229.63 111.469 229.828 111.875C230.031 112.281 230.133 112.729 230.133 113.219C230.133 113.927 229.977 114.526 229.664 115.016C229.357 115.5 228.922 115.87 228.359 116.125C227.797 116.375 227.135 116.5 226.375 116.5ZM233.711 104.5V116.5H232.258V104.5H233.711ZM235.648 112.367V112.188C235.648 111.578 235.737 111.013 235.914 110.492C236.091 109.966 236.346 109.51 236.68 109.125C237.013 108.734 237.417 108.432 237.891 108.219C238.365 108 238.896 107.891 239.484 107.891C240.078 107.891 240.612 108 241.086 108.219C241.565 108.432 241.971 108.734 242.305 109.125C242.643 109.51 242.901 109.966 243.078 110.492C243.255 111.013 243.344 111.578 243.344 112.188V112.367C243.344 112.977 243.255 113.542 243.078 114.062C242.901 114.583 242.643 115.039 242.305 115.43C241.971 115.815 241.568 116.117 241.094 116.336C240.625 116.549 240.094 116.656 239.5 116.656C238.906 116.656 238.372 116.549 237.898 116.336C237.424 116.117 237.018 115.815 236.68 115.43C236.346 115.039 236.091 114.583 235.914 114.062C235.737 113.542 235.648 112.977 235.648 112.367ZM237.094 112.188V112.367C237.094 112.789 237.143 113.188 237.242 113.562C237.341 113.932 237.49 114.26 237.688 114.547C237.891 114.833 238.143 115.06 238.445 115.227C238.747 115.388 239.099 115.469 239.5 115.469C239.896 115.469 240.242 115.388 240.539 115.227C240.841 115.06 241.091 114.833 241.289 114.547C241.487 114.26 241.635 113.932 241.734 113.562C241.839 113.188 241.891 112.789 241.891 112.367V112.188C241.891 111.771 241.839 111.378 241.734 111.008C241.635 110.633 241.484 110.302 241.281 110.016C241.083 109.724 240.833 109.495 240.531 109.328C240.234 109.161 239.885 109.078 239.484 109.078C239.089 109.078 238.74 109.161 238.438 109.328C238.141 109.495 237.891 109.724 237.688 110.016C237.49 110.302 237.341 110.633 237.242 111.008C237.143 111.378 237.094 111.771 237.094 112.188ZM250.633 108.047H251.945V116.32C251.945 117.065 251.794 117.701 251.492 118.227C251.19 118.753 250.768 119.151 250.227 119.422C249.69 119.698 249.07 119.836 248.367 119.836C248.076 119.836 247.732 119.789 247.336 119.695C246.945 119.607 246.56 119.453 246.18 119.234C245.805 119.021 245.49 118.732 245.234 118.367L245.992 117.508C246.346 117.935 246.716 118.232 247.102 118.398C247.492 118.565 247.878 118.648 248.258 118.648C248.716 118.648 249.112 118.562 249.445 118.391C249.779 118.219 250.036 117.964 250.219 117.625C250.406 117.292 250.5 116.88 250.5 116.391V109.906L250.633 108.047ZM244.812 112.367V112.203C244.812 111.557 244.888 110.971 245.039 110.445C245.195 109.914 245.417 109.458 245.703 109.078C245.995 108.698 246.346 108.406 246.758 108.203C247.169 107.995 247.633 107.891 248.148 107.891C248.68 107.891 249.143 107.984 249.539 108.172C249.94 108.354 250.279 108.622 250.555 108.977C250.836 109.326 251.057 109.747 251.219 110.242C251.38 110.737 251.492 111.297 251.555 111.922V112.641C251.497 113.26 251.385 113.818 251.219 114.312C251.057 114.807 250.836 115.229 250.555 115.578C250.279 115.927 249.94 116.195 249.539 116.383C249.138 116.565 248.669 116.656 248.133 116.656C247.628 116.656 247.169 116.549 246.758 116.336C246.352 116.122 246.003 115.823 245.711 115.438C245.419 115.052 245.195 114.599 245.039 114.078C244.888 113.552 244.812 112.982 244.812 112.367ZM246.258 112.203V112.367C246.258 112.789 246.299 113.185 246.383 113.555C246.471 113.924 246.604 114.25 246.781 114.531C246.964 114.812 247.195 115.034 247.477 115.195C247.758 115.352 248.094 115.43 248.484 115.43C248.964 115.43 249.359 115.328 249.672 115.125C249.984 114.922 250.232 114.654 250.414 114.32C250.602 113.987 250.747 113.625 250.852 113.234V111.352C250.794 111.065 250.706 110.789 250.586 110.523C250.471 110.253 250.32 110.013 250.133 109.805C249.951 109.591 249.724 109.422 249.453 109.297C249.182 109.172 248.865 109.109 248.5 109.109C248.104 109.109 247.763 109.193 247.477 109.359C247.195 109.521 246.964 109.745 246.781 110.031C246.604 110.312 246.471 110.641 246.383 111.016C246.299 111.385 246.258 111.781 246.258 112.203ZM259.617 108.047H260.93V116.32C260.93 117.065 260.779 117.701 260.477 118.227C260.174 118.753 259.753 119.151 259.211 119.422C258.674 119.698 258.055 119.836 257.352 119.836C257.06 119.836 256.716 119.789 256.32 119.695C255.93 119.607 255.544 119.453 255.164 119.234C254.789 119.021 254.474 118.732 254.219 118.367L254.977 117.508C255.331 117.935 255.701 118.232 256.086 118.398C256.477 118.565 256.862 118.648 257.242 118.648C257.701 118.648 258.096 118.562 258.43 118.391C258.763 118.219 259.021 117.964 259.203 117.625C259.391 117.292 259.484 116.88 259.484 116.391V109.906L259.617 108.047ZM253.797 112.367V112.203C253.797 111.557 253.872 110.971 254.023 110.445C254.18 109.914 254.401 109.458 254.688 109.078C254.979 108.698 255.331 108.406 255.742 108.203C256.154 107.995 256.617 107.891 257.133 107.891C257.664 107.891 258.128 107.984 258.523 108.172C258.924 108.354 259.263 108.622 259.539 108.977C259.82 109.326 260.042 109.747 260.203 110.242C260.365 110.737 260.477 111.297 260.539 111.922V112.641C260.482 113.26 260.37 113.818 260.203 114.312C260.042 114.807 259.82 115.229 259.539 115.578C259.263 115.927 258.924 116.195 258.523 116.383C258.122 116.565 257.654 116.656 257.117 116.656C256.612 116.656 256.154 116.549 255.742 116.336C255.336 116.122 254.987 115.823 254.695 115.438C254.404 115.052 254.18 114.599 254.023 114.078C253.872 113.552 253.797 112.982 253.797 112.367ZM255.242 112.203V112.367C255.242 112.789 255.284 113.185 255.367 113.555C255.456 113.924 255.589 114.25 255.766 114.531C255.948 114.812 256.18 115.034 256.461 115.195C256.742 115.352 257.078 115.43 257.469 115.43C257.948 115.43 258.344 115.328 258.656 115.125C258.969 114.922 259.216 114.654 259.398 114.32C259.586 113.987 259.732 113.625 259.836 113.234V111.352C259.779 111.065 259.69 110.789 259.57 110.523C259.456 110.253 259.305 110.013 259.117 109.805C258.935 109.591 258.708 109.422 258.438 109.297C258.167 109.172 257.849 109.109 257.484 109.109C257.089 109.109 256.747 109.193 256.461 109.359C256.18 109.521 255.948 109.745 255.766 110.031C255.589 110.312 255.456 110.641 255.367 111.016C255.284 111.385 255.242 111.781 255.242 112.203ZM266.633 116.656C266.044 116.656 265.51 116.557 265.031 116.359C264.557 116.156 264.148 115.872 263.805 115.508C263.466 115.143 263.206 114.711 263.023 114.211C262.841 113.711 262.75 113.164 262.75 112.57V112.242C262.75 111.555 262.852 110.943 263.055 110.406C263.258 109.865 263.534 109.406 263.883 109.031C264.232 108.656 264.628 108.372 265.07 108.18C265.513 107.987 265.971 107.891 266.445 107.891C267.049 107.891 267.57 107.995 268.008 108.203C268.451 108.411 268.812 108.703 269.094 109.078C269.375 109.448 269.583 109.885 269.719 110.391C269.854 110.891 269.922 111.438 269.922 112.031V112.68H263.609V111.5H268.477V111.391C268.456 111.016 268.378 110.651 268.242 110.297C268.112 109.943 267.904 109.651 267.617 109.422C267.331 109.193 266.94 109.078 266.445 109.078C266.117 109.078 265.815 109.148 265.539 109.289C265.263 109.424 265.026 109.628 264.828 109.898C264.63 110.169 264.477 110.5 264.367 110.891C264.258 111.281 264.203 111.732 264.203 112.242V112.57C264.203 112.971 264.258 113.349 264.367 113.703C264.482 114.052 264.646 114.359 264.859 114.625C265.078 114.891 265.341 115.099 265.648 115.25C265.961 115.401 266.315 115.477 266.711 115.477C267.221 115.477 267.654 115.372 268.008 115.164C268.362 114.956 268.672 114.677 268.938 114.328L269.812 115.023C269.63 115.299 269.398 115.562 269.117 115.812C268.836 116.062 268.49 116.266 268.078 116.422C267.672 116.578 267.19 116.656 266.633 116.656ZM273.055 109.375V116.5H271.609V108.047H273.016L273.055 109.375ZM275.695 108L275.688 109.344C275.568 109.318 275.453 109.302 275.344 109.297C275.24 109.286 275.12 109.281 274.984 109.281C274.651 109.281 274.357 109.333 274.102 109.438C273.846 109.542 273.63 109.688 273.453 109.875C273.276 110.062 273.135 110.286 273.031 110.547C272.932 110.802 272.867 111.083 272.836 111.391L272.43 111.625C272.43 111.115 272.479 110.635 272.578 110.188C272.682 109.74 272.841 109.344 273.055 109C273.268 108.651 273.539 108.38 273.867 108.188C274.201 107.99 274.596 107.891 275.055 107.891C275.159 107.891 275.279 107.904 275.414 107.93C275.549 107.951 275.643 107.974 275.695 108Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 142.5C0.5 140.291 2.29086 138.5 4.5 138.5H44.5V176.5H4.5C2.29086 176.5 0.5 174.709 0.5 172.5V142.5Z"
                       fill="#326A9C"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="157.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 138.5H151C153.209 138.5 155 140.291 155 142.5V172.5C155 174.709 153.209 176.5 151 176.5H44.5V138.5Z"
                       fill="#255074"
                     />
+                    
+    
                     <path
                       d="M64.4375 158.039H61.3984V156.812H64.4375C65.026 156.812 65.5026 156.719 65.8672 156.531C66.2318 156.344 66.4974 156.083 66.6641 155.75C66.8359 155.417 66.9219 155.036 66.9219 154.609C66.9219 154.219 66.8359 153.852 66.6641 153.508C66.4974 153.164 66.2318 152.888 65.8672 152.68C65.5026 152.466 65.026 152.359 64.4375 152.359H61.75V162.5H60.2422V151.125H64.4375C65.2969 151.125 66.0234 151.273 66.6172 151.57C67.2109 151.867 67.6615 152.279 67.9688 152.805C68.276 153.326 68.4297 153.922 68.4297 154.594C68.4297 155.323 68.276 155.945 67.9688 156.461C67.6615 156.977 67.2109 157.37 66.6172 157.641C66.0234 157.906 65.2969 158.039 64.4375 158.039ZM69.625 158.367V158.188C69.625 157.578 69.7135 157.013 69.8906 156.492C70.0677 155.966 70.3229 155.51 70.6562 155.125C70.9896 154.734 71.3932 154.432 71.8672 154.219C72.3411 154 72.8724 153.891 73.4609 153.891C74.0547 153.891 74.5885 154 75.0625 154.219C75.5417 154.432 75.9479 154.734 76.2812 155.125C76.6198 155.51 76.8776 155.966 77.0547 156.492C77.2318 157.013 77.3203 157.578 77.3203 158.188V158.367C77.3203 158.977 77.2318 159.542 77.0547 160.062C76.8776 160.583 76.6198 161.039 76.2812 161.43C75.9479 161.815 75.5443 162.117 75.0703 162.336C74.6016 162.549 74.0703 162.656 73.4766 162.656C72.8828 162.656 72.349 162.549 71.875 162.336C71.401 162.117 70.9948 161.815 70.6562 161.43C70.3229 161.039 70.0677 160.583 69.8906 160.062C69.7135 159.542 69.625 158.977 69.625 158.367ZM71.0703 158.188V158.367C71.0703 158.789 71.1198 159.188 71.2188 159.562C71.3177 159.932 71.4661 160.26 71.6641 160.547C71.8672 160.833 72.1198 161.06 72.4219 161.227C72.724 161.388 73.0755 161.469 73.4766 161.469C73.8724 161.469 74.2188 161.388 74.5156 161.227C74.8177 161.06 75.0677 160.833 75.2656 160.547C75.4635 160.26 75.612 159.932 75.7109 159.562C75.8151 159.188 75.8672 158.789 75.8672 158.367V158.188C75.8672 157.771 75.8151 157.378 75.7109 157.008C75.612 156.633 75.4609 156.302 75.2578 156.016C75.0599 155.724 74.8099 155.495 74.5078 155.328C74.2109 155.161 73.862 155.078 73.4609 155.078C73.0651 155.078 72.7161 155.161 72.4141 155.328C72.1172 155.495 71.8672 155.724 71.6641 156.016C71.4661 156.302 71.3177 156.633 71.2188 157.008C71.1198 157.378 71.0703 157.771 71.0703 158.188ZM82.5156 161.469C82.8594 161.469 83.1771 161.398 83.4688 161.258C83.7604 161.117 84 160.924 84.1875 160.68C84.375 160.43 84.4818 160.146 84.5078 159.828H85.8828C85.8568 160.328 85.6875 160.794 85.375 161.227C85.0677 161.654 84.6641 162 84.1641 162.266C83.6641 162.526 83.1146 162.656 82.5156 162.656C81.8802 162.656 81.3255 162.544 80.8516 162.32C80.3828 162.096 79.9922 161.789 79.6797 161.398C79.3724 161.008 79.1406 160.56 78.9844 160.055C78.8333 159.544 78.7578 159.005 78.7578 158.438V158.109C78.7578 157.542 78.8333 157.005 78.9844 156.5C79.1406 155.99 79.3724 155.539 79.6797 155.148C79.9922 154.758 80.3828 154.451 80.8516 154.227C81.3255 154.003 81.8802 153.891 82.5156 153.891C83.1771 153.891 83.7552 154.026 84.25 154.297C84.7448 154.562 85.1328 154.927 85.4141 155.391C85.7005 155.849 85.8568 156.37 85.8828 156.953H84.5078C84.4818 156.604 84.3828 156.289 84.2109 156.008C84.0443 155.727 83.8151 155.503 83.5234 155.336C83.237 155.164 82.901 155.078 82.5156 155.078C82.0729 155.078 81.7005 155.167 81.3984 155.344C81.1016 155.516 80.8646 155.75 80.6875 156.047C80.5156 156.339 80.3906 156.664 80.3125 157.023C80.2396 157.378 80.2031 157.74 80.2031 158.109V158.438C80.2031 158.807 80.2396 159.172 80.3125 159.531C80.3854 159.891 80.5078 160.216 80.6797 160.508C80.8568 160.799 81.0938 161.034 81.3906 161.211C81.6927 161.383 82.0677 161.469 82.5156 161.469ZM88.9609 150.5V162.5H87.5078V150.5H88.9609ZM94.125 154.047L90.4375 157.992L88.375 160.133L88.2578 158.594L89.7344 156.828L92.3594 154.047H94.125ZM92.8047 162.5L89.7891 158.469L90.5391 157.18L94.5078 162.5H92.8047ZM98.9688 162.656C98.3802 162.656 97.8464 162.557 97.3672 162.359C96.8932 162.156 96.4844 161.872 96.1406 161.508C95.8021 161.143 95.5417 160.711 95.3594 160.211C95.1771 159.711 95.0859 159.164 95.0859 158.57V158.242C95.0859 157.555 95.1875 156.943 95.3906 156.406C95.5938 155.865 95.8698 155.406 96.2188 155.031C96.5677 154.656 96.9635 154.372 97.4062 154.18C97.849 153.987 98.3073 153.891 98.7812 153.891C99.3854 153.891 99.9062 153.995 100.344 154.203C100.786 154.411 101.148 154.703 101.43 155.078C101.711 155.448 101.919 155.885 102.055 156.391C102.19 156.891 102.258 157.438 102.258 158.031V158.68H95.9453V157.5H100.812V157.391C100.792 157.016 100.714 156.651 100.578 156.297C100.448 155.943 100.24 155.651 99.9531 155.422C99.6667 155.193 99.276 155.078 98.7812 155.078C98.4531 155.078 98.151 155.148 97.875 155.289C97.599 155.424 97.362 155.628 97.1641 155.898C96.9661 156.169 96.8125 156.5 96.7031 156.891C96.5938 157.281 96.5391 157.732 96.5391 158.242V158.57C96.5391 158.971 96.5938 159.349 96.7031 159.703C96.8177 160.052 96.9818 160.359 97.1953 160.625C97.4141 160.891 97.6771 161.099 97.9844 161.25C98.2969 161.401 98.651 161.477 99.0469 161.477C99.5573 161.477 99.9896 161.372 100.344 161.164C100.698 160.956 101.008 160.677 101.273 160.328L102.148 161.023C101.966 161.299 101.734 161.562 101.453 161.812C101.172 162.062 100.826 162.266 100.414 162.422C100.008 162.578 99.526 162.656 98.9688 162.656ZM107.484 154.047V155.156H102.914V154.047H107.484ZM104.461 151.992H105.906V160.406C105.906 160.693 105.951 160.909 106.039 161.055C106.128 161.201 106.242 161.297 106.383 161.344C106.523 161.391 106.674 161.414 106.836 161.414C106.956 161.414 107.081 161.404 107.211 161.383C107.346 161.357 107.448 161.336 107.516 161.32L107.523 162.5C107.409 162.536 107.258 162.57 107.07 162.602C106.888 162.638 106.667 162.656 106.406 162.656C106.052 162.656 105.727 162.586 105.43 162.445C105.133 162.305 104.896 162.07 104.719 161.742C104.547 161.409 104.461 160.961 104.461 160.398V151.992Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 142.5C163 140.291 164.791 138.5 167 138.5H207V176.5H167C164.791 176.5 163 174.709 163 172.5V142.5Z"
                       fill="#DA5435"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="157.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 138.5H313.5C315.709 138.5 317.5 140.291 317.5 142.5V172.5C317.5 174.709 315.709 176.5 313.5 176.5H207V138.5Z"
                       fill="#A23F26"
                     />
+                    
+    
                     <path
                       d="M228.406 159.625C228.406 159.359 228.365 159.125 228.281 158.922C228.203 158.714 228.062 158.526 227.859 158.359C227.661 158.193 227.385 158.034 227.031 157.883C226.682 157.732 226.24 157.578 225.703 157.422C225.141 157.255 224.633 157.07 224.18 156.867C223.727 156.659 223.339 156.422 223.016 156.156C222.693 155.891 222.445 155.586 222.273 155.242C222.102 154.898 222.016 154.505 222.016 154.062C222.016 153.62 222.107 153.211 222.289 152.836C222.471 152.461 222.732 152.135 223.07 151.859C223.414 151.578 223.823 151.359 224.297 151.203C224.771 151.047 225.299 150.969 225.883 150.969C226.737 150.969 227.461 151.133 228.055 151.461C228.654 151.784 229.109 152.208 229.422 152.734C229.734 153.255 229.891 153.812 229.891 154.406H228.391C228.391 153.979 228.299 153.602 228.117 153.273C227.935 152.94 227.659 152.68 227.289 152.492C226.919 152.299 226.451 152.203 225.883 152.203C225.346 152.203 224.904 152.284 224.555 152.445C224.206 152.607 223.945 152.826 223.773 153.102C223.607 153.378 223.523 153.693 223.523 154.047C223.523 154.286 223.573 154.505 223.672 154.703C223.776 154.896 223.935 155.076 224.148 155.242C224.367 155.409 224.643 155.562 224.977 155.703C225.315 155.844 225.719 155.979 226.188 156.109C226.833 156.292 227.391 156.495 227.859 156.719C228.328 156.943 228.714 157.195 229.016 157.477C229.323 157.753 229.549 158.068 229.695 158.422C229.846 158.771 229.922 159.167 229.922 159.609C229.922 160.073 229.828 160.492 229.641 160.867C229.453 161.242 229.185 161.562 228.836 161.828C228.487 162.094 228.068 162.299 227.578 162.445C227.094 162.586 226.552 162.656 225.953 162.656C225.427 162.656 224.909 162.583 224.398 162.438C223.893 162.292 223.432 162.073 223.016 161.781C222.604 161.49 222.273 161.13 222.023 160.703C221.779 160.271 221.656 159.771 221.656 159.203H223.156C223.156 159.594 223.232 159.93 223.383 160.211C223.534 160.487 223.74 160.716 224 160.898C224.266 161.081 224.565 161.216 224.898 161.305C225.237 161.388 225.589 161.43 225.953 161.43C226.479 161.43 226.924 161.357 227.289 161.211C227.654 161.065 227.93 160.857 228.117 160.586C228.31 160.315 228.406 159.995 228.406 159.625ZM235.164 154.047V155.156H230.594V154.047H235.164ZM232.141 151.992H233.586V160.406C233.586 160.693 233.63 160.909 233.719 161.055C233.807 161.201 233.922 161.297 234.062 161.344C234.203 161.391 234.354 161.414 234.516 161.414C234.635 161.414 234.76 161.404 234.891 161.383C235.026 161.357 235.128 161.336 235.195 161.32L235.203 162.5C235.089 162.536 234.938 162.57 234.75 162.602C234.568 162.638 234.346 162.656 234.086 162.656C233.732 162.656 233.406 162.586 233.109 162.445C232.812 162.305 232.576 162.07 232.398 161.742C232.227 161.409 232.141 160.961 232.141 160.398V151.992ZM242.031 160.547V154.047H243.484V162.5H242.102L242.031 160.547ZM242.305 158.766L242.906 158.75C242.906 159.312 242.846 159.833 242.727 160.312C242.612 160.786 242.424 161.198 242.164 161.547C241.904 161.896 241.562 162.169 241.141 162.367C240.719 162.56 240.206 162.656 239.602 162.656C239.19 162.656 238.812 162.596 238.469 162.477C238.13 162.357 237.839 162.172 237.594 161.922C237.349 161.672 237.159 161.346 237.023 160.945C236.893 160.544 236.828 160.062 236.828 159.5V154.047H238.273V159.516C238.273 159.896 238.315 160.211 238.398 160.461C238.487 160.706 238.604 160.901 238.75 161.047C238.901 161.188 239.068 161.286 239.25 161.344C239.438 161.401 239.63 161.43 239.828 161.43C240.443 161.43 240.93 161.312 241.289 161.078C241.648 160.839 241.906 160.518 242.062 160.117C242.224 159.711 242.305 159.26 242.305 158.766ZM247.125 155.727V162.5H245.672V154.047H247.047L247.125 155.727ZM246.828 157.953L246.156 157.93C246.161 157.352 246.237 156.818 246.383 156.328C246.529 155.833 246.745 155.404 247.031 155.039C247.318 154.674 247.674 154.393 248.102 154.195C248.529 153.992 249.023 153.891 249.586 153.891C249.982 153.891 250.346 153.948 250.68 154.062C251.013 154.172 251.302 154.346 251.547 154.586C251.792 154.826 251.982 155.133 252.117 155.508C252.253 155.883 252.32 156.336 252.32 156.867V162.5H250.875V156.938C250.875 156.495 250.799 156.141 250.648 155.875C250.503 155.609 250.294 155.417 250.023 155.297C249.753 155.172 249.435 155.109 249.07 155.109C248.643 155.109 248.286 155.185 248 155.336C247.714 155.487 247.484 155.695 247.312 155.961C247.141 156.227 247.016 156.531 246.938 156.875C246.865 157.214 246.828 157.573 246.828 157.953ZM252.305 157.156L251.336 157.453C251.341 156.99 251.417 156.544 251.562 156.117C251.714 155.69 251.93 155.31 252.211 154.977C252.497 154.643 252.849 154.38 253.266 154.188C253.682 153.99 254.159 153.891 254.695 153.891C255.148 153.891 255.549 153.951 255.898 154.07C256.253 154.19 256.549 154.375 256.789 154.625C257.034 154.87 257.219 155.185 257.344 155.57C257.469 155.956 257.531 156.414 257.531 156.945V162.5H256.078V156.93C256.078 156.456 256.003 156.089 255.852 155.828C255.706 155.562 255.497 155.378 255.227 155.273C254.961 155.164 254.643 155.109 254.273 155.109C253.956 155.109 253.674 155.164 253.43 155.273C253.185 155.383 252.979 155.534 252.812 155.727C252.646 155.914 252.518 156.13 252.43 156.375C252.346 156.62 252.305 156.88 252.305 157.156ZM259.711 150.5H261.164V160.859L261.039 162.5H259.711V150.5ZM266.875 158.203V158.367C266.875 158.982 266.802 159.552 266.656 160.078C266.51 160.599 266.297 161.052 266.016 161.438C265.734 161.823 265.391 162.122 264.984 162.336C264.578 162.549 264.112 162.656 263.586 162.656C263.049 162.656 262.578 162.565 262.172 162.383C261.771 162.195 261.432 161.927 261.156 161.578C260.88 161.229 260.659 160.807 260.492 160.312C260.331 159.818 260.219 159.26 260.156 158.641V157.922C260.219 157.297 260.331 156.737 260.492 156.242C260.659 155.747 260.88 155.326 261.156 154.977C261.432 154.622 261.771 154.354 262.172 154.172C262.573 153.984 263.039 153.891 263.57 153.891C264.102 153.891 264.573 153.995 264.984 154.203C265.396 154.406 265.74 154.698 266.016 155.078C266.297 155.458 266.51 155.914 266.656 156.445C266.802 156.971 266.875 157.557 266.875 158.203ZM265.422 158.367V158.203C265.422 157.781 265.383 157.385 265.305 157.016C265.227 156.641 265.102 156.312 264.93 156.031C264.758 155.745 264.531 155.521 264.25 155.359C263.969 155.193 263.622 155.109 263.211 155.109C262.846 155.109 262.529 155.172 262.258 155.297C261.992 155.422 261.766 155.591 261.578 155.805C261.391 156.013 261.237 156.253 261.117 156.523C261.003 156.789 260.917 157.065 260.859 157.352V159.234C260.943 159.599 261.078 159.951 261.266 160.289C261.458 160.622 261.714 160.896 262.031 161.109C262.354 161.323 262.753 161.43 263.227 161.43C263.617 161.43 263.951 161.352 264.227 161.195C264.508 161.034 264.734 160.812 264.906 160.531C265.083 160.25 265.214 159.924 265.297 159.555C265.38 159.185 265.422 158.789 265.422 158.367ZM270.273 150.5V162.5H268.82V150.5H270.273ZM276.102 162.656C275.513 162.656 274.979 162.557 274.5 162.359C274.026 162.156 273.617 161.872 273.273 161.508C272.935 161.143 272.674 160.711 272.492 160.211C272.31 159.711 272.219 159.164 272.219 158.57V158.242C272.219 157.555 272.32 156.943 272.523 156.406C272.727 155.865 273.003 155.406 273.352 155.031C273.701 154.656 274.096 154.372 274.539 154.18C274.982 153.987 275.44 153.891 275.914 153.891C276.518 153.891 277.039 153.995 277.477 154.203C277.919 154.411 278.281 154.703 278.562 155.078C278.844 155.448 279.052 155.885 279.188 156.391C279.323 156.891 279.391 157.438 279.391 158.031V158.68H273.078V157.5H277.945V157.391C277.924 157.016 277.846 156.651 277.711 156.297C277.581 155.943 277.372 155.651 277.086 155.422C276.799 155.193 276.409 155.078 275.914 155.078C275.586 155.078 275.284 155.148 275.008 155.289C274.732 155.424 274.495 155.628 274.297 155.898C274.099 156.169 273.945 156.5 273.836 156.891C273.727 157.281 273.672 157.732 273.672 158.242V158.57C273.672 158.971 273.727 159.349 273.836 159.703C273.951 160.052 274.115 160.359 274.328 160.625C274.547 160.891 274.81 161.099 275.117 161.25C275.43 161.401 275.784 161.477 276.18 161.477C276.69 161.477 277.122 161.372 277.477 161.164C277.831 160.956 278.141 160.677 278.406 160.328L279.281 161.023C279.099 161.299 278.867 161.562 278.586 161.812C278.305 162.062 277.958 162.266 277.547 162.422C277.141 162.578 276.659 162.656 276.102 162.656Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M0.5 188.5C0.5 186.291 2.29086 184.5 4.5 184.5H44.5V222.5H4.5C2.29086 222.5 0.5 220.709 0.5 218.5V188.5Z"
                       fill="#39455A"
                     />
+                    
+    
                     <circle
                       cx="22.5"
                       cy="203.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M44.5 184.5H151C153.209 184.5 155 186.291 155 188.5V218.5C155 220.709 153.209 222.5 151 222.5H44.5V184.5Z"
                       fill="#2C3343"
                     />
+                    
+    
                     <path
                       d="M64.0469 197.125V208.5H62.5625V197.125H64.0469ZM67.7031 197.125V198.359H58.9141V197.125H67.7031ZM73.5938 206.547V200.047H75.0469V208.5H73.6641L73.5938 206.547ZM73.8672 204.766L74.4688 204.75C74.4688 205.312 74.4089 205.833 74.2891 206.312C74.1745 206.786 73.987 207.198 73.7266 207.547C73.4661 207.896 73.125 208.169 72.7031 208.367C72.2812 208.56 71.7682 208.656 71.1641 208.656C70.7526 208.656 70.375 208.596 70.0312 208.477C69.6927 208.357 69.401 208.172 69.1562 207.922C68.9115 207.672 68.7214 207.346 68.5859 206.945C68.4557 206.544 68.3906 206.062 68.3906 205.5V200.047H69.8359V205.516C69.8359 205.896 69.8776 206.211 69.9609 206.461C70.0495 206.706 70.1667 206.901 70.3125 207.047C70.4635 207.188 70.6302 207.286 70.8125 207.344C71 207.401 71.1927 207.43 71.3906 207.43C72.0052 207.43 72.4922 207.312 72.8516 207.078C73.2109 206.839 73.4688 206.518 73.625 206.117C73.7865 205.711 73.8672 205.26 73.8672 204.766ZM78.6875 201.727V208.5H77.2344V200.047H78.6094L78.6875 201.727ZM78.3906 203.953L77.7188 203.93C77.724 203.352 77.7995 202.818 77.9453 202.328C78.0911 201.833 78.3073 201.404 78.5938 201.039C78.8802 200.674 79.237 200.393 79.6641 200.195C80.0911 199.992 80.5859 199.891 81.1484 199.891C81.5443 199.891 81.9089 199.948 82.2422 200.062C82.5755 200.172 82.8646 200.346 83.1094 200.586C83.3542 200.826 83.5443 201.133 83.6797 201.508C83.8151 201.883 83.8828 202.336 83.8828 202.867V208.5H82.4375V202.938C82.4375 202.495 82.362 202.141 82.2109 201.875C82.0651 201.609 81.8568 201.417 81.5859 201.297C81.3151 201.172 80.9974 201.109 80.6328 201.109C80.2057 201.109 79.849 201.185 79.5625 201.336C79.276 201.487 79.0469 201.695 78.875 201.961C78.7031 202.227 78.5781 202.531 78.5 202.875C78.4271 203.214 78.3906 203.573 78.3906 203.953ZM83.8672 203.156L82.8984 203.453C82.9036 202.99 82.9792 202.544 83.125 202.117C83.276 201.69 83.4922 201.31 83.7734 200.977C84.0599 200.643 84.4115 200.38 84.8281 200.188C85.2448 199.99 85.7214 199.891 86.2578 199.891C86.7109 199.891 87.112 199.951 87.4609 200.07C87.8151 200.19 88.112 200.375 88.3516 200.625C88.5964 200.87 88.7812 201.185 88.9062 201.57C89.0312 201.956 89.0938 202.414 89.0938 202.945V208.5H87.6406V202.93C87.6406 202.456 87.5651 202.089 87.4141 201.828C87.2682 201.562 87.0599 201.378 86.7891 201.273C86.5234 201.164 86.2057 201.109 85.8359 201.109C85.5182 201.109 85.237 201.164 84.9922 201.273C84.7474 201.383 84.5417 201.534 84.375 201.727C84.2083 201.914 84.0807 202.13 83.9922 202.375C83.9089 202.62 83.8672 202.88 83.8672 203.156ZM91.2734 196.5H92.7266V206.859L92.6016 208.5H91.2734V196.5ZM98.4375 204.203V204.367C98.4375 204.982 98.3646 205.552 98.2188 206.078C98.0729 206.599 97.8594 207.052 97.5781 207.438C97.2969 207.823 96.9531 208.122 96.5469 208.336C96.1406 208.549 95.6745 208.656 95.1484 208.656C94.612 208.656 94.1406 208.565 93.7344 208.383C93.3333 208.195 92.9948 207.927 92.7188 207.578C92.4427 207.229 92.2214 206.807 92.0547 206.312C91.8932 205.818 91.7812 205.26 91.7188 204.641V203.922C91.7812 203.297 91.8932 202.737 92.0547 202.242C92.2214 201.747 92.4427 201.326 92.7188 200.977C92.9948 200.622 93.3333 200.354 93.7344 200.172C94.1354 199.984 94.6016 199.891 95.1328 199.891C95.6641 199.891 96.1354 199.995 96.5469 200.203C96.9583 200.406 97.3021 200.698 97.5781 201.078C97.8594 201.458 98.0729 201.914 98.2188 202.445C98.3646 202.971 98.4375 203.557 98.4375 204.203ZM96.9844 204.367V204.203C96.9844 203.781 96.9453 203.385 96.8672 203.016C96.7891 202.641 96.6641 202.312 96.4922 202.031C96.3203 201.745 96.0938 201.521 95.8125 201.359C95.5312 201.193 95.1849 201.109 94.7734 201.109C94.4089 201.109 94.0911 201.172 93.8203 201.297C93.5547 201.422 93.3281 201.591 93.1406 201.805C92.9531 202.013 92.7995 202.253 92.6797 202.523C92.5651 202.789 92.4792 203.065 92.4219 203.352V205.234C92.5052 205.599 92.6406 205.951 92.8281 206.289C93.0208 206.622 93.276 206.896 93.5938 207.109C93.9167 207.323 94.3151 207.43 94.7891 207.43C95.1797 207.43 95.513 207.352 95.7891 207.195C96.0703 207.034 96.2969 206.812 96.4688 206.531C96.6458 206.25 96.776 205.924 96.8594 205.555C96.9427 205.185 96.9844 204.789 96.9844 204.367ZM101.836 196.5V208.5H100.383V196.5H101.836ZM105.602 201.375V208.5H104.156V200.047H105.562L105.602 201.375ZM108.242 200L108.234 201.344C108.115 201.318 108 201.302 107.891 201.297C107.786 201.286 107.667 201.281 107.531 201.281C107.198 201.281 106.904 201.333 106.648 201.438C106.393 201.542 106.177 201.688 106 201.875C105.823 202.062 105.682 202.286 105.578 202.547C105.479 202.802 105.414 203.083 105.383 203.391L104.977 203.625C104.977 203.115 105.026 202.635 105.125 202.188C105.229 201.74 105.388 201.344 105.602 201C105.815 200.651 106.086 200.38 106.414 200.188C106.747 199.99 107.143 199.891 107.602 199.891C107.706 199.891 107.826 199.904 107.961 199.93C108.096 199.951 108.19 199.974 108.242 200Z"
                       fill="white"
                     />
+                    
+    
                     <path
                       d="M163 188.5C163 186.291 164.791 184.5 167 184.5H207V222.5H167C164.791 222.5 163 220.709 163 218.5V188.5Z"
                       fill="#3E92BA"
                     />
+                    
+    
                     <circle
                       cx="185"
                       cy="203.5"
                       fill="white"
                       r="8"
                     />
+                    
+    
                     <path
                       d="M207 184.5H313.5C315.709 184.5 317.5 186.291 317.5 188.5V218.5C317.5 220.709 315.709 222.5 313.5 222.5H207V184.5Z"
                       fill="#2D6D8B"
                     />
+                    
+    
                     <path
                       d="M222.992 197.125L225.945 202.836L228.906 197.125H230.617L226.695 204.25V208.5H225.188V204.25L221.266 197.125H222.992ZM236.266 207.055V202.703C236.266 202.37 236.198 202.081 236.062 201.836C235.932 201.586 235.734 201.393 235.469 201.258C235.203 201.122 234.875 201.055 234.484 201.055C234.12 201.055 233.799 201.117 233.523 201.242C233.253 201.367 233.039 201.531 232.883 201.734C232.732 201.938 232.656 202.156 232.656 202.391H231.211C231.211 202.089 231.289 201.789 231.445 201.492C231.602 201.195 231.826 200.927 232.117 200.688C232.414 200.443 232.768 200.25 233.18 200.109C233.596 199.964 234.06 199.891 234.57 199.891C235.185 199.891 235.727 199.995 236.195 200.203C236.669 200.411 237.039 200.727 237.305 201.148C237.576 201.565 237.711 202.089 237.711 202.719V206.656C237.711 206.938 237.734 207.237 237.781 207.555C237.833 207.872 237.909 208.146 238.008 208.375V208.5H236.5C236.427 208.333 236.37 208.112 236.328 207.836C236.286 207.555 236.266 207.294 236.266 207.055ZM236.516 203.375L236.531 204.391H235.07C234.659 204.391 234.292 204.424 233.969 204.492C233.646 204.555 233.375 204.651 233.156 204.781C232.938 204.911 232.771 205.076 232.656 205.273C232.542 205.466 232.484 205.693 232.484 205.953C232.484 206.219 232.544 206.461 232.664 206.68C232.784 206.898 232.964 207.073 233.203 207.203C233.448 207.328 233.747 207.391 234.102 207.391C234.544 207.391 234.935 207.297 235.273 207.109C235.612 206.922 235.88 206.693 236.078 206.422C236.281 206.151 236.391 205.888 236.406 205.633L237.023 206.328C236.987 206.547 236.888 206.789 236.727 207.055C236.565 207.32 236.349 207.576 236.078 207.82C235.812 208.06 235.495 208.26 235.125 208.422C234.76 208.578 234.349 208.656 233.891 208.656C233.318 208.656 232.815 208.544 232.383 208.32C231.956 208.096 231.622 207.797 231.383 207.422C231.148 207.042 231.031 206.617 231.031 206.148C231.031 205.695 231.12 205.297 231.297 204.953C231.474 204.604 231.729 204.315 232.062 204.086C232.396 203.852 232.797 203.674 233.266 203.555C233.734 203.435 234.258 203.375 234.836 203.375H236.516ZM241.422 201.727V208.5H239.969V200.047H241.344L241.422 201.727ZM241.125 203.953L240.453 203.93C240.458 203.352 240.534 202.818 240.68 202.328C240.826 201.833 241.042 201.404 241.328 201.039C241.615 200.674 241.971 200.393 242.398 200.195C242.826 199.992 243.32 199.891 243.883 199.891C244.279 199.891 244.643 199.948 244.977 200.062C245.31 200.172 245.599 200.346 245.844 200.586C246.089 200.826 246.279 201.133 246.414 201.508C246.549 201.883 246.617 202.336 246.617 202.867V208.5H245.172V202.938C245.172 202.495 245.096 202.141 244.945 201.875C244.799 201.609 244.591 201.417 244.32 201.297C244.049 201.172 243.732 201.109 243.367 201.109C242.94 201.109 242.583 201.185 242.297 201.336C242.01 201.487 241.781 201.695 241.609 201.961C241.438 202.227 241.312 202.531 241.234 202.875C241.161 203.214 241.125 203.573 241.125 203.953ZM246.602 203.156L245.633 203.453C245.638 202.99 245.714 202.544 245.859 202.117C246.01 201.69 246.227 201.31 246.508 200.977C246.794 200.643 247.146 200.38 247.562 200.188C247.979 199.99 248.456 199.891 248.992 199.891C249.445 199.891 249.846 199.951 250.195 200.07C250.549 200.19 250.846 200.375 251.086 200.625C251.331 200.87 251.516 201.185 251.641 201.57C251.766 201.956 251.828 202.414 251.828 202.945V208.5H250.375V202.93C250.375 202.456 250.299 202.089 250.148 201.828C250.003 201.562 249.794 201.378 249.523 201.273C249.258 201.164 248.94 201.109 248.57 201.109C248.253 201.109 247.971 201.164 247.727 201.273C247.482 201.383 247.276 201.534 247.109 201.727C246.943 201.914 246.815 202.13 246.727 202.375C246.643 202.62 246.602 202.88 246.602 203.156ZM255.453 201.727V208.5H254V200.047H255.375L255.453 201.727ZM255.156 203.953L254.484 203.93C254.49 203.352 254.565 202.818 254.711 202.328C254.857 201.833 255.073 201.404 255.359 201.039C255.646 200.674 256.003 200.393 256.43 200.195C256.857 199.992 257.352 199.891 257.914 199.891C258.31 199.891 258.674 199.948 259.008 200.062C259.341 200.172 259.63 200.346 259.875 200.586C260.12 200.826 260.31 201.133 260.445 201.508C260.581 201.883 260.648 202.336 260.648 202.867V208.5H259.203V202.938C259.203 202.495 259.128 202.141 258.977 201.875C258.831 201.609 258.622 201.417 258.352 201.297C258.081 201.172 257.763 201.109 257.398 201.109C256.971 201.109 256.615 201.185 256.328 201.336C256.042 201.487 255.812 201.695 255.641 201.961C255.469 202.227 255.344 202.531 255.266 202.875C255.193 203.214 255.156 203.573 255.156 203.953ZM260.633 203.156L259.664 203.453C259.669 202.99 259.745 202.544 259.891 202.117C260.042 201.69 260.258 201.31 260.539 200.977C260.826 200.643 261.177 200.38 261.594 200.188C262.01 199.99 262.487 199.891 263.023 199.891C263.477 199.891 263.878 199.951 264.227 200.07C264.581 200.19 264.878 200.375 265.117 200.625C265.362 200.87 265.547 201.185 265.672 201.57C265.797 201.956 265.859 202.414 265.859 202.945V208.5H264.406V202.93C264.406 202.456 264.331 202.089 264.18 201.828C264.034 201.562 263.826 201.378 263.555 201.273C263.289 201.164 262.971 201.109 262.602 201.109C262.284 201.109 262.003 201.164 261.758 201.273C261.513 201.383 261.307 201.534 261.141 201.727C260.974 201.914 260.846 202.13 260.758 202.375C260.674 202.62 260.633 202.88 260.633 203.156ZM271.555 208.656C270.966 208.656 270.432 208.557 269.953 208.359C269.479 208.156 269.07 207.872 268.727 207.508C268.388 207.143 268.128 206.711 267.945 206.211C267.763 205.711 267.672 205.164 267.672 204.57V204.242C267.672 203.555 267.773 202.943 267.977 202.406C268.18 201.865 268.456 201.406 268.805 201.031C269.154 200.656 269.549 200.372 269.992 200.18C270.435 199.987 270.893 199.891 271.367 199.891C271.971 199.891 272.492 199.995 272.93 200.203C273.372 200.411 273.734 200.703 274.016 201.078C274.297 201.448 274.505 201.885 274.641 202.391C274.776 202.891 274.844 203.438 274.844 204.031V204.68H268.531V203.5H273.398V203.391C273.378 203.016 273.299 202.651 273.164 202.297C273.034 201.943 272.826 201.651 272.539 201.422C272.253 201.193 271.862 201.078 271.367 201.078C271.039 201.078 270.737 201.148 270.461 201.289C270.185 201.424 269.948 201.628 269.75 201.898C269.552 202.169 269.398 202.5 269.289 202.891C269.18 203.281 269.125 203.732 269.125 204.242V204.57C269.125 204.971 269.18 205.349 269.289 205.703C269.404 206.052 269.568 206.359 269.781 206.625C270 206.891 270.263 207.099 270.57 207.25C270.883 207.401 271.237 207.477 271.633 207.477C272.143 207.477 272.576 207.372 272.93 207.164C273.284 206.956 273.594 206.677 273.859 206.328L274.734 207.023C274.552 207.299 274.32 207.562 274.039 207.812C273.758 208.062 273.411 208.266 273 208.422C272.594 208.578 272.112 208.656 271.555 208.656ZM277.977 201.375V208.5H276.531V200.047H277.938L277.977 201.375ZM280.617 200L280.609 201.344C280.49 201.318 280.375 201.302 280.266 201.297C280.161 201.286 280.042 201.281 279.906 201.281C279.573 201.281 279.279 201.333 279.023 201.438C278.768 201.542 278.552 201.688 278.375 201.875C278.198 202.062 278.057 202.286 277.953 202.547C277.854 202.802 277.789 203.083 277.758 203.391L277.352 203.625C277.352 203.115 277.401 202.635 277.5 202.188C277.604 201.74 277.763 201.344 277.977 201C278.19 200.651 278.461 200.38 278.789 200.188C279.122 199.99 279.518 199.891 279.977 199.891C280.081 199.891 280.201 199.904 280.336 199.93C280.471 199.951 280.565 199.974 280.617 200Z"
                       fill="white"
                     />
+                    
+    
                   </svg>
+                  
+    
                 </div>
+                
+            
                 <div
                   class="modal-footer"
                 >
@@ -4587,25 +9109,58 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
                     </button>
                   </div>
                 </div>
+                
+          
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+              
+                    
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -4616,187 +9171,396 @@ exports[`OE - Vacancy details (opened) renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;
@@ -4806,28 +9570,42 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
   <header
     class="bcl-header bcl-header--eu shadow-sm"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
       class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+            
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
@@ -4837,56 +9615,140 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
           data-bs-toggle="collapse"
           type="button"
         >
+          
+    
+
+
+
+
+
+
           <svg
             class="default-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#list"
             />
+            
+
           </svg>
+          
+
+    
+
+
+
+
+
+
           <svg
             class="active-icon bi icon--fluid"
           >
+            
+  
             <use
               xlink:href="/icons.svg#x"
             />
+            
+
           </svg>
+          
+
+  
         </button>
+        
+
+    
       </div>
+      
+  
     </nav>
+    
+
+  
     <!-- site name -->
+    
+  
     <div
       class="bcl-header__site-name"
       id="site-name-heading"
     >
+      
+    
       <div
         class="container"
       >
+        
+      
         <span
           class="h5 py-3-5 border-top-subtle mb-0 d-block"
         >
           Project name
         </span>
+        
+    
       </div>
+      
+  
     </div>
+    
+
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -4899,42 +9761,78 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -4944,41 +9842,88 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -4989,6 +9934,10 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+      
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -4996,142 +9945,322 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+      
                               <div
                                 class="__see_all"
                               >
+                                
+      
+
+
+                                
+
+
+
                                 <a
                                   aria-label="See all items in ‘Base Category Item’"
                                   class="see-all-button"
                                   href="/example.html"
                                 >
+                                      
                                   <span>
                                     See all
                                   </span>
+                                  
+  
+
+
+
+
+
+
                                   <svg
                                     class="ms-2-5 bi icon--xs"
                                   >
+                                    
+  
                                     <use
                                       xlink:href="/icons.svg#arrow-right"
                                     />
+                                    
+
                                   </svg>
+                                  
+
+
                                 </a>
+                                
+    
                               </div>
+                              
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -5141,6 +10270,10 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -5148,158 +10281,371 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
-                                  <a
-                                    href="/example.html"
+                                  
+                            
+
+
+
+  
+
+
+                                  <a
+                                    href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+  
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -5307,30 +10653,71 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             >
               Home
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -5341,142 +10728,335 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 04
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 05
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 06
             </a>
+            
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 07
             </a>
+            
+                                
           </li>
+          
+                      
         </ul>
+        
+    
+
+                  
       </div>
+      
+
     </nav>
+    
+
+  
   </header>
+  
+
+
   <!-- breadcrumbs -->
+  
+  
   <div
     class="container"
   >
+    
+    
+
+
+
+
+
     <nav
       aria-label="breadcrumb"
       class="mt-3"
     >
+      
+  
       <ol
         class="breadcrumb"
       >
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             Home
           </a>
+          
+        
         </li>
+        
+                                  
         <li
           class="breadcrumb-item d-none d-md-block"
         >
+                    
+
+
+
+  
+
+
           <a
             href="/example.html"
           >
             European Union
           </a>
+          
+        
         </li>
+        
+                                                
         <li
           class="breadcrumb-item"
         >
+                                          
+
+
+                      
+  
+
+
           <a
             href="/example.html"
           >
+            
+
+
+
+
+
+
             <svg
               class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#arrow-left"
               />
+              
+
             </svg>
-            About the European Union
+            
+
+About the European Union
           </a>
+          
+        
         </li>
+        
+                                                        
         <li
           aria-current="page"
           class="breadcrumb-item d-none d-md-block active"
         >
           News
         </li>
+        
+      
       </ol>
+      
+
     </nav>
+    
+
+  
   </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -5484,12 +11064,18 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -5499,6 +11085,8 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -5506,21 +11094,29 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -5528,6 +11124,8 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -5538,6 +11136,8 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -5545,9 +11145,28 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -5555,80 +11174,151 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -5637,6 +11327,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -5645,6 +11343,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -5653,6 +11359,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -5661,6 +11375,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -5669,6 +11391,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -5677,6 +11407,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -5685,6 +11423,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -5692,14 +11438,35 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                         lang="en"
                       >
                         English
-                        <svg
-                          class="ms-2-5 bi icon--s"
+
+
+
+
+
+
+                        <svg
+                          class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -5708,6 +11475,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -5716,6 +11491,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -5724,6 +11507,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -5732,10 +11523,22 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -5744,6 +11547,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -5752,6 +11563,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -5760,6 +11579,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -5768,6 +11595,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -5776,6 +11611,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -5784,6 +11627,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -5792,6 +11643,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -5800,6 +11659,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -5808,6 +11675,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -5816,6 +11691,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -5824,6 +11707,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -5832,23 +11723,49 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -5857,6 +11774,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -5865,6 +11790,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -5873,10 +11806,22 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -5885,6 +11830,14 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -5893,49 +11846,126 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+        
+
+
+
+
+
     <div
       class="bcl-content-banner pt-4 pt-md-4-75 bg-white"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-lg-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   Vacancy
                 </h1>
+                
+  
                 <p>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
@@ -5943,21 +11973,57 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
                 </p>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+            
+
+ 
+
+
+  
+
+
+
+ 
+
+ 
+
+
           <div
             aria-labelledby="bcl-offcanvas-title"
             class="offcanvas-start offcanvas-lg"
@@ -5965,15 +12031,30 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             id="bcl-offcanvas"
             tabindex="-1"
           >
+            
+  
             <div
               class="offcanvas-header p-lg-0 d-lg-block"
             >
+              
+      
+
+
+
+
+
+
               <h2
                 class="mb-lg-4 offcanvas-title bcl-heading"
                 id="bcl-offcanvas-title"
               >
                 Filter options
               </h2>
+              
+                      
+
+
+
               <button
                 aria-controls="bcl-offcanvas"
                 aria-label="Close button"
@@ -5982,162 +12063,368 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                 data-bs-target="#bcl-offcanvas"
                 type="button"
               />
+              
+
+  
             </div>
+            
+  
+  
             <div
               class="offcanvas-body p-lg-0"
             >
+              
+    
+
+
+
+
+
               <form
                 class="w-100"
                 novalidate
                 onsubmit="return false;"
               >
+                
+                                                            
+
+
+
+
+
+  
+
+
+
+
+  
+
+  
+      
                 <label
                   class="form-label"
                   for="keyword"
                 >
                   Keyword
                 </label>
+                
+  
+    
                 <input
                   class="mb-3 form-control"
                   id="keyword"
                   placeholder="Type a keyword"
                   type="text"
                 />
+                
+
+                                                      
                 <fieldset
                   class="mb-3"
                 >
+                  
+                    
                   <legend
                     class="col-form-label"
                   >
                     Status
                   </legend>
+                  
+          
                   <div
                     class="col-sm-10"
                   >
+                    
+                                
                     <div
                       class="mb-2"
                     >
+                      
+                                
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           checked
                           class="form-check-input"
                           id="opened"
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="opened"
                         >
                           Opened
                         </label>
+                        
+  
+
                       </div>
+                      
+
+                  
                     </div>
+                    
+                                                      
+
+
+    
+  
+
+  
+
+
+
+  
+
+
+  
+      
                     <div
                       class="form-check"
                     >
+                      
+    
                       <input
                         checked
                         class="form-check-input"
                         id="closed"
                         type="checkbox"
                       />
+                      
+      
                       <label
                         class="form-check-label"
                         for="closed"
                       >
                         Closed
                       </label>
+                      
+  
+
                     </div>
+                    
+
+                        
                   </div>
+                  
+      
                 </fieldset>
+                
+                              
                 <div
                   class="mb-3"
                 >
+                  
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+
+
+  
+  
+      
                   <label
                     class="form-label"
                     for="type"
                   >
                     Type
                   </label>
+                  
+  
+
                   <select
                     class="form-select"
                     id="type"
                   >
+                    
+            
                     <option
                       value="1"
                     >
                       a select option
                     </option>
+                    
+                
                     <option
                       value="2"
                     >
                       another select option
                     </option>
+                    
+                
                     <option
                       value="3"
                     >
                       another option
                     </option>
+                    
+                
                     <option
                       value="4"
                     >
                       last option
                     </option>
+                    
+                
                     <option
                       selected
                       value=""
                     >
                       All
                     </option>
+                    
+      
                   </select>
+                  
+
+                        
                 </div>
-                <label
-                  class="form-label"
-                  for="opening-date"
-                >
-                  Opening date
-                </label>
-                <input
-                  class="mb-3 form-control"
-                  id="opening-date"
+                
+                                                                  
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
+                <label
+                  class="form-label"
+                  for="opening-date"
+                >
+                  Opening date
+                </label>
+                
+  
+    
+                <input
+                  class="mb-3 form-control"
+                  id="opening-date"
                   type="date"
                 />
+                
+
+                                                                                    
+
+
+
+
+
+  
+
+
+
+
+
+
+  
+      
                 <label
                   class="form-label"
                   for="closing-date"
                 >
                   Closing date
                 </label>
+                
+  
+    
                 <input
                   class="mb-4-5 form-control"
                   id="closing-date"
                   type="date"
                 />
+                
+
+                              
                 <div
                   class="mt-4 d-grid gap-4 d-md-block"
                 >
+                  
+        
+
+      
+
                   <button
                     class="me-md-3 btn btn-primary btn-md"
                     type="submit"
                   >
                     Refine
                   </button>
+                  
+
+      
+
+        
+
                   <button
                     class="btn btn-light btn-md"
                     type="submit"
                   >
                     Clear
                   </button>
+                  
+
+      
                 </div>
+                
+  
               </form>
+              
+
+  
             </div>
+            
+
           </div>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                      
+
+                                
+
           <button
             aria-controls="bcl-offcanvas"
             class="d-lg-none w-100 mb-4 btn btn-light btn-lg"
@@ -6145,30 +12432,67 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             data-bs-toggle="offcanvas"
             type="button"
           >
+            
+
+
+
+
+
+
             <svg
               class="me-2 me-2-5 bi icon--fluid"
             >
+              
+  
               <use
                 xlink:href="/icons.svg#filter"
               />
+              
+
             </svg>
-            Filter options
+            
+
+Filter options
           </button>
+          
+
+  
           <div
             class="row"
           >
+            
+    
             <div
               class="col-md-6 col-lg-8 align-self-center"
             >
+              
+              
+
+
+
+
+
+
               <h2
                 class="mb-0 text-capitalize bcl-heading"
               >
                 Results (10)
               </h2>
+              
+          
             </div>
+            
+          
             <div
               class="col-md-12 order-md-2 mt-3"
             >
+              
+              
+
+
+  
+
+
               <span
                 class="mb-2 me-2 badge text-bg-light"
               >
@@ -6177,89 +12501,262 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                   aria-hidden="true"
                   class="icon--close"
                 >
+                  
+    
+
+
+
+  
+
+
                   <svg
                     class="bi icon--xs"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#x-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                 </span>
               </span>
+                          
             </div>
+            
+        
             <div
               class="col-md-6 col-lg-4 mt-3 mt-md-0"
             >
+              
+      
               <div
                 class="float-md-end d-md-flex align-items-center mb-4 mb-md-0"
               >
+                
+        
+
+
+
+
+
+
+  
+  
+
+
+
+
+
+  
+  
+      
                 <label
                   class="form-label mb-0"
                 >
                   Sort by
                 </label>
+                
+  
+
                 <select
                   aria-label="sort-select"
                   class="ms-md-2 form-select"
                 >
+                  
+            
                   <option
                     value="1"
                   >
                     a select option
                   </option>
+                  
+                
                   <option
                     value="2"
                   >
                     another select option
                   </option>
+                  
+                
                   <option
                     value="3"
                   >
                     another option
                   </option>
+                  
+                
                   <option
                     value="4"
                   >
                     last option
                   </option>
+                  
+                
                   <option
                     selected
                     value=""
                   >
                     A-Z
                   </option>
+                  
+      
                 </select>
+                
+
+      
               </div>
+              
+    
             </div>
+            
+  
           </div>
+          
+  
           <hr
             class="d-none d-md-block mb-4-75"
           />
+                      
+
+
+  
+
+
           <div
             class="bcl-listing bcl-listing--default-1-col"
           >
+            
+
+
+                                              
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+                                                  
+                          
+          
+    
+    
+              
+      
+  
+
+
+            
+  
+
+
             <div
               class="row row-cols-1 g-4"
             >
+              
+                    
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Senior Expert on Internal Models
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6278,39 +12775,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 2
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6329,39 +12882,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6380,39 +12989,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6431,39 +13096,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6482,39 +13203,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6533,39 +13310,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
-                <article
-                  class="listing-item border-bottom border-md-0 border-0 card"
-                >
-                  <div
-                    class="card-body p-0 pb-md-0 pb-3"
-                  >
-                    <h1
+                
+                  
+
+
+
+  
+
+
+
+
+
+                <article
+                  class="listing-item border-bottom border-md-0 border-0 card"
+                >
+                  
+    
+                  <div
+                    class="card-body p-0 pb-md-0 pb-3"
+                  >
+                    
+              
+
+
+
+
+  
+
+                    <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6584,39 +13417,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6635,39 +13524,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6686,39 +13631,95 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+                        
               <div
                 class="col"
               >
+                
+                  
+
+
+
+  
+
+
+
+
+
                 <article
                   class="listing-item border-bottom border-md-0 border-0 card"
                 >
+                  
+    
                   <div
                     class="card-body p-0 pb-md-0 pb-3"
                   >
+                    
+              
+
+
+
+
+  
+
                     <h1
                       class="fs-5 card-title bcl-heading"
                     >
+                      
+
+
+
+  
+    
+
                       <a
                         class="standalone"
                         href="/example.html"
                       >
                         Vacancy example title
                       </a>
+                      
+
                     </h1>
+                    
+      
                     <p
                       class="card-text mb-2-5"
                     >
@@ -6737,53 +13738,158 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                     <div
                       class="mt-2-5"
                     >
+                      
+                                                        
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill text-bg-info"
                       >
                         Opened
                       </span>
+                              
+                                      
+
+  
+  
+
+
                       <span
                         class="me-2 mb-2 badge rounded-pill badge-outline-primary"
                       >
                         Type 1
                       </span>
+                              
+            
                     </div>
+                        
                   </div>
+                  
+
                 </article>
+                
+
+                
               </div>
+              
+      
             </div>
+            
+
+
+
           </div>
+          
+
+                
           <hr
             class="d-none d-md-block mt-4-5"
           />
+          
+    
+
+                
+
+
+
+
+
+
+
+
+  
+  
+
+
+
+
+
           <nav
             aria-label="Pagination aria label"
             class="mt-4-5"
             role="navigation"
           >
+            
+  
             <ul
               class="pagination justify-content-center"
             >
+              
+                              
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="First page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-left"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Previous page"
                   class="page-link"
@@ -6791,10 +13897,31 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                 >
                   Previous
                 </a>
+                
+
+      
               </li>
+              
+                                                
               <li
                 class="page-item active"
               >
+                
+                                  
+
+  
+
+  
+
+  
+
+
+
+
+
+
+
+
                 <a
                   aria-current="page"
                   class="page-link"
@@ -6802,50 +13929,155 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                 >
                   1
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   2
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   3
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   4
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+  
+
+
+
+
+
+
+
+
+
+
                 <a
                   class="page-link"
                   href="/example.html"
                 >
                   5
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+  
+
+
+
+
+
+
+
+
+
+
+
+
                 <a
                   aria-label="Next page"
                   class="page-link"
@@ -6853,42 +14085,110 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
                 >
                   Next
                 </a>
+                
+
+      
               </li>
+              
+                                  
               <li
                 class="page-item"
               >
+                
+                                  
+
+            
+  
+
+
+
+
+
+
+
+  
+
+
+
                 <a
                   aria-label="Last page"
                   class="page-link"
                   href="/example.html"
                 >
+                  
+
+
+
+  
+
+
                   <svg
                     class="bi icon--fluid"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#chevron-double-right"
                     />
+                    
+
                   </svg>
+                  
+
+
                 </a>
+                
+
+      
               </li>
+              
+        
             </ul>
+            
+
           </nav>
+          
+
+                
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -6899,187 +14199,396 @@ exports[`OE - Vacancy listing renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;