.c08-action {
  position:relative;
  border-bottom-color: #c8c8c8;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  transition: border-bottom-color 0.3s ease;
}

.c08-action:hover{
  color: #0d123d;
  color: rgba(13, 18, 61, 1);
}

.c08-action svg{
  pointer-events: none;
}

.c08-action.active{
  border-bottom-color: #8ad74a;
  color: #0392cf;
  color: rgba(3, 146, 207, 1);
}

@media (min-width: 1026px) {
  .c08-action__container{
    flex: 0 0 50%;
    max-width: 50%;
  }

  .c08-action {
    padding-top: 67px;
    height: 238px;
    border: none;
  }

  .c08-action.active{
    color: #0d123d;
    color: rgba(13, 18, 61, 1);
  }

  .c08-shift-left {
    padding-right: 30px !important;
  }

  .gridline-bottom:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 10%;
    width: 80%;
    border-bottom: 1px solid #979797;
    opacity: 0.38;
  }

  .gridline-left:before {
    content: '';
    position: absolute;
    top: 10%;
    height: 80%;
    left: 0;
    border-left: 1px solid #979797;
    opacity: 0.38;
  }

  .c08-focus-area{
    height: 238px;
  }
}