div.styles7  {
.top-task__heading {
     color: #153d8a;
}
.icon-ui-chevron-right {
        filter: invert(82%) sepia(34%) saturate(3948%) hue-rotate(206deg) brightness(94%) contrast(96%);
}
}

div.styles7 {
  .top-task {
        background-color: #e4e9f4 ;
        border: 2px solid #153d8a;
        color: #343e46;
  }

  .top-task:hover {
    .top-task__heading {
      color: #153d8a;
    }
  }
}
div.styles8 .top-task {
  padding-top: 30px;
  padding-bottom: 30px;
}
div.styles10  {
.top-task__heading  {
     color: #000000;
}
}

div.styles10 {
  .top-task {
        background-color: #ffffff ;
        border: 2px solid #FF8500;
        color: #343e46;

  }

  .top-task:hover {
    .top-task__heading {
      color: #153d8a;
    }
  }
}

div.styles10  {
.top-task .icon {
     background-color: #FF8500;
}
}