/* Minification failed. Returning unminified contents.
(18,26): run-time error CSS1039: Token not allowed after unary operator: '-font-size-base'
(51,20): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-base'
(58,20): run-time error CSS1039: Token not allowed after unary operator: '-color-blue-base'
(79,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red-base'
(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,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,53): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-background-color'
(149,87): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-end-background-color'
(152,23): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-margin-bottom'
(153,20): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-margin-top'
(178,26): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-flex-direction'
(186,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-padding'
(187,19): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-width'
(191,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-font-color'
(192,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-font-size'
(193,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-font-weight'
(194,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-header-line-height'
(199,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-font-color'
(200,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-font-size'
(201,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-font-weight'
(202,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-description-line-height'
(210,34): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-background-color'
(211,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-color'
(212,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-radius'
(213,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-style'
(214,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-border-width'
(215,23): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-font-color'
(216,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-font-size'
(217,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-font-weight'
(219,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-padding'
(223,36): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-hover-background-color'
(224,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-hover-border-color'
(225,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-link-hover-font-color'
(234,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-body-padding'
(246,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-padding'
(251,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-header-font-color'
(252,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-header-font-size'
(253,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-weight'
(254,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-header-line-height'
(259,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-color'
(260,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-size'
(261,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-font-weight'
(262,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-description-line-height'
(266,36): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-background-color'
(267,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-color'
(268,33): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-radius'
(269,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-style'
(270,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-border-width'
(271,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-color'
(272,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-size'
(273,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-weight'
(274,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-padding'
(278,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-color'
(279,36): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-size'
(283,38): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-background-color'
(284,34): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-border-color'
(285,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-font-color'
(289,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-hover-font-color'
(293,31): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(297,43): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(328,23): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-color'
(329,27): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-size'
(330,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-font-weight'
(335,25): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-link-mobile-hover-font-color'
(341,19): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-container-padding'
(355,29): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(359,41): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-column-width'
(363,21): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-item-desktop-width'
(367,19): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-background-color'
(368,30): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-background-image'
(372,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-top-gradient-size'
(372,66): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-top-gradient-size'
(373,22): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-gradient-size'
(373,59): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-left-gradient-size'
(374,32): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-right-gradient-size'
(374,71): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-right-gradient-size'
(375,34): run-time error CSS1039: Token not allowed after unary operator: '-box-grid-bottom-gradient-size'
(375,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;
    font-size: calc(var(--font-size-base) + 4px);
  }

  .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: var( --color-blue-base);
      font-size: 23px;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover > a span.glyph > svg {
      align-items: center;
      display: flex;
      color: var( --color-blue-base);
      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: var(--color-red-base);
  }
}

.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;
    }
}