frontend price calculator

hub/services/static/css/price-calculator.css

@@ -0,0 +1,36 @@
+.form-range::-webkit-slider-thumb {
+    background: #6f42c1;
+}
+
+.form-range::-moz-range-thumb {
+    background: #6f42c1;
+    border: none;
+}
+
+.btn-check:checked+.btn-outline-primary {
+    background-color: #6f42c1;
+    border-color: #6f42c1;
+    color: white;
+}
+
+.card {
+    transition: box-shadow 0.2s ease-in-out;
+}
+
+.card:hover {
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+}
+
+#selectedPlanDetails {
+    animation: fadeIn 0.3s ease-in;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}