re-fix indentation changes

Signed-off-by: Ashok Kumar <ashokgupta2678@gmail.com>

Author: ashok-2003

src/sections/Home/Playground-home/index.js

@@ -67,73 +67,89 @@ const ViewsSectionWrapper = styled.div`
       height: 600px;
       padding: 0 2%;
     }
-  }
-
-  .hero-text {
-    display: flex;
-    flex-direction: column;
-    flex: 0 0 50%;
-    max-width: 50%;
-    padding-bottom: 3rem;
-
-    @media only screen and (max-width: 767px) {
-      max-width: 100%;
-      justify-content: center;
-      text-align: center;
-      margin-top: 4rem;
-    }
-
-    @media only screen and (min-width: 768px) and (max-width: 1100px) {
-      padding-left: 1rem;
-    }
-  }
-
-  .hero-image {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    flex: 0 0 50%;
-    max-width: 50%;
-    overflow: hidden;
-    height: 100%;
+      
+}
+    .hero-text {
+        display: flex;
+        flex-direction: column;
+        flex: 0 0 50%;
+        max-width: 50%;
+        padding-bottom: 3rem;
+        @media only screen and (max-width: 767px) {
+          max-width: 100%;
+          justify-content: center;
+          text-align: center;
+          margin-top: 4rem;
+        }
+        @media only screen and (min-width: 768px) and (max-width: 1100px) {
+          padding-left: 1rem;
+        }
 
-    @media only screen and (max-width: 767px) {
-      max-width: 100%;
+          
     }
 
-    svg {
-      align-items: center;
-      justify-content: center;
-      width: 70%;
+    .hero-image {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        flex: 0 0 50%;
+        max-width: 50%;
+        overflow: hidden;
+        height: 100%;
 
-      .visualizer-views-colorMode_svg__colorMode1 {
-        fill: ${(props) => props.theme.whiteToGrey737373};
-        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
-      }
+        @media only screen and (max-width: 767px) {
+          max-width: 100%;
+        }
     }
 
-    .visible {
-      opacity: 1;
-      transition: all 0.2s ease-in;
+    h2 {
+      /* max-width: 90%; */
+      padding-bottom: 2%;
     }
+  
 
-    .not-visible {
-      opacity: 0;
-      transition: all 0.5s ease;
-    }
+  h4 {
+      max-width: 90%;
+      @media only screen and (max-width: 767px) {
+        max-width: 100%;
+        }
   }
 
-  h2 {
-    padding-bottom: 2%;
-  }
+   .hero-image {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        flex: 0 0 50%;
+        max-width: 50%;
+
+        
+
+        svg {
+          align-items: center;
+          justify-content: center;
+          width: 70%;
+          .visualizer-views-colorMode_svg__colorMode1 {
+            fill: ${(props) => props.theme.whiteToGrey737373};
+            transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+          }
+        }
 
-  h4 {
-    max-width: 90%;
+      
+        .visible {
+                opacity: 1;
+                transition: all 0.2s ease-in;
+        }
+
+        .not-visible {
+                opacity: 0;
+                transition: all 0.5s ease;
+        }
+
+        @media only screen and (max-width: 767px) {
+          max-width: 100%;
+        }
 
-    @media only screen and (max-width: 767px) {
-      max-width: 100%;
     }
-  }
 
     .overlay {
         width: 483px;