code added

styles/base/_base.scss

@@ -0,0 +1,21 @@
+*,
+*::after,
+*::before {
+    margin: 0;
+    padding: 0;
+    box-sizing: inherit;
+}
+
+html {
+   font-size: 100%;
+}
+
+body {
+    box-sizing: border-box;
+  
+
+    @include respond(tab-port) {
+        padding: 0;
+    }
+}
+

styles/base/_utilities.scss

@@ -0,0 +1,91 @@
+// colors
+.bg-green {
+  background-color: #3bb78f;
+  background: linear-gradient(90deg, #3bb78f 0%, rgba(11, 171, 100, 1) 35%, rgba(59, 183, 143, 1) 100%);
+}
+
+// font size
+.font-3 {
+  font-size: 3rem;
+}
+.font-1_5 {
+  font-size: 2rem;
+}
+
+.font-1_7{
+  font-size: 1.7rem;
+}
+
+.font-2{
+  font-size: 2.2rem;
+}
+
+.font-2_2{
+  font-size: 2.2rem;
+}
+
+
+
+.subtitle_1 {
+  font-size: 1.5rem;
+}
+
+.gap-1 {
+  gap: 0.7rem;
+}
+
+.banner_heading_4 {
+  font-size: 3rem;
+}
+
+
+// padding
+
+.padding_top_14 {
+  padding-top: 14rem;
+}
+
+.p-6{
+  padding:5rem;
+}
+
+.padding_top_10 {
+  padding-top: 10rem; }
+
+
+// heights
+
+.vh_60{
+  height: 60vh;
+}
+
+.vh-77{
+  height: 77vh;
+}
+
+.vh-85 {
+  height: 85vh;
+}
+
+.vh-15 {
+  height: 15vh;
+}
+
+
+// font weight
+
+.fw-600{
+  font-weight: 600;
+}
+
+
+  .fw-700 {
+    font-weight: 700; }
+
+
+.h-200p{
+  height: 200px;
+}
+
+
+