fix: modify css code to check the deployment env

css/style.css

@@ -160,27 +160,27 @@ h1::after {
 }
 
 input[type="range"] {
-    -webkit-appearance: none; /* Removes default styling for Webkit browsers */
-    height: 20px; /* Makes the track thicker */
-    background: linear-gradient(#12d2ab, #16a1b1);
-    box-shadow: 0 0 10px #16a1b1;
-    border-radius: 20px; /* Round corners of the track */
-    padding: 20px;
-    margin: 10px 0;
-    order: -1;
+    -webkit-appearance: none !important; /* Removes default styling for Webkit browsers */
+    height: 20px !important; /* Makes the track thicker */
+    background: linear-gradient(#12d2ab, #16a1b1) !important;
+    box-shadow: 0 0 10px #16a1b1 !important;
+    border-radius: 20px !important; /* Round corners of the track */
+    padding: 20px !important;
+    margin: 10px 0 !important;
+    order: -1 !important;
 
   }
   
   /* Styles for the slider thumb for Webkit browsers like Chrome and Safari */
 ::-webkit-slider-thumb {
-    -webkit-appearance: none; /* Overrides default webkit styles */
-    appearance: none;
-    height: 24px; /* Height of the thumb */
-    width: 24px; /* Width of the thumb */
-    border-radius: 50%; /* Rounded corners of the thumb */
-    background: #f3b968; /* Background color of the thumb */
-    margin-top: -6px; /* Ensures the thumb aligns with the track */
-    box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e;
+    -webkit-appearance: none !important; /* Overrides default webkit styles */
+    appearance: none !important;
+    height: 24px !important; /* Height of the thumb */
+    width: 24px !important; /* Width of the thumb */
+    border-radius: 50% !important; /* Rounded corners of the thumb */
+    background: #f3b968 !important; /* Background color of the thumb */
+    margin-top: -6px !important; /* Ensures the thumb aligns with the track */
+    box-shadow: 0px -2px 5px #eb6584 inset, 0px 2px 5px #b7456e !important;
   }
   
   /* Styles for the slider thumb for Firefox */