removing color code

src/styles/common.scss

@@ -139,7 +139,7 @@ label {
 }
 
 .hot-status {
-  background-color: $clr-red;
+  background-color: #c92a1c;
   color: #ffffff;
   padding: 2%;
   border-radius: 5px;
@@ -151,7 +151,7 @@ label {
 }
 
 .errorMessage {
-  color: $clr-red;
+  color: #c92a1c;
   margin: 1%;
   text-align: center;
   justify-content: center;
@@ -163,10 +163,10 @@ label {
   color: #888888;
 }
 .errorBorder {
-  border: 1px solid $clr-red !important;
+  border: 1px solid #c92a1c !important;
 }
 .errorTxt {
-  color: $clr-red !important;
+  color: #c92a1c !important;
 }
 .dashed {
   @include marginTRBL(10%, 0%, 0%, 0%);

src/styles/form-inputs.scss

@@ -1,11 +1,11 @@
 input.ng-invalid.ng-touched {
-  border: 1px solid $clr-red;
+  border: 1px solid #c92a1c;
 }
 
 .input-errors {
   position: relative;
   top: -2%;
-  color: $clr-red;
+  color: #c92a1c;
 }
 
 input[type='text'],
@@ -33,7 +33,7 @@ select {
   }
 
   &::placeholder {
-    color: $clr-grey-light-dark;
+    color: #cecece;
   }
 }
 
@@ -61,8 +61,8 @@ input[type='checkbox'] {
   }
   &:disabled{
     &::before {
-      background-color: $clr-white-dark;
-      border: 2px solid $clr-checkbox-disabled-border;
+      background-color: #f7f7f7;
+      border: 2px solid #343A3F;
     }
   }
 }
@@ -74,13 +74,17 @@ input[type='checkbox'] {
     &::before {
       height: 12px;
       width: 12px;
-      border: 1px solid $clr-black-light;
+      border: 1px solid #343A3F;
     }
   }
 }
 
 .input-wrapper {
-  @include flex-box();
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;   
+
   position: relative;
   width: 100%;
   margin-bottom: 6%;
@@ -104,7 +108,11 @@ input[type='checkbox'] {
 }
 
 .otp-wrapper {
-  @include flex-box(row, space-between);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;  
+
   width: 100%;
 
   input {
@@ -121,9 +129,9 @@ select {
 }
 
 button {
-  background: $clr-blue-gradient;
+  background: linear-gradient(178.84deg, #009cde 0.07%, #003087 95.33%);
   border-radius: 10px;
-  border: 1px solid $clr-blue-light;
+  border: 1px solid #009cde;
   height: 50px;
   width: 100%;
   font-size: 1rem;
@@ -131,7 +139,7 @@ button {
   letter-spacing: 1px;
   color: #ffffff;
   font-weight: bold;
-  font-family: Blender Pro Bold;
+  font-family: 'Blender Pro Bold';
 
   &.modify-state {
     background: #ffffff;
@@ -140,9 +148,9 @@ button {
   }
 
   &:disabled {
-    background: $clr-grey-button-disable;
+    background: #cecece;
     border: none;
-    color: $clr-black-light;
+    color: #343A3F;
   }
 }