Init

themes/agico-hugo/assets/scss/templates/_banner.scss

@@ -0,0 +1,62 @@
+// banner css start
+section.hero-area {
+  padding: 200px 0 175px;
+  min-height: 100vh;
+  display: flex;
+  background-position: bottom center !important;
+  flex-direction: column;
+  justify-content: center;
+
+  @include mobile-xs {
+    padding: 190px 0 100px;
+  }
+
+  @include desktop-xl {
+    padding: 190px 0 155px;
+  }
+
+  p {
+    opacity: 1;
+  }
+
+  h1 {
+    line-height: 68px;
+    z-index: 1;
+    font-size: 50px;
+
+    @include mobile-xs {
+      font-size: 50px;
+    }
+  }
+}
+
+.watermark {
+  position: absolute;
+  opacity: 0.07;
+  top: 20px;
+  left: 0;
+  font-size: 200px;
+  font-weight: 600;
+  z-index: -1;
+  color: inherit;
+
+  @include mobile {
+    top: 0;
+    font-size: 120px;
+  }
+}
+
+.watermark-sm {
+  position: absolute;
+  opacity: 0.07;
+  top: -40px;
+  left: 0;
+  font-size: 110px;
+  font-weight: 600;
+  color: inherit;
+
+  @include mobile {
+    top: 0;
+    font-size: 100px;
+  }
+}