From 7f691ec71189dd76637293027754679a9fd6556f Mon Sep 17 00:00:00 2001
From: meetarora <meet.arora2403@gmail.com>
Date: Sun, 21 Jul 2024 13:20:03 +0530
Subject: [PATCH] branch-commit

---
 index.html | 14 ++++++--------
 styles.css | 51 +++++++++++++++++++++++++++++----------------------
 2 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/index.html b/index.html
index 21653894..b82747ac 100644
--- a/index.html
+++ b/index.html
@@ -85,7 +85,6 @@
     .active {
       color: red !important;
     }
-
     @media screen and (max-width:390px) {
       .nav__logo {
         position: relative;
@@ -340,9 +339,9 @@
   gap: 8px; /* Adjust the gap between buttons */
 }
 
-      pointer-events: none;
+      /* pointer-events: none;
       z-index: 9999;
-    }
+    } */
 
     @media screen and (max-width: 768px){
       .circle-container {
@@ -466,7 +465,7 @@ <h1>TourGuide . . .</h1>
       <canvas></canvas>
       <canvas></canvas>
     </div>
-    <div id="progressbar"></div>
+    <!-- <div id="progressbar"></div> -->
     <div id="scrollPath"></div>
     <!-- <canvas id="canvas"></canvas> -->
     <!-- <nav>
@@ -2287,18 +2286,18 @@ <h4>Contact Us</h4>
         obj.textContent = currentValue;
         if (progress < 1) {
           requestAnimationFrame(updateValue);
-
         }
-
         requestAnimationFrame(updateValue);
       }
+    }
+  })
 </script>
 
 
 <script>
     const scrollline = document.querySelector('.progress-bar');
 
-  function fillscrollline(){
+  function fillscrollline() {
     const windowHeight = window.innerHeight;
     const fullHeight = document.body.clientHeight;
     const scrolled = window.scrollY;
@@ -2314,7 +2313,6 @@ <h4>Contact Us</h4>
       animateValue("guidesCount", 0, 25000, 20000);
       animateValue("toursCount", 0, 20000, 20000);
       animateValue("destinationsCount", 0, 10994, 20000);
-})
 
   </script>
 
diff --git a/styles.css b/styles.css
index 40be2c8c..c5099c86 100644
--- a/styles.css
+++ b/styles.css
@@ -29,10 +29,17 @@
   margin: 0;
   box-sizing: border-box;
 }
-
-::-webkit-scrollbar {
-  width: 0;
-}
+  ::-webkit-scrollbar{
+    width: 15px;
+  }
+  ::-webkit-scrollbar-track{
+    background: #d1e5ff;
+  }
+  ::-webkit-scrollbar-thumb{
+    background: linear-gradient( 90deg,rgb(63, 120, 244),rgb(245, 89, 239) );
+    border-radius: 10px;
+    height:  100px;
+  }
 
 /* new bubble start*/
 
@@ -260,7 +267,7 @@
 }
 
 /* new bubble end */
-#scrollPath {
+/* #scrollPath {
   position: fixed;
   top: 0;
   right: 0;
@@ -277,7 +284,7 @@
   height: 100%;
   background: linear-gradient(to top, #008aff, #00ffe7);
   z-index: 333333;
-}
+} */
 
 .dark-theme {
   --secondary-color: #0e1525;
@@ -1690,9 +1697,9 @@ body.dark-theme .items {
   color: grey;
 }
 
-textarea::-webkit-scrollbar {
+/* textarea::-webkit-scrollbar {
   width: 1em;
-}
+} */
 
 /* .contact-form #button{
   border: none;
@@ -1851,22 +1858,22 @@ textarea::-webkit-scrollbar {
 }
 
 /* Custom scrollbar for WebKit browsers */
-body::-webkit-scrollbar {
+/* body::-webkit-scrollbar {
   width: 8px;
-  /* Width of the scrollbar */
-}
+  Width of the scrollbar
+} */
 
-body::-webkit-scrollbar-thumb {
+/* body::-webkit-scrollbar-thumb {
   background-color: var(--primary-color);
-  /* Color of the scrollbar thumb */
+  Color of the scrollbar thumb
   border-radius: 6px;
-  /* Rounded corners of the thumb */
-}
+  Rounded corners of the thumb
+} */
 
-body::-webkit-scrollbar-track {
+/* body::-webkit-scrollbar-track {
   background-color: var(--extra-light);
-  /* Color of the scrollbar track */
-}
+  Color of the scrollbar track
+} */
 
 body::-webkit-scrollbar-thumb:hover {
   background-color: var(--primary-color-dark);
@@ -1923,9 +1930,9 @@ body {
   width: 100%;
   left: 0;
   bottom: -1px;
-  -webkit-transition: all 250ms ease 0s;
+  /* -webkit-transition: all 250ms ease 0s; */
   transition: all 250ms ease 0s;
-  -webkit-transform: scale(0);
+  /* -webkit-transform: scale(0); */
   transform: scale(0);
 }
 
@@ -1977,9 +1984,9 @@ body {
   padding: 20px;
 }
 
-.testimonial-container::-webkit-scrollbar {
+/* .testimonial-container::-webkit-scrollbar {
   display: none;
-}
+} */
 
 .testimonial-user {
   display: flex;