Fix/make css related changes in landing page (#173)

* fix: solve overlap issue in community support card

* fix: resolve card view issue of popular integration section

* fix: change css for hero section banner

* fix: hero banner button css

* fix: resolve button size issue

* fix: remove unused padding

* fix: change css for search bar

* fix: add proper padding

* fix: solve sidebar highlight issue

* fix: resolve overlap issue in bottom of toc

* fix: change css for sidebar and toc

* fix: resolve auto scroll issue

* fix: add top padding

* fix: resolve highlight issue

* fix: resolve toc issue

* fix: remove unused z-index

* fix: solve sidebar and toc sidebar issue

* fix: remove unused css

* fix: logo position issue

* fix: resolve path issue of mobile screen logo

* fix: resolve sidebar scroll issue

* fix: remove background from title of secondary sidebar

* fix: make css related changes

* fix: change theme moon icon color

* fix: add required css

* fix: make md-content left side with actual font size

* fix: full-width md-content with actual font size

* fix: left side md-content with character limit with actual font size

* fix: resolve main page width issue

* fix: make md-content center in screen with actual font-size

* feat: make search bar for for searching

* fix: md content left-container

* fix: make css related changes

* fix: md-content in center with container view

* fix: md-content left with container view

* fix: make container view width

Author: Monil-KTX

overrides/partials/header.html

@@ -259,7 +259,7 @@
                     <div
                       class="tw-flex tw-items-center tw-justify-between tw-text-gray-500 tw-text-base tw-font-semibold tw-w-full tw-text-left toggle-btn"
                     >
-                      <span>Platform</span>
+                      <h4>Platform</h4>
                       <img
                         src="assets/submenu-icon.svg"
                         alt="Arrow"
@@ -272,7 +272,7 @@
                       >
                         <p class="tw-font-medium tw-text-xs tw-text-black">
                           Full Stack Observability Platform
-                        </p>
+                        </h3>
                         <a
                           href="/platform/"
                           class="tw-text-xs gradient-hover tw-font-medium tw-underline"
@@ -350,7 +350,7 @@
                     <div
                       class="tw-flex tw-items-center tw-justify-between tw-text-gray-500 tw-text-base tw-font-semibold tw-w-full tw-text-left toggle-btn"
                     >
-                      <span>Solutions</span>
+                      <h4>Solutions</h4>
                       <img
                         src="assets/submenu-icon.svg"
                         alt="Arrow"
@@ -363,7 +363,7 @@
                       >
                         <p class="tw-font-medium tw-text-xs tw-text-black">
                           Full Stack Observability Solutions
-                        </p>
+                        </h3>
                         <a
                           href="/solutions/"
                           class="tw-text-xs gradient-hover tw-font-medium tw-underline"
@@ -436,7 +436,7 @@
                     <div
                       class="tw-flex tw-items-center tw-justify-between tw-text-gray-500 tw-text-base tw-font-semibold tw-w-full tw-text-left toggle-btn"
                     >
-                      <span>Resources</span>
+                      <h4>Resources</h4>
                       <img
                         src="assets/submenu-icon.svg"
                         alt="Arrow"
@@ -451,7 +451,7 @@
                           class="tw-font-medium tw-text-xs tw-text-black tw-flex tw-flex-col tw-space-y-2"
                         >
                           Full Stack Observability Resources
-                        </p>
+                        </h3>
                         <a
                           href="/resources/"
                           class="tw-text-xs gradient-hover tw-font-medium tw-underline"