#hsd-at-a-glance {
      margin: 1rem 0;
      padding: 1rem;
      border: 2px solid #eeeeee;
    }
    #hsd-at-a-glance ul {
      list-style: none;
    }
    #hsd-at-a-glance ul li::before {
      content: "◆ ";
      color: #001b71;
      font-weight: bold;
    }
    .revwid-container .revwid-box {
      height: 100%;
    }

         /* Page Title */
         .ddc-page-title {
             text-align: center;
         }
    
         /* Jumplinks */
         :root {
             /* Make sure that the sticky jumplink menu is flush against the bottom of the client's main nav menu. No awkward gaps. */
             --jumplink-menu-top-desktop: 106px;
             --jumplink-menu-top-mobile: 55px;
             /* Match client / OEM branding colors, example given is Volvo Blue */
             --hsd-oem-color-primary: #001b72;
             --hsd-oem-color-secondary: #000;
             --hsd-link-grid--border: #0881A7;
             /* Color Picker Widget */
             --hsd-color-swatch-shape: 0;
             /* use 100% for round swatches, 0px for square */
         }
    
         /* Sticky Nav Styles */
         [id] {
             scroll-margin-top: 300px !important;
         }
    
         @media(max-width:991px) {
             [id] {
                 scroll-margin-top: 250px !important;
             }
         }
    
         .hsd-page__menu {
             list-style: none;
             padding: 0;
             margin: 0;
             display: flex;
             display: webkit-flex;
             justify-content: space-between;
             -webkit-justify-content: space-between;
             flex-wrap: wrap;
             -webkit-flex-wrap: wrap;
             width: 100%;
         }
    
         .hsd-page__menu li {
             display: flex;
             display: webkit-flex;
             flex: 1 1 auto;
         }
    
         .hsd-page__menu li a {
             width: 100%;
             text-align: center;
             font-size: 18px;
             letter-spacing: 0.05em;
             font-weight: bold;
             text-decoration: none;
             color: var(--hsd-oem-color-secondary);
             transition: all 0.3s;
             -webkit-transition: all 0.3s;
             -moz-transition: all 0.3s;
             display: block;
             position: relative;
             padding: 2px 5px;
             line-height: 1.1;
         }
    
         .hsd-page__menu li a:before {
             content: "";
             display: block;
             height: 24px;
             width: 1px;
             background: #000;
             position: absolute;
             top: 50%;
             right: 0;
             margin-top: -12px;
         }
    
         .hsd-page__menu li:last-child a:before {
             display: none;
         }
    
         .hsd-page__menu li a:hover {
             color: var(--hsd-oem-color-primary);
         }
    
         .hsd-page__menu li:last-child a {
             border-right: 0;
         }
    
         .hsd-page-nav-menu {
             transition: all 0.4s;
             -moz-transition: all 0.4s;
             -webkit-transition: all 0.4s;
         }
    
         .hsd-sticky {
             position: fixed;
             top: var(--jumplink-menu-top-desktop);
             width: 100%;
             left: 0;
             background: #fff;
             padding-top: 10px;
             padding-bottom: 10px;
             z-index: 10;
             -webkit-box-shadow: 0 5px 5px 0 rgba(16, 16, 16, 0.04);
             box-shadow: 0 5px 5px 0 rgba(16, 16, 16, 0.04);
         }
    
         @media (min-width:768px) {
             .hsd-page-links p {
                 font-size: 20px;
             }
         }
    
         @media(max-width:991px) {
             .hsd-page__menu {
                 flex-wrap: nowrap;
                 -webkit-flex-wrap: nowrap;
                 overflow-x: auto;
                 justify-content: flex-start;
                 -webkit-justify-content: flex-start;
                 align-items: center;
             }
    
             .hsd-page-nav-menu {
                 position: relative;
                 padding-left: 32px;
                 padding-right: 32px;
             }
    
             .hsd-page-nav-menu:before,
             .hsd-page-nav-menu:after {
                 content: "\27F5";
                 color: var(--hsd-oem-color-primary);
                 background: #fff;
                 display: block;
                 width: 16px;
                 height: 16px;
                 font-weight: bold;
                 font-size: 16px;
                 line-height: 1;
             }
    
             .hsd-page-nav-menu:before {
                 position: absolute;
                 left: 0;
                 top: 4px;
                 padding-left: 10px;
             }
    
             .hsd-page-nav-menu:after {
                 content: "\27F6";
                 position: absolute;
                 right: 0;
                 top: 4px;
                 padding-right: 10px;
             }
    
             .hsd-page__menu li {
                 text-align: center;
             }
    
             .hsd-page__menu li a {
                 font-size: 16px;
                 text-align: center;
                 padding: 5px 10px;
             }
    
             .hsd-sticky {
                 position: fixed;
                 top: var(--jumplink-menu-top-mobile);
                 width: 100%;
                 left: 0;
             }
    
             .hsd-sticky.page-nav-menu:before,
             .hsd-sticky.page-nav-menu:after {
                 top: 12px;
             }
         }
    
         /* Column modules */
         :root {
             --hsd-accent-text-color: #FFF;
             --hsd-accent-background-color: #000;
             --hsd-content-padding: 2rem;
             --hsd-content-margin: 0;
         }
    
         .hsd-section {
             display: grid;
             grid-template-columns: 50% 50%;
             align-items: center;
             justify-items: center;
             margin: 0;
         }
    
         .hsd-section-image {
             width: 100%;
             height: 100%;
             grid-row-start: 2;
         }
    
         .hsd-section-image img {
             width: 100%;
             height: 100%;
             object-fit: contain;
         }
    
         .hsd-section-paragraph {
             margin: var(--hsd-content-margin);
             padding: var(--hsd-content-padding);
             grid-row-start: 2;
         }
    
         .hsd-left {
             grid-column-start: 1;
         }
    
         .hsd-right {
             grid-column-start: 2;
         }
    
         @media screen and (max-width: 720px) {
             .hsd-section {
                 display: block;
                 z-index: 9999;
                 height: auto;
             }
    
             .hsd-section-paragraph {
                 margin: 1rem;
                 padding: 1rem;
             }
         }
    
         /* Pros & Cons Module Style */
         :root {
             /* MOD - PCS - Pros & Cons Cont */
             --hsd-mod-pcs-cont-background: #f9f9f9;
             --hsd-mod-pcs-cont-border: 1px solid #ddd;
             --hsd-mod-pcs-cont-border-radius: 4px;
             /* MOD - PCS - Pros & Cons h3 */
             --hsd-mod-pcs-heading-font-color: ;
             /* MOD - PCS - Pros */
             /* h3 */
             --hsd-mod-pcs-pros-heading-border: 2px solid #008000;
             /* ::before */
             --hsd-mod-pcs-pros-marker: "\2713";
             --hsd-mod-pcs-pros-font-size: 10px;
             --hsd-mod-pcs-pros-font-color: #008000;
             /* MOD - PCS - Cons */
             /* h3 */
             --hsd-mod-pcs-cons-heading-border: 2px solid #ff0000;
             /* ::before */
             --hsd-mod-pcs-cons-marker: "\274C";
             --hsd-mod-pcs-cons-font-size: 10px;
             --hsd-mod-pcs-cons-font-color: #ff0000;
             /* MOD - PCS - Pros & Cons li */
             --hsd-mod-pcs-li-font-color: ;
         }
    
         .hsd-mod-pro-con-section {
             /* Display */
             display: flex;
             flex-flow: column;
             justify-content: center;
             align-items: center;
             /* Sizing */
             max-width: 1440px;
             margin: 0 auto;
             /* padding: 1rem; */
         }
    
         .hsd-mod-pro-con-section>h2 {
             /* Display */
             display: flex;
             flex-flow: column;
             justify-content: center;
             align-items: center;
             gap: 2px;
             /* Sizing */
             margin: 32px auto !important;
         }
    
         .hsd-mod-pro-con-section>h2 span {
             /* Font */
             font-size: 14px !important;
             line-height: 100% !important;
         }
    
         .hsd-mod-pcs-pro-con-cont {
             /* Display */
             display: flex;
             flex-flow: row wrap;
             justify-content: center;
             align-items: flex-start;
             gap: 16px;
             /* Sizing */
             width: 100%;
             padding: 20px;
             box-sizing: border-box;
             /* Background */
             background: var(--hsd-mod-pcs-cont-background);
             border: var(--hsd-mod-pcs-cont-border);
             border-radius: var(--hsd-mod-pcs-cont-border-radius);
         }
    
         .hsd-mod-pcs-pros,
         .hsd-mod-pcs-cons {
             /* Sizing */
             max-width: 550px;
             min-width: 350px;
             width: calc(50% - 16px);
             box-sizing: border-box;
         }
    
         .hsd-mod-pcs-pros h2,
         .hsd-mod-pcs-pros h3 {
             /* Sizing */
             border-bottom: var(--hsd-mod-pcs-pros-heading-border);
             width: fit-content;
             margin: 0 auto !important;
             /* Font */
             color: var(--hsd-mod-pcs-heading-font-color) !important;
             text-align: center;
         }
    
         .hsd-mod-pcs-cons h2,
         .hsd-mod-pcs-cons h3 {
             /* Sizing */
             border-bottom: var(--hsd-mod-pcs-cons-heading-border);
             width: fit-content;
             margin: 0 auto !important;
             /* Font */
             color: var(--hsd-mod-pcs-heading-font-color) !important;
             text-align: center;
         }
    
         .hsd-mod-pcs-pros ul,
         .hsd-mod-pcs-cons ul {
             /* Sizing */
             padding: 14px;
         }
    
         .hsd-mod-pcs-pros ul li,
         .hsd-mod-pcs-cons ul li {
             /* Style */
             color: var(--hsd-mod-pcs-li-font-color) !important;
             /* List */
             list-style: none;
         }
    
         .hsd-mod-pcs-pros ul li::before {
             /* Font */
             content: var(--hsd-mod-pcs-pros-marker);
             margin-right: var(--hsd-mod-pcs-pros-font-size);
             color: var(--hsd-mod-pcs-pros-font-color);
         }
    
         .hsd-mod-pcs-cons ul li::before {
             /* Font */
             content: var(--hsd-mod-pcs-cons-marker);
             margin-right: var(--hsd-mod-pcs-cons-font-size);
             color: var(--hsd-mod-pcs-cons-font-color);
         }
    
         @media screen and (max-width: 850px) {
             .hsd-mod-pcs-pro-con-cont {
                 /* Display */
                 gap: 16px;
                 /* Sizing */
                 padding: 20px;
             }
    
             .hsd-mod-pcs-pros,
             .hsd-mod-pcs-cons {
                 /* Sizing */
                 width: 100%;
             }
    
             .hsd-mod-pcs-pros h2,
             .hsd-mod-pcs-pros h3 {
                 /* Sizing */
                 margin: 0 0 0 14px !important;
             }
    
             .hsd-mod-pcs-cons h2,
             .hsd-mod-pcs-cons h3 {
                 /* Sizing */
                 margin: 0 0 0 14px !important;
             }
         }
    
         /* Content w/ Lifestyles customizable root variables */
         :root {
             /* cwl = Content w/ Lifestyles */
             /* Accent Class */
             --hsd-mod-cwl-50-50-accent-background-color: #000;
             --hsd-mod-cwl-50-50-accent-text-color: #fff;
             --hsd-mod-cwl-50-50-accent-link-color: #fff;
         }
    
         /* Module Parent */
         .hsd-mod-content-w-lifestyle-50-50 {
             display: grid;
             grid-template-columns: 50% 50%;
             align-items: center;
             justify-items: center;
             max-width: 1440px;
             width: 100%;
             margin: 1rem auto;
         }
    
         /* Image Cont */
         .hsd-mod-cwl-50-50-img {
             width: 100%;
             height: 100%;
         }
    
         .hsd-mod-cwl-50-50-img img {
             width: 100%;
             height: auto;
             object-fit: contain;
         }
    
         /* Content Cont */
         .hsd-mod-cwl-50-50-content {
             margin: 1rem;
             padding: 4rem;
             box-sizing: border-box;
         }
    
         /* ** Optional Classes ** */
         /* Reverse Class */
         /* (swaps image and content position when added) */
         .hsd-mod-cwl-50-50-reverse {
             grid-template-columns: 50% 50%;
         }
    
         .hsd-mod-cwl-50-50-reverse .hsd-mod-cwl-50-50-content {
             order: 1;
         }
    
         /* Accent styling */
         .hsd-mod-cwl-50-50-accent {
             color: var(--hsd-mod-cwl-50-50-accent-text-color) !important;
             background-color: var(--hsd-mod-cwl-50-50-accent-background-color);
         }
    
         .hsd-mod-cwl-50-50-accent a {
             color: var(--hsd-mod-cwl-50-50-accent-link-color) !important;
         }
    
         /* Split 1 image: stack two images vertically to look like one image */
         .hsd-mod-cwl-50-50-img--stacked {
             height: auto;
         }
    
         .hsd-mod-cwl-50-50-img--stacked img {
             display: block;
             width: 100%;
             height: auto !important;
             margin: 0;
             padding: 0;
         }
    
         /* Media Query for mobile */
         @media screen and (max-width: 767px) {
    
             /* Module Parent */
             .hsd-mod-content-w-lifestyle-50-50 {
                 grid-template-columns: 1fr;
             }
    
             /* Content Cont */
             .hsd-mod-cwl-50-50-content {
                 margin: 1rem;
                 padding: 1rem;
             }
    
             /* Have the content above the image */
             .hsd-mod-content-w-lifestyle-50-50 .hsd-mod-cwl-50-50-content {
                 order: 2;
             }
         }
    
         /* Responsive Table Module Styles */
         :root {
             --hsd-rt-scrollbar-color: #f2f2f2 transparent;
             --hsd-rt-webkit-scrollbar-thumb-color: #f2f2f2;
             --hsd-rt-webkit-scrollbar-track-color: transparent;
         }
    
         /* Table Scroll Label Module Styles */
         :root {
             /* ::before */
             --hsd-mod-tsl-before-background: transparent;
             --hsd-mod-tsl-before-color: #000;
             --hsd-mod-tsl-before-font-size: 14px;
         }
    
         /* If the table starts scrolling before 650px screensize, update the max-width to the screen size where scrolling starts */
         @media screen and (max-width: 716px) {
             .hsd-mod-table-scroll-label:before {
                 content: "Scroll to see more \2192";
             }
         }
    
         @media screen and (max-width: 650px) {
             .hsd-mod-table-scroll-label:before {
                 content: "Drag to see more \2192";
             }
         }
    
         /* Responsive Table Module Styles */
         .hsd-mod-responsive-table {
             max-width: 1440px;
             margin: 0 auto;
             padding: 1rem;
         }
    
         /* Scroll For Overflow */
         .hsd-mod-rt-scroll-cont {
             max-width: 100%;
             overflow-x: scroll;
             scrollbar-color: var(--hsd-rt-scrollbar-color);
         }
    
         .hsd-mod-rt-scroll-cont::-webkit-scrollbar-thumb {
             background: var(--hsd-rt-webkit-scrollbar-thumb-color);
         }
    
         .hsd-mod-rt-scroll-cont::-webkit-scrollbar-track {
             background: var(--hsd-rt-webkit-scrollbar-track-color);
         }
    
         /* Table */
         .hsd-mod-rt-table {
             max-width: 100% !important;
             width: 100% !important;
             margin: 1rem 0px;
             border-collapse: collapse;
         }
    
         .hsd-mod-rt-table th,
         .hsd-mod-rt-table td {
             min-width: 150px;
             padding: 8px;
             border: 1px solid #ddd;
             text-align: center;
         }
    
         .hsd-mod-rt-table thead th {
             background-color: #f2f2f2;
             color: #333;
         }
    
         .hsd-mod-rt-table tr:nth-child(even) {
             background-color: #f9f9f9;
         }
    
         .hsd-mod-rt-table tr:hover {
             background-color: #f1f1f1;
         }
    
         .hsd-mod-rt-table td {
             color: #555;
         }
    
         :is(.hsd-mod-rt-table td ul, .hsd-mod-rt-table td ol) {
             display: table;
             margin: 0 auto;
             list-style-position: inside;
             text-align: left;
         }
    
         .hsd-mod-rt-show-mobile {
             display: none;
             text-align: center;
         }
    
         @media screen and (min-width: 740px) {
    
             /* hide scrollbar but allow scrolling */
             .hsd-mod-rt-scroll-cont {
                 /* -ms-overflow-style: none; */
                 /* for Internet Explorer, Edge */
                 /* scrollbar-width: none; */
                 /* for Firefox */
                 overflow-y: scroll;
             }
    
             .hsd-mod-rt-scroll-cont::-webkit-scrollbar {
                 display: none;
                 /* for Chrome, Safari, and Opera */
             }
         }
    
         @media screen and (max-width: 740px) {
             .hsd-mod-rt-show-mobile {
                 display: block;
                 text-align: center;
             }
         }
    
         /* Table Scroll Label Mod Styles */
         .hsd-mod-table-scroll-label {
             position: relative;
         }
    
         .hsd-mod-table-scroll-label:before {
             position: sticky;
             top: 0;
             left: 0;
             padding-left: 8px;
             background: var(--hsd-mod-tsl-before-background);
             color: var(--hsd-mod-tsl-before-color) !important;
             font-size: var(--hsd-mod-tsl-before-font-size) !important;
             font-style: italic;
         }
     .hsd-link-grid td {
    border-width: 1px !important;
    border-style: ridge !important;
    border-color: #808080 !important;
    padding: 0.7rem;
    margin: 0.7rem;
  }
  @media screen and (max-width: 768px) {
    .hsd-link-grid td {
      display: block;
      width: 100%;
    }
    .hsd-empty-cell {
      display: none !important;
    }
  }