.Header3BoxesLinkComponent {
  padding: 5rem 0; }
  .Header3BoxesLinkComponent h3 {
    color: #FFFFFF; }
  .Header3BoxesLinkComponent .border-white {
    width: 70px;
    border: 2px solid #fff;
    border-radius: 2px;
    margin: 0 auto; }
  .Header3BoxesLinkComponent .box {
    background-color: #ffffff;
    box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.12);
    width: 95%;
    margin-left: 2.5%;
    padding: 1.4rem 1rem;
    position: relative;
    border: 1px solid transparent;
    border-radius: 10px; }
    .Header3BoxesLinkComponent .box::after {
      content: ' ';
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 2rem;
      background-image: url(/images/arrow_gray.svg?86ee9cd565e99c8e2bc0af1198c57a9c);
      background-repeat: no-repeat;
      background-position: center; }
    .Header3BoxesLinkComponent .box > a {
      text-decoration: none; }
    .Header3BoxesLinkComponent .box:hover {
      background-color: #c1282a; }
      .Header3BoxesLinkComponent .box:hover > a {
        color: #FFFFFF; }
    .Header3BoxesLinkComponent .box > .number {
      border: 2px solid #c1282a;
      border-radius: 50%;
      -moz-border-radius: 50%;
      color: #000000;
      font-weight: 600;
      font-size: 1.6rem;
      text-align: center;
      height: 4rem;
      width: 4rem;
      margin: 0 auto;
      background-color: #ffffff;
      position: absolute;
      top: -2rem;
      left: calc(50% - 2rem);
      padding-top: 0.8rem; }
    .Header3BoxesLinkComponent .box a {
      border-left: 10px solid;
      border-image-slice: 1;
      border-width: 5px;
      border-image-source: linear-gradient(0deg, #972f3f 0%, #1b437b 100%);
      padding: 1rem .5rem;
      font-weight: 600;
      display: block; }
    .Header3BoxesLinkComponent .box h3 {
      text-align: center; }
    .Header3BoxesLinkComponent .box .text {
      text-align: center;
      padding: 0 1rem; }