added hover changes

src/assets/styles/components/_selectionProcessPage.scss

@@ -1,6 +1,8 @@
 .selections {
   margin-top: 36px;
-  padding-left: 72px;
+  padding-left: 72px;@include media-below($bp-xl) {
+    padding-left: 36px !important;
+  }
 }
 
 .level-header {
@@ -8,6 +10,9 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  @include media-below($bp-xl) {
+    padding: 0 0.75rem !important;
+  }
 }
 
 .selection-levels {
@@ -46,6 +51,9 @@
 .selection-levels-processes-process {
   padding-left: 81px;
   display: flex;
+  @include media-below($bp-xl) {
+    padding-left: 0;
+  }
 }
 
 
@@ -61,6 +69,16 @@
   border-radius: 18px;
   gap: 18px;
   margin-right: 36px;
+  @include media-below($bp-xl) {
+    margin-right: 20px !important;
+    padding: 36px !important;
+  }
+}
+
+.sel-item:hover {
+  scale: 1.05;
+  border-color: $mainBlue !important;
+  background-color: $mainBlueLight !important;
 }
 
 .bg-danger {
@@ -155,10 +173,12 @@
   align-items: center;
   padding: 18px 36px;
   gap: 18px;
+  cursor: pointer;
   width: 458px;
   background: #FFFFFF;
   border: 1px solid #E4E4E4;
   border-radius: 18px;
+  transition: 0.3s;
 }
 
 .sel-item .status {

src/constants/pages.js

@@ -11,4 +11,4 @@ export const CANDIDATES_PAGE = '/candidates';
 export const CANDIDATES_DETAILS_PAGE = '/candidates/:id';
 export const FORGOT_PASSWORD_CONFIRMATION_PAGE = '/forgot-password-confirmation';
 export const RESET_PASSWORD_PAGE = '/reset-password';
-export const SELECTION_PROCESS_PAGE = '/selection-process';
+export const SELECTION_PROCESS_PAGE = '/selectionFlow';