diff --git a/src/css/custom.css b/src/css/custom.css
index 280b22a16bebed4ed0f59c46fa582f20f0f30b2f..b9e2e5c2ca220b504e0fcece9934e8ea50370d92 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -82,22 +82,6 @@ p {
   z-index: 1; 
  } 
 
-/************ Header style ***********/
-header {
-  height: 500px;
-  clip-path: polygon(
-    0 0,
-    100% 0,
-    100% calc(100% - 6vw),0 100%)
-}
-
-.hero__subtitle {
-  width: 90%;
-  text-align: center;
-  margin: auto;
-  padding-bottom: 20px;
-}
-
 /************ main elements style***********/
 .section-promises {
   padding: 4rem 0;
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 81802d37ce03a14d383e1d20423b1b5be89c2a34..156031a22d3258bae8458f45fb223fe0fdce4371 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -5,6 +5,15 @@
  * and scoped locally.
  */
 
+/************ Header style ***********/
+
+.hero__subtitle {
+  width: 90%;
+  text-align: center;
+  margin: auto;
+  padding-bottom: 20px;
+}
+
 .heroBanner {
   padding: 4rem 0; 
   text-align: center;
@@ -14,6 +23,11 @@
   align-items: center;
   justify-content: center; 
   background-color: var(--ifm-color-light-green);
+  height: 500px;
+  clip-path: polygon(
+    0 0,
+    100% 0,
+    100% calc(100% - 6vw),0 100%)
 }
 
 .container {