/* Minification failed. Returning unminified contents.
(87,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,53): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-background-color'
(148,87): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-end-background-color'
(151,23): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-margin-bottom'
(152,20): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-margin-top'
(177,26): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-flex-direction'
(185,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-padding'
(186,19): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-width'
(190,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-font-color'
(191,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-font-size'
(192,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-font-weight'
(193,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-line-height'
(198,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-font-color'
(199,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-font-size'
(200,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-font-weight'
(201,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-line-height'
(209,34): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-background-color'
(210,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-color'
(211,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-radius'
(212,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-style'
(213,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-width'
(214,23): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-font-color'
(215,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-font-size'
(216,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-font-weight'
(218,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-padding'
(222,36): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-hover-background-color'
(223,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-hover-border-color'
(224,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-hover-font-color'
(233,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-body-padding'
(245,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-padding'
(250,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-header-font-color'
(251,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-header-font-size'
(252,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-weight'
(253,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-header-line-height'
(258,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-color'
(259,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-size'
(260,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-weight'
(261,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-line-height'
(265,36): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-background-color'
(266,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-color'
(267,33): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-radius'
(268,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-style'
(269,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-width'
(270,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-color'
(271,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-size'
(272,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-weight'
(273,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-padding'
(277,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-color'
(278,36): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-size'
(282,38): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-background-color'
(283,34): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-border-color'
(284,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-font-color'
(288,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-font-color'
(292,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(296,43): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(327,23): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-color'
(328,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-size'
(329,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-weight'
(334,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-mobile-hover-font-color'
(340,19): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-container-padding'
(354,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(358,41): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(362,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-desktop-width'
(366,19): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-background-color'
(367,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-background-image'
(371,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-top-gradient-size'
(371,66): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-top-gradient-size'
(372,22): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-gradient-size'
(372,59): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-gradient-size'
(373,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-right-gradient-size'
(373,71): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-right-gradient-size'
(374,34): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-bottom-gradient-size'
(374,72): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-bottom-gradient-size'
 */
.flyout-container {
  display: flex;
  flex-direction: column;
  padding: 30px;
  row-gap: 30px;
  width: 85%;
  height: 100%;
}

  .flyout-container .flyout-container-text {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

  .flyout-container .flyout-container-title {
    font-weight: 700;
  }

  .flyout-container .flyout-container-links {
    display: flex;
    flex-direction: column;
  }

    .flyout-container .flyout-container-links .flyout-container-link,
    .flyout-container .flyout-container-links .flyout-container-link-hover > a {
      font-weight: 600;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover {
      display: flex;
    }

    .flyout-container .flyout-container-links .flyout-container-link.mobile {
      display: block;
    }

    .flyout-container .flyout-container-links .flyout-container-link.desktop {
      display: none;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover > a {
      align-items: center;
      column-gap: 8px;
      display: flex;
      flex-direction: row;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover > a span.glyph {
      color: #124a7e;
      font-size: 23px;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover > a span.glyph > svg {
      align-items: center;
      display: flex;
      color: #124a7e;
      font-size: 20px;
    }

@media (min-width: 768px) {
  .flyout-container {
    width: 40%;
  }

    .flyout-container .flyout-container-links .flyout-container-link.mobile {
      display: none;
    }

    .flyout-container .flyout-container-links .flyout-container-link.desktop {
      display: block;
    }
}

@media (hover: hover) {
  .flyout-container .flyout-container-links .flyout-container-link-hover:hover > a,
  .flyout-container .flyout-container-links .flyout-container-link-hover:hover > a span.glyph > svg {
    color: #ab0032;
  }
}

.serviceLine .box-grid {
  float: left;
}

.box-grid {
  --box-grid-background-color: #FFF;
  --box-grid-end-background-color: #FFF;
  --box-grid-top-gradient-size: 0px;
  --box-grid-bottom-gradient-size: 0px;
  --box-grid-left-gradient-size: 0px;
  --box-grid-right-gradient-size: 0px;
  --box-grid-background-image: none;
  --box-grid-flex-direction: column;
  --box-grid-header-font-color: #124a7e;
  --box-grid-header-font-size: 32px;
  --box-grid-header-font-weight: 300;
  --box-grid-header-line-height: 32px;
  --box-grid-header-width: 100%;
  --box-grid-description-font-color: #000;
  --box-grid-description-font-size: 16px;
  --box-grid-description-font-weight: 400;
  --box-grid-description-line-height: 22px;
  --box-grid-link-background-color: transparent;
  --box-grid-link-border-color: transparent;
  --box-grid-link-border-radius: 0;
  --box-grid-link-border-style: solid;
  --box-grid-link-border-width: 1px;
  --box-grid-link-hover-background-color: transparent;
  --box-grid-link-hover-border-color: var(--box-grid-link-border-color);
  --box-grid-link-hover-font-color: #ab0032;
  --box-grid-link-font-color: #124a7e;
  --box-grid-link-font-size: 16px;
  --box-grid-link-font-weight: 600;
  --box-grid-link-padding: 0;
  --box-grid-container-padding: 20px 0 150px;
  --box-grid-header-padding: 0 40px;
  --box-grid-body-padding: 0 40px;
  --box-grid-item-header-font-color: #124a7e;
  --box-grid-item-header-font-size: 18px;
  --box-grid-item-header-font-weight: 700;
  --box-grid-item-header-line-height: 20px;
  --box-grid-item-description-font-color: #000;
  --box-grid-item-description-font-size: 16px;
  --box-grid-item-description-font-weight: 400;
  --box-grid-item-description-line-height: 20px;
  --box-grid-item-desktop-width: 100%;
  --box-grid-item-link-background-color: transparent;
  --box-grid-item-link-border-color: transparent;
  --box-grid-item-link-border-radius: 0;
  --box-grid-item-link-border-style: solid;
  --box-grid-item-link-border-width: 1px;
  --box-grid-item-link-hover-background-color: transparent;
  --box-grid-item-link-hover-border-color: var(--box-grid-link-border-color);
  --box-grid-item-link-font-color: #124a7e;
  --box-grid-item-link-font-size: 18px;
  --box-grid-item-link-font-weight: 600;
  --box-grid-item-link-hover-font-color: #ab0032;
  --box-grid-item-link-mobile-font-color: #124a7e;
  --box-grid-item-link-mobile-font-size: 18px;
  --box-grid-item-link-mobile-font-weight: 600;
  --box-grid-item-link-mobile-hover-font-color: #ab0032;
  --box-grid-item-link-padding: 0;
  --box-grid-item-padding: 30px;
  --box-grid-margin-bottom: 0;
  --box-grid-margin-top: 0;
  --box-grid-left-column-width: 50%;
  background-image: linear-gradient(to bottom, var(--box-grid-background-color), var(--box-grid-end-background-color));
  display: flex;
  flex-direction: column;
  margin-bottom: var(--box-grid-margin-bottom);
  margin-top: var(--box-grid-margin-top);
  padding: 0 0 30px;
  position: relative;
  row-gap: 20px;
  z-index: 1;
  clear: both;
}

  .box-grid .box-grid-background {
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }

  .box-grid[data-use-image-background='false'] .box-grid-background {
    display: none;
  }

  .box-grid .box-grid-content {
    display: flex;
    flex-direction: var(--box-grid-flex-direction);
    row-gap: 20px;
  }

    .box-grid .box-grid-content .box-grid-header {
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: var(--box-grid-header-padding);
      width: var(--box-grid-header-width);
    }

      .box-grid .box-grid-content .box-grid-header .box-grid-header-title {
        color: var(--box-grid-header-font-color);
        font-size: var(--box-grid-header-font-size);
        font-weight: var(--box-grid-header-font-weight);
        line-height: var(--box-grid-header-line-height);
        text-transform: none;
      }

      .box-grid .box-grid-content .box-grid-header .box-grid-header-description {
        color: var(--box-grid-description-font-color);
        font-size: var(--box-grid-description-font-size);
        font-weight: var(--box-grid-description-font-weight);
        line-height: var(--box-grid-description-line-height);
      }

      .box-grid .box-grid-content .box-grid-header .box-grid-header-link {
        display: flex;
      }

        .box-grid .box-grid-content .box-grid-header .box-grid-header-link > a {
          background-color: var(--box-grid-link-background-color);
          border-color: var(--box-grid-link-border-color);
          border-radius: var(--box-grid-link-border-radius);
          border-style: var(--box-grid-link-border-style);
          border-width: var(--box-grid-link-border-width);
          color: var(--box-grid-link-font-color);
          font-size: var(--box-grid-link-font-size);
          font-weight: var(--box-grid-link-font-weight);
          line-height: 22px;
          padding: var(--box-grid-link-padding);
        }

          .box-grid .box-grid-content .box-grid-header .box-grid-header-link > a:hover {
            background-color: var(--box-grid-link-hover-background-color);
            border-color: var(--box-grid-link-hover-border-color);
            color: var(--box-grid-link-hover-font-color);
          }

    .box-grid .box-grid-content .box-grid-body {
      display: flex;
      flex: 1;
      flex-direction: column;
      gap: 20px;
      min-width: 1px;
      padding: var(--box-grid-body-padding);
    }

      .box-grid .box-grid-content .box-grid-body .box-grid-body-column {
        row-gap: 20px;
        display: flex;
        flex-direction: column;
        flex: 1;
      }

        .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container {
          row-gap: 15px;
          padding: var(--box-grid-item-padding);
          width: 100%;
        }

          .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-title {
            color: var(--box-grid-item-header-font-color);
            font-size: var(--box-grid-item-header-font-size);
            font-weight: var(--box-grid-item-description-font-weight);
            line-height: var(--box-grid-item-header-line-height);
            margin: 0;
          }

          .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-body {
            color: var(--box-grid-item-description-font-color);
            font-size: var(--box-grid-item-description-font-size);
            font-weight: var(--box-grid-item-description-font-weight);
            line-height: var(--box-grid-item-description-line-height);
          }

          .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-links .flyout-container-link > .flyout-container-link-hover > a {
            background-color: var(--box-grid-item-link-background-color);
            border-color: var(--box-grid-item-link-border-color);
            border-radius: var(--box-grid-item-link-border-radius);
            border-style: var(--box-grid-item-link-border-style);
            border-width: var(--box-grid-item-link-border-width);
            color: var(--box-grid-item-link-font-color);
            font-size: var(--box-grid-item-link-font-size);
            font-weight: var(--box-grid-item-link-font-weight);
            padding: var(--box-grid-item-link-padding);
          }

            .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-links .flyout-container-link > .flyout-container-link-hover > a span.glyph > svg {
              color: var(--box-grid-item-link-font-color);
              font-size: calc(var(--box-grid-item-link-font-size) + 10px);
            }

            .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-links .flyout-container-link > .flyout-container-link-hover > a:hover {
              background-color: var(--box-grid-item-link-hover-background-color);
              border-color: var(--box-grid-item-link-hover-border-color);
              color: var(--box-grid-item-link-hover-font-color);
            }

              .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-links .flyout-container-link > .flyout-container-link-hover > a:hover span.glyph > svg {
                color: var(--box-grid-item-link-hover-font-color);
              }

        .box-grid .box-grid-content .box-grid-body .box-grid-body-column:first-of-type {
          flex: 0 0 calc(var(--box-grid-left-column-width) - 10px);
        }

        .box-grid .box-grid-content .box-grid-body .box-grid-body-column:last-of-type {
          flex: 0 0 calc(calc(100% - var(--box-grid-left-column-width)) - 10px);
        }

@media (max-width: 767px) {
  .box-grid .box-grid-background {
    background-image: none !important;
  }

  .box-grid .box-grid-content {
    flex-direction: column;
  }

    .box-grid .box-grid-content .box-grid-header {
      width: 100%;
    }

    .box-grid .box-grid-content picture img {
      height: auto;
    }

    .box-grid .box-grid-content .box-grid-header,
    .box-grid .box-grid-content .box-grid-body {
      padding: 10px 25px;
    }

      .box-grid .box-grid-content .box-grid-body .box-grid-body-column {
        row-gap: 35px;
        width: 100%;
      }

        .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-links .flyout-container-link > .flyout-container-link-hover > a {
          color: var(--box-grid-item-link-font-color);
          font-size: var(--box-grid-item-link-font-size);
          font-weight: var(--box-grid-item-link-font-weight);
        }

          .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-links .flyout-container-link > .flyout-container-link-hover > a:hover,
          .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container .flyout-container-links .flyout-container-link > .flyout-container-link-hover > a:hover span.glyph > svg {
            color: var(--box-grid-item-link-mobile-hover-font-color);
          }
}

@media (min-width: 768px) {
  .box-grid {
    padding: var(--box-grid-container-padding);
  }

    .box-grid .box-grid-content picture {
      display: none;
    }

    .box-grid .box-grid-content .box-grid-body {
      display: flex;
      flex-direction: row;
      gap: 60px;
    }

      .box-grid .box-grid-content .box-grid-body .box-grid-body-column:first-of-type {
        flex: 0 0 calc(var(--box-grid-left-column-width) - 30px);
      }

      .box-grid .box-grid-content .box-grid-body .box-grid-body-column:last-of-type {
        flex: 0 0 calc(calc(100% - var(--box-grid-left-column-width)) - 30px);
      }

      .box-grid .box-grid-content .box-grid-body .box-grid-body-column .box-grid-body-column-content .flyout-container {
        width: var(--box-grid-item-desktop-width);
      }

    .box-grid[data-use-image-background='true'] .box-grid-background {
      color: var(--box-grid-background-color);
      background-image: var(--box-grid-background-image);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      box-shadow: inset 0 var(--box-grid-top-gradient-size) var(--box-grid-top-gradient-size) -16px,
          inset var(--box-grid-left-gradient-size) 0 var(--box-grid-left-gradient-size) -16px,
          inset calc(-1 * var(--box-grid-right-gradient-size)) 0 var(--box-grid-right-gradient-size) -16px,
          inset 0 calc(-1 * var(--box-grid-bottom-gradient-size)) var(--box-grid-bottom-gradient-size) -16px;
    }
}