:root {
			/* MOD - Responsive Table */
			--hsd-rt-scrollbar-color: #f2f2f2 transparent;
			--hsd-rt-webkit-scrollbar-thumb-color: #f2f2f2;
			--hsd-rt-webkit-scrollbar-track-color: transparent;
		}

		/* Table Scroll Label Mod Styles */
		:root {
			/* MOD - Table Scroll Label */
			/* MOD - TSL ::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 {
			/* Sizing */
			max-width: 1440px;
			margin: 0 auto;
			padding: 1rem;
		}

		/* Scroll For Overflow */
		.hsd-mod-rt-scroll-cont {
			/* Sizing */
			max-width: 100%;
			/* Overflow */
			overflow-x: scroll;
			scrollbar-color: var(--hsd-rt-scrollbar-color);
		}

		.CLASS::-webkit-scrollbar-thumb {
			background: var(--hsd-rt-webkit-scrollbar-thumb-color);
		}

		.CLASS::-webkit-scrollbar-track {
			background: var(--hsd-rt-webkit-scrollbar-track-color);
		}

		/* Table */
		.hsd-mod-rt-table {
			/* Sizing */
			max-width: 100% !important;
			width: 100% !important;
			margin: 1rem 0;
			/* Background */
			border-collapse: collapse;
		}

		.hsd-mod-rt-table th,
		.hsd-mod-rt-table td {
			/* Sizing */
			min-width: 150px;
			padding: 8px;
			/* Background */
			border: 1px solid #ddd;
			/* Font */
			text-align: center;
		}

		.hsd-mod-rt-table thead th {
			/* Background */
			background-color: #f2f2f2;
			/* Font */
			color: #333;
		}

		.hsd-mod-rt-table tr:nth-child(even) {
			/* Background */
			background-color: #f9f9f9;
		}

		.hsd-mod-rt-table tr:hover {
			/* Background */
			background-color: #f1f1f1;
		}

		.hsd-mod-rt-table td {
			/* Font */
			color: #555;
		}

		.hsd-mod-rt-table td ul {
			/* Font */
			text-align: left;
		}

		.hsd-mod-rt-show-mobile {
			/* Display */
			display: none;
			/* Font */
			text-align: center;
		}

		@media screen and (min-width: 740px) {

			/* hide scrollbar but allow scrolling */
			.hsd-mod-rt-scroll-cont {
				/* Overflow */
				/* -ms-overflow-style: none; */
				/* for Internet Explorer, Edge */
				/* scrollbar-width: none; */
				/* for Firefox */
				overflow-y: scroll;
			}

			.hsd-mod-rt-scroll-cont::-webkit-scrollbar {
				/* Display */
				display: none;
				/* for Chrome, Safari, and Opera */
			}
		}

		@media screen and (max-width: 740px) {
			.hsd-mod-rt-show-mobile {
				/* Display */
				display: block;
				/* Font */
				text-align: center;
			}
		}

		/* Table Scroll Label Mod Styles */
		.hsd-mod-table-scroll-label {
			/* Position */
			position: relative;
		}

		.hsd-mod-table-scroll-label:before {
			/* Position */
			position: sticky;
			top: 0;
			left: 0;
			/* Sizing */
			padding-left: 8px;
			/* Background */
			background: var(--hsd-mod-tsl-before-background);
			/* Font */
			color: var(--hsd-mod-tsl-before-color);
			font-size: var(--hsd-mod-tsl-before-font-size);
			font-style: italic;
		}

		/* Content w/ Images customizable root variables */
		:root {
			--hsd-accent-background-color: #000;
			--hsd-accent-text-color: #fff;
			--hsd-section-margin: 1rem 0;
			--hsd-content-padding: 4rem;
			--hsd-content-margin: 1rem;
		}

		/* Content w/ Images styles */
		.hsd-section {
			display: grid;
			grid-template-columns: 50% 50%;
			align-items: center;
			justify-items: center;
			margin: var(--hsd-section-margin);
		}

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

		.hsd-accent {
			color: var(--hsd-accent-text-color);
			background-color: var(--hsd-accent-background-color);
		}

		/* Content w/ Images Styles mobile-view adjustments */
		@media screen and (max-width: 720px) {
			.hsd-section {
				display: block;
				z-index: 9999;
				height: auto;
			}

			.hsd-section-paragraph {
				margin: 1rem;
				padding: 1rem;
			}
		}

		/* center align H1 element */
		.ddc-content.content-page-title.bg-transparent {
			text-align: center !important;
			width: 100% !important;
		}

		h1.ddc-page-title.font-weight-bold.bg-transparent.spacing-reset {
			text-align: center;
			width: 100% !important;
		}

		/* overview section */
		.hsd-overview {
			background: #f6f6f6;
			max-width: 1050px;
			width: 100%;
			margin: 1rem auto;
			padding: 2em 2em 4rem;
			text-align: center;
		}

		.hsd-overview ul {
			text-align: left;
			max-width: 850px;
			margin: 0 auto;
		}

		/* Sticky Jumplink Nav customizable root variables */
		:root {
			--jumplink-menu-top-desktop: 138px;
			--jumplink-menu-top-mobile: 35px;
			/* Match client / OEM branding colors, example given is Volvo Blue */
			--hsd-oem-color-primary: #004890;
			--hsd-oem-color-secondary: #000;
		}

		/* Sticky Nav Styles */
		[id] {
			scroll-margin-top: 300px !important;
		}

		@media(max-width:991px) {
			[id] {
				scroll-margin-top: 250px !important;
			}
		}

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

		.page__menu li {
			display: flex;
			display: webkit-flex;
			flex: 1 1 auto;
		}

		.page__menu li a {
			width: 100%;
			text-align: center;
			font-size: 18px;
			letter-spacing: 0.05em;
			font-weight: bold;
			text-decoration: none !important;
			color: var(--hsd-oem-color-primary);
			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;
		}

		.page__menu li a:before {
			content: "";
			display: block;
			height: 24px;
			width: 1px;
			background: var(--hsd-oem-color-secondary);
			position: absolute;
			top: 50%;
			right: 0;
			margin-top: -12px;
		}

		.page__menu li:last-child a:before {
			display: none;
		}

		.page__menu li a:hover {
			color: var(--hsd-oem-color-secondary);
		}

		.page__menu li:last-child a {
			border-right: 0;
		}

		.page-nav-menu {
			transition: all 0.4s;
			-moz-transition: all 0.4s;
			-webkit-transition: all 0.4s;
		}

		.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);
			z-index: 999;
		}

		@media (min-width:768px) {
			.page-links p {
				font-size: 20px;
			}
		}

		@media(max-width:991px) {
			.page__menu {
				flex-wrap: nowrap;
				-webkit-flex-wrap: nowrap;
				overflow-x: auto;
				justify-content: flex-start;
				-webkit-justify-content: flex-start;
				align-items: center;
			}

			.page-nav-menu {
				position: relative;
				padding-left: 32px;
				padding-right: 32px;
			}

			.page-nav-menu:before,
			.page-nav-menu:after {
				content: "\27F5";
				color: #001b72;
				background: #fff;
				display: block;
				width: 16px;
				height: 16px;
				font-weight: bold;
				font-size: 16px;
				line-height: 1;
			}

			.page-nav-menu:before {
				position: absolute;
				left: 0;
				top: 4px;
				padding-left: 10px;
			}

			.page-nav-menu:after {
				content: "\27F6";
				position: absolute;
				right: 0;
				top: 4px;
				padding-right: 10px;
			}

			.page__menu li {
				text-align: center;
			}

			.page__menu li a {
				font-size: 16px;
				text-align: center;
				padding: 5px 10px;
			}

			.sticky {
				position: fixed;
				top: var(--jumplink-menu-top-mobile);
				width: 100%;
				left: 0;
			}

			.sticky.page-nav-menu:before,
			.sticky.page-nav-menu:after {
				top: 12px;
			}
		}