pending changes, hover is what i'm considering

themes/meghna-hugo/assets/css/custom.css

@@ -0,0 +1,48 @@
+.navigation {
+    background-color: #292F36;
+    width: 100%;
+    margin-bottom: 0;
+}
+
+#contact-submit:hover {
+    border-color: #2c9091;
+    background-color: #0099FF;
+}
+
+/* this should probably be #0fBAC4 */
+.btn-main:hover {
+    background: #0099FF;
+    color: #fff;
+  }
+  
+
+.price-item {
+    background-color: #0d0e0f;
+    /* disable this block to get prising section mostly same color as bg */
+}
+
+.counters-item {
+    /* background-color: #0d0e0f; */
+}
+
+/* the hover is basically here to compare */
+.service-block {
+    background-color: #0d0e0f;
+    box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 rgba(54, 186, 196, 0.9);
+}
+.service-block:hover {
+    background-color: #0d0e0f;
+    box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 rgba(0, 153, 255, 0.8);
+}
+
+
+.skill-bar .progress .progress-bar {
+    background: #0FBAC4;
+  }
+  .skill-bar .progress .progress-bar:hover {
+    background: #0099ff;
+  }
+
+  .title h2 span:hover {
+    color: #0099FF;
+  }

themes/meghna-hugo/assets/css/style.css

@@ -58,6 +58,7 @@ pre {
 
 hr {
   border-top: 1px solid rgba(255, 255, 255, .1);
+  
 }
 
 figure {
@@ -801,6 +802,7 @@ a:hover {
   border: 1px solid rgba(236, 239, 241, 0.07);
   padding-bottom: 30px;
   margin-bottom: 15px;
+
 }
 
 .price-title {
@@ -840,9 +842,9 @@ a:hover {
   margin-bottom: 20px;
 }
 
-.pricing li:nth-child(2n) {
-  /* background-color: #292F36; */
-}
+/* .pricing li:nth-child(2n) {
+  background-color: #292F36;
+} */
 
 .pricing li .btn {
   text-transform: uppercase;
@@ -1025,6 +1027,7 @@ a:hover {
   margin-bottom: 10px;
 }
 
+
 .team-member:hover .mask {
   cursor: pointer;
   opacity: 1;