/* container */
.card-related-page-container {
  &:after {
    content: "";
    position: absolute;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    top: 0;
    background-image: url("../../images/decoration/bg-light-blue.png");
    background-size: 200px;
    background-repeat: repeat;
    background-position: top right;
    z-index: -1;
  }
  .text,
  h6{
    transition:0.2s ease;
  }

  /* card  */
  .card-related-page .card {
    border-top-width: 0px;
    transition:0.2s ease;
    border: 1px solid #c5c7c9;

    /* icon arrow */
    svg {
      fill: #262626;
    }
  }

  .card-related-page .card:hover {
    border: 1px solid #001F89;
    background-color: #001F89;
    h6 span {
      color: #5D91E5;
    }

    svg.icon.icon-primary {
      fill: #5D91E5 !important;
    }

    .text,
    .text *{
      color: #fff;
    }
  }
}