@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('/assets/fonts/lato-v24-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/fonts/lato-v24-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('/assets/fonts/lato-v24-latin-700.woff2') format('woff2');
}
@font-face {
font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: url('/assets/fonts/lato-v24-latin-900.woff2') format('woff2');
}

:root {
	--clr-accent: #186ade;
	--clr-primary: #7a909e;
	--clr-neutral-light: #ffffff;
	--clr-neutral-grey: #cccccc;
	--clr-neutral-dark: #000000;

	--ff-primary: "Lato", sans-serif;
	
	--fw-300: 300;
	--fw-400: 400;
	--fw-700: 700;
	--fw-900: 900;
	
	--fs-05: 0.875rem;
	--fs-10: 1rem;
	--fs-20: 1.2rem;
	--fs-30: 1.4rem;
	--fs-40: 1.6rem;
	--fs-50: 2rem;
	--fs-60: 2.4rem;
	--fs-70: 3.2rem;
	--fs-80: 4rem;
	--fs-90: 6.4rem;
}

/* Box sizing rules */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default margin */
* {
	margin: 0;
	padding: 0;
	font: inherit;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
	list-style: none;
}

/* Set core root defaults */
html:focus-within {
	scroll-behavior: smooth;
}

html,
body {
	height: 100%;
}

/* Set core body defaults */
body {
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture,
svg {
	max-width: 100%;
	display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}
  
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}



body {
	font-size: var(--fs-10);
	font-family: var(--ff-primary);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	display: grid;
	grid-template-columns: auto 0px;
}
.skip-nav-link {
	position: absolute;
	z-index: 1200;
	left: 1rem;
	color: var(--clr-neutral-light);
	background-color: var(--clr-accent);
	padding: 0.5rem;
	border-radius: 0 0 0.5rem 0.5rem;
	transform: translateY(-120%);
	transition: transform 300ms ease-in;
}
.skip-nav-link:focus {
	transform: translateY(0);
}
.dark-layer {
  background-color: rgba(0, 0, 0, 0.4);
  height: 0px;
  width: 100%;
  position: fixed;
  z-index: 900;
}
.primary-header {
	position: relative;
}

.nav-wrapper {
	display: flex;
	align-items: center;
	gap: 2rem;
	justify-content: space-between;
}

.nav-wrapper img {
	width: 200px;
	height: 78px;
}
.primary-navigation li {
	display: flex;
	position: relative;
	min-height: 85px;
	align-items: center;
	flex-shrink: 0;
	border-bottom: 4px solid white;
}

.primary-navigation a::before {
	content: '';
	display: block;
	height: 4px;
	background-color: var(--clr-primary);
	position: absolute;
	bottom: -4px;
	width: 0%;
	transition: all ease-in-out 200ms;
}


@media (hover: hover) {
.primary-navigation a:hover::before {
	width: 100%;
}
}

.primary-navigation a svg {
	transform: rotate(0deg);
	transition-duration: 0.2s;
}

.hamburger {
	display: none;
}

.mobile-close {
	display: none;
	position: absolute;
	right: 0px;
	padding: 10px;
 }

.hamburger a,
.mobile-mega-nav a,
.mobile-close a {
	color: var(--clr-neutral-dark);
	text-decoration: none;
}

.hamburger a:focus-visible,
.mobile-mega-nav a:focus-visible,
.mobile-close a:focus-visible { 
	color: var(--clr-accent);
}

@media (hover: hover) {
.hamburger a:hover,
.mobile-mega-nav a:hover,
.mobile-close a:hover { 
	color: var(--clr-accent);
}
}

.mobile-mega-nav {
	display: none;
}

@media screen and (max-width: 800px) {
	.primary-navigation {
		display: none;
	}
	.search {
		display: none;
	}
	.hamburger {
		display: block;
	}
	.mobile-mega-nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.mobile-mega-nav h2 {
		font-size: var(--fs-30);
		font-weight: var(--fw-700);
	}
	.mobile-close {
		display: block;
		
	}
}

.menu-main {
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	display: flex;
	gap: 2rem;
}

.menu-main a {
	color: var(--clr-neutral-dark);
	text-decoration: none;
}
.dropdown a {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.search a {
	color: var(--clr-neutral-dark);
	text-decoration: none;
}

.search a:focus-visible {
	color: var(--clr-accent);
}

@media (hover: hover) {
.search a:hover {
	color: var(--clr-accent);
}
}

.mega-menu {
	width: 100%;
	background-color: white;
	position: absolute;
	display: none;
	border-top: 1px solid var(--clr-neutral-grey);
	padding-bottom: 3rem;
	z-index: 1000;
}

.mega-columns {
	display: flex;
	gap: 2rem;
}

.mega-columns > a {
	height: max-content;
	margin-top: 2rem;
}
.mega-columns p {
	padding-top: 1.5rem;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	max-width: 300px;
}

.mega-columns h3 {
	padding-top: 2.5rem;
	padding-bottom: 1.0rem;
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	color: var(--clr-primary);
}

.mega-columns li {
	list-style: none;
	padding-right: 2rem;
	padding-bottom: 0.5rem;
}

.mega-columns a {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	text-decoration: none;
}

@media (hover: hover) {
.mega-columns li a:hover {
	text-decoration: underline;
	color: var(--clr-primary);
}
}

.mega-columns .MenuCloseCross {
	transform: rotate(0deg);
	transition: all ease-in-out 500ms;
	cursor: pointer;
}

@media (hover: hover) {
.mega-columns .MenuCloseCross:hover {
	transform: rotate(90deg);
}
}

.align-right {
	margin-left: auto;
}

.mega-columns div:nth-child(2),
.mega-columns div:nth-child(3),
.mega-columns div:nth-child(4) {
	border-left: 1px solid var(--clr-neutral-grey);
	padding-left: 2rem;
}

.mega-menu-grey {
	margin-left: auto;
	background-color: var(--clr-neutral-grey);
}

.mega-menu-grey h3 {
	color: var(--clr-neutral-dark);
}

.menu-industry-solutions ul {
	columns: 3;
}

#mobileMainMenu {
	visibility: hidden;
	z-index: -200;
	
}

.primary-mobile-navigation a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: var(--fs-20);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	text-decoration: none;
}

@media (hover: hover) {
.primary-mobile-navigation a:hover {
	text-decoration: underline;
	color: var(--clr-primary);
}
}

.primary-mobile-navigation ul {
	padding-top: 2.5rem;
}

.primary-mobile-navigation li {
	list-style: none;
	padding-bottom: 1rem;
}


@media screen and (max-width: 800px) {
	#mobileMainMenu {
		visibility: visible;
		z-index: 200;
		padding-bottom: 20rem;
	}
	.mega-columns {
		display: block;
		padding-bottom: 10rem;
	}
	.mega-columns p {
		padding-top: 1.5rem;
		font-size: var(--fs-10);
		font-weight: var(--fw-400);
		color: var(--clr-neutral-dark);
		max-width: 300px;
	}
	.mega-columns h3 {
		padding-top: 2.5rem;
		padding-bottom: 1.0rem;
		font-size: var(--fs-10);
		font-weight: var(--fw-700);
		color: var(--clr-primary);
	}
	.mega-columns li {
		list-style: none;
		padding-right: 2rem;
		padding-bottom: 0.5rem;
	}
	.mega-columns a {
		font-size: var(--fs-10);
		font-weight: var(--fw-400);
		color: var(--clr-neutral-dark);
		text-decoration: none;
	}

	@media (hover: hover) {
	.mega-columns a:hover {
		text-decoration: underline;
		color: var(--clr-primary);
	}
	}
	.mega-columns .MenuCloseCross {
		display: none;
	}

	.align-right {
		margin-left: auto;
	}

	.mega-columns div:nth-child(2),
	.mega-columns div:nth-child(3),
	.mega-columns div:nth-child(4) {
		border-left: none;
		padding-left: 0px;
	}

	.mega-menu-grey {
		margin-left: auto;
		background-color: var(--clr-neutral-light);
	}

	.mega-menu-grey h3 {
		color: var(--clr-primary);
	}


	.mega-section-heading {
		display: flex;
		gap: 2rem;
		justify-content: space-between;
		align-items: baseline;
	}

	.menu-industry-solutions ul {
		columns: 1;
	}
}

.container {
	width: min(1400px, 100% - 2rem);
	margin-inline: auto;
}

.page-nav-display {
	background-color: var(--clr-neutral-dark);
	display: flex;
	gap: 2rem;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-light);
}

.page-nav-display > * {
	padding: 0.2rem 0rem;
}

.page-nav-display a {
	text-decoration: none;
	color: var(--clr-neutral-light);
}

@media (hover: hover) {
.page-nav-display a:hover {
	text-decoration: underline;
}
}

.home-mobile-hero {
	display: none;
}

@media screen and (max-width: 800px) {
	.home-mobile-hero {
		display: block;
		width: 100%;
	}
}

.home-hero {
	min-height: 60vh;
	width: 100%;
	background: url("/assets/images/rock-solid-timing-for-your-network-hero-bg.jpg");
	background-color: #000000;
	background-position: center 50%;
	background-size: cover;
	display: flex;
	align-items: center;
}

.home-hero h1 {
	font-size: var(--fs-80);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-light);
	max-width: max(40%, 500px);
	line-height: 1.1;
	margin-bottom: 1rem;
}

.home-hero p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-light);
	max-width: max(35%, 500px);
	line-height: 1.5;
	margin-bottom: 4rem;
}

.home-hero .container {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

@media screen and (max-width: 800px) {
	.home-hero {
		min-height: 0px;
		background: none;
		display: flex;
		align-items: center;
	}

	.home-hero h1 {
		font-size: var(--fs-80);
		font-weight: var(--fw-700);
		color: var(--clr-neutral-dark);
		max-width: max(40%, 500px);
		line-height: 1.1;
		margin-bottom: 1rem;
		padding-top: 2rem;
	}

	.home-hero p {
		font-size: var(--fs-20);
		font-weight: var(--fw-400);
		color: var(--clr-neutral-dark);
		max-width: max(35%, 500px);
		line-height: 1.5;
		margin-bottom: 4rem;
	}
}

#industry-hero-broadcast {
	background: url("/assets/images/broadcast-timing-solutions-hero-bg.jpg");
	background-color: #aaaaaa;
	background-blend-mode: multiply;
	background-position: center 60%;
	background-size: cover;
}

#industry-hero-cloud {
	background: url("/assets/images/cloud-data-centre-timing-solutions-hero-bg.jpg");
	background-color: #aaaaaa;
	background-blend-mode: multiply;
	background-position: center 65%;
	background-size: cover;
}

#industry-hero-defence {
	background: url("/assets/images/defence-aerospace-timing-solutions-hero-bg.jpg");
	background-color: #999999;
	background-blend-mode: multiply;
	background-position: center 55%;
	background-size: cover;
}

#industry-hero-energy {
	background: url("/assets/images/energy-utilities-timing-solutions-hero-bg.jpg");
	background-color: #aaaaaa;
	background-blend-mode: multiply;
	background-position: center 55%;
	background-size: cover;
}

#industry-hero-financial {
	background: url("/assets/images/financial-services-timing-solutions-hero-bg.jpg");
	background-color: #888888;
	background-blend-mode: multiply;
	background-position: center 45%;
	background-size: cover;
}

#industry-hero-governmental {
	background: url("/assets/images/governmental-timing-solutions-hero-bg.jpg");
	background-color: #aaaaaa;
	background-blend-mode: multiply;
	background-position: center 65%;
	background-size: cover;
}

#industry-hero-healthcare {
	background: url("/assets/images/healthcare-life-sciences-timing-solutions-hero-bg.jpg");
	background-color: #999999;
	background-blend-mode: multiply;
	background-position: center 60%;
	background-size: cover;
}

#industry-hero-manufacturing {
	background: url("/assets/images/manufacturing-and-industrial-timing-solutions-hero-bg.jpg");
	background-color: #777777;
	background-blend-mode: multiply;
	background-position: center 60%;
	background-size: cover;
}

#industry-hero-security {
	background: url("/assets/images/security-cyber-timing-solutions-hero-bg.jpg");
	background-color: #bbbbbb;
	background-blend-mode: multiply;
	background-position: center 50%;
	background-size: cover;
}

#industry-hero-small-business {
	background: url("/assets/images/sme-business-timing-solutions-hero-bg.jpg");
	background-color: #888888;
	background-blend-mode: multiply;
	background-position: center 60%;
	background-size: cover;
}

#industry-hero-telecoms {
	background: url("/assets/images/telecoms-timing-solutions-hero-bg.jpg");
	background-color: #bbbbbb;
	background-blend-mode: multiply;
	background-position: center 65%;
	background-size: cover;
}

#industry-hero-transportation {
	background: url("/assets/images/transportation-timing-solutions-hero-bg.jpg");
	background-color: #bbbbbb;
	background-blend-mode: multiply;
	background-position: center 65%;
	background-size: cover;
}

#bespoke-hero {
	background: url("/assets/images/bespoke-timing-solutions-hero-bg.jpg");
	background-color: #888888;
	background-blend-mode: multiply;
	background-position: center 45%;
	background-size: cover;
}

#oem-hero {
	background: url("/assets/images/oem-odm-time-sync-solutions-hero-bg.jpg");
	background-color: #777777;
	background-blend-mode: multiply;
	background-position: center 45%;
	background-size: cover;
}

#campaign-hero-sd {
	background: url("/assets/images/rock-solid-timing-for-your-network-hero-bg.jpg");
	background-color: #ffffff;
	background-blend-mode: multiply;
	background-position: right 50%;
	background-size: cover;
}


.industry-hero {
	min-height: 60vh;
	width: 100%;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 800px) {

	#industry-hero-broadcast {
		background-color: #888888;
	}
	
	#industry-hero-cloud {
		background-color: #aaaaaa;
	}
	
	#industry-hero-defence {
		background-color: #666666;
	}
	
	#industry-hero-energy {
		background-color: #888888;
	}
	
	#industry-hero-financial {
		background-color: #666666;
	}
	
	#industry-hero-governmental {
		background-color: #666666;
	}
	
	#industry-hero-healthcare {
		background-color: #777777;
	}
	
	#industry-hero-manufacturing {
		background-color: #666666;
	}
	
	#industry-hero-security {
		background-color: #888888;
	}
	
	#industry-hero-small-business {
		background-color: #666666;
	}
	
	#industry-hero-telecoms {
		background-color: #888888;
	}
	
	#industry-hero-transportation {
		background-color: #666666;
	}

	#bespoke-hero {
		background-color: #555555;
	}

	#oem-hero {
		background-color: #555555;
	}	

	#campaign-hero-sd {
		background-color: #999999;
		background-position: right 55%;
		background-size: 200%;
	}	
}

.industry-hero h1 {
	font-size: var(--fs-80);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-light);
	max-width: max(40%, 500px);
	line-height: 1.1;
	margin-bottom: 1rem;
}

@media screen and (max-width: 800px) {
	.industry-hero h1 {
		font-size: var(--fs-60);
	}
	
}

.industry-hero p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-light);
	max-width: max(35%, 500px);
	line-height: 1.5;
	margin-bottom: 4rem;
}

.industry-hero .container {
	padding-top: 2rem;
	padding-bottom: 2rem;
}


.cta-button-accent {
	cursor: pointer;
	text-decoration: none;
	border: 1px solid var(--clr-accent);
	border-radius: 100vmax;
	padding: 0.5em 1.5em;
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	line-height: 1;
	background-color: var(--clr-accent);
	color: var(--clr-neutral-light);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);
}

.cta-button-accent:disabled,
.cta-button-accent.disabled {
	cursor: not-allowed;
	pointer-events: all !important;
	background-color: #bbbbbb;
	color: var(--clr-neutral-light);
	border: 1px solid #bbbbbb;
}

.cta-button-accent:disabled:focus-visible,
.cta-button-accent.disabled:focus-visible {
	background-color: #bbbbbb;
	color: var(--clr-neutral-light);
	border: 1px solid #bbbbbb;
}

.cta-button-accent:focus-visible {
	background-color: var(--clr-neutral-light);
	color: var(--clr-accent);
	border: 1px solid white;}


@media (hover: hover) {
.cta-button-accent:disabled:hover,
.cta-button-accent.disabled:hover {
	background-color: #bbbbbb;
	color: var(--clr-neutral-light);
}
.cta-button-accent:hover {
	background-color: var(--clr-neutral-light);
	color: var(--clr-accent);
	border: 1px solid white;}
}

.cta-button-light {
	cursor: pointer;
	text-decoration: none;
	border: 1px solid var(--clr-accent);
	border-radius: 100vmax;
	padding: 0.5em 1.5em;
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	line-height: 1;
	color: var(--clr-accent);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);
}

.cta-button-light:focus-visible {
	border: 1px solid white;
}

@media (hover: hover) {
.cta-button-light:hover {
	border: 1px solid white;
}
}

.product-hero {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 3rem;
	align-items: center;
}

.product-heading {
	width: max(50%, 600px);
	flex-grow: 2;
}

.product-heading h1 {
	font-size: var(--fs-60);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.1;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.product-heading h3 {
	font-size: var(--fs-30);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.1;
	margin-bottom: 1rem;
	opacity: 0.6;
}

.product-heading p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.9;
	margin-bottom: 0.5rem;
}

.product-heading ul {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	margin-bottom: 2rem;
	list-style-type: disc;
	list-style-position: outside;
	opacity: 0.8;
}

.product-heading li {
	margin-left: 2rem;
}

.product-heading-cta {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.product-heading-image img {
	width: max(30%, 500px);
}

.product-page-nav {
	background-color: var(--clr-neutral-grey);
	display: flex;
	gap: 2rem;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	margin-top: 6rem;
}

@media screen and (max-width: 800px) {
	.product-page-nav {
		display: none;
	}
}

.product-page-nav-links {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	padding: 0.8rem 0rem;
}

.product-page-nav-links a {
	text-decoration: none;
	color: var(--clr-neutral-dark);
}

@media (hover: hover) {
.product-page-nav-links a:hover {
	text-decoration: underline;
}
}

.product-text-section {
	margin-top: 5rem;
	margin-bottom: 8rem;
}

.product-text-heading h2 {
	font-size: var(--fs-50);
	font-weight: var(--fw-400);
	line-height: 1.2;
	color: var(--clr-neutral-dark);
	margin-bottom: 2rem;
}

.product-text-body {
	width: max(80%, 300px);
	margin-left: auto;
}

.product-text-body p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	max-width: 50rem;
	margin-bottom: 1.5rem;
	opacity: 0.9;
}

.body-text-bold {
	font-weight: var(--fw-700);
}

.product-text-body h3 {
	font-size: var(--fs-30);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	margin-top: 0rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--clr-neutral-grey);
	width: 100%;
	display: block;
}

.product-text-body h3:not(:first-child) {
	margin-top: 5rem;
}

@media screen and (max-width: 800px) {
.product-text-section {
	flex-direction: column;
	align-items: center;
}
.product-text-heading h2 {
	padding-left: 2rem;
}
.product-text-body {
	width: 100%;
}
}

.product-text-cards {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 2rem;
}

.product-text-card {
	width: max(100% / 3 - 30px, 300px);
	border-radius: 1rem;
	text-align: center;
	padding: 40px 15px;
	list-style: none;
	border: 1px solid var(--clr-primary);
}

.product-text-card h3 {
	border-bottom: none;
}

.product-text-card p {
	opacity: 0.8;
}

@media screen and (min-width: 801px) {
.feature-text {
	position: relative;
	display: inline-block;
}

.feature-text .feature-detail-text {
	visibility: hidden;
	width: 250px;
	bottom: 100%;
	left: 100%;
	margin-left: -125px;
	background-color: var(--clr-primary);
	color: var(--clr-neutral-light);
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	text-align: center;
	padding: 5px 5px;
	border-radius: 6px;
	opacity: 0;
	transition: opacity 0.2s;
	position: absolute;
	z-index: 1;
}
.feature-text .feature-detail-text::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: var(--clr-primary) transparent transparent transparent;
}

.feature-text:hover .feature-detail-text {
  visibility: visible;
   opacity: 1;
}

.feature-text::after {
	content: "";
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></svg>');
	display: inline-block;
	height: 10px;
	width: 10px;
	vertical-align: top;
}
}
.product-compare-grid-table {
	display: grid;
	grid-template-columns: 3fr 1fr 1fr 1fr;
	margin-bottom: 5rem;
	list-style: none;
}

.product-compare-grid-table svg {
	color: var(--clr-primary);
	margin-inline: auto;
}

.product-compare-grid-table li:nth-child(2),
.product-compare-grid-table li:nth-child(3),
.product-compare-grid-table li:nth-child(4) {
	padding: 1.5rem 1rem;
	font-weight: var(--fw-700);
	background-color: var(--clr-primary);
	color: var(--clr-neutral-light);
	text-align: center;
}

.product-compare-grid-table li:nth-child(2) {
	border-top-left-radius: 5px;
	border-right: 1px solid #bbbbbb;
}

.product-compare-grid-table li:nth-child(4) {
	border-top-right-radius: 5px;
	border-left: 1px solid #bbbbbb;
}

.product-compare-grid-table li:nth-child(n+5) {
	padding: 1rem;
	background-color: #f2f2f2;
}

.product-compare-grid-table li:nth-child(8n+5),
.product-compare-grid-table li:nth-child(8n+6),
.product-compare-grid-table li:nth-child(8n+7),
.product-compare-grid-table li:nth-child(8n+8) {
	background-color: hsl(0 0% 0% /0.1);
}

.product-compare-grid-table li:nth-child(4n+6),
.product-compare-grid-table li:nth-child(4n+7),
.product-compare-grid-table li:nth-child(4n+8) {
	text-align: center;
	color: var(--clr-primary);
}

.product-compare-grid-table li:nth-child(4n+5) {
	font-weight: var(--fw-700);
	border-right: 1px solid #cccccc;
}


.prod-table-sec-head,
.prod-table-sec-data {
	margin-top: 1rem;
}

@media screen and (max-width: 800px) {
	.product-compare-grid-table {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.product-compare-grid-table li:nth-child(n+5) {
		background-color: #f2f2f2;
	}
	.product-compare-grid-table li:nth-child(4n+1) {
		grid-column: span 3;
		background-color: hsl(0 0% 0% /0.1);
	}
	.product-compare-grid-table li:nth-child(4n+6),
	.product-compare-grid-table li:nth-child(4n+7),
	.product-compare-grid-table li:nth-child(4n+8) {
		margin-bottom: 1rem;
	}
	.product-compare-grid-table li:nth-child(4n+5) {
		border-right: none;
	}
	.feature-detail-text {
		display: none;
	}
	.prod-table-sec-head {
		margin-top: 3rem;
	}
	.prod-table-sec-data {
		margin-top: 0;
	}
}

.product-options-grid-table {
	display: grid;
	grid-template-columns: 21ch 2fr 3fr;
	margin-bottom: 5rem;

}
.product-options-grid-table div:nth-child(3n+1) {
	font-weight: var(--fw-700);
	background-color: var(--clr-primary);
	color: var(--clr-neutral-light);
}

.product-options-grid-table div {
	padding: 1rem;

}
.product-options-grid-table div:nth-child(3n+2) {
	background-color: #f2f2f2;
	color: var(--clr-neutral-dark);
	opacity: 0.85;
	border-right: 1px solid #bbbbbb;
}

.product-options-grid-table div:nth-child(3n+3) {
	background-color: #f2f2f2;
	color: var(--clr-neutral-dark);
	opacity: 0.85;
}

.product-options-grid-table div:nth-child(3n+4),
.product-options-grid-table div:nth-child(3n+5),
.product-options-grid-table div:nth-child(3n+6) {
	border-top: 1px solid #bbbbbb;
}


@media screen and (max-width: 800px) {
	.product-options-grid-table {
		grid-template-columns: 2fr 3fr;
	}
	.product-options-grid-table div:nth-child(3n+1) {
		grid-column: span 2;
	}
	.product-options-grid-table div:nth-child(3n+2) {
		margin-bottom: 1rem;
	}
	.product-options-grid-table div:nth-child(3n+3) {
		margin-bottom: 1rem;
	}
	.product-options-grid-table div:nth-child(3n+4),
	.product-options-grid-table div:nth-child(3n+5),
	.product-options-grid-table div:nth-child(3n+6) {
		border-top: none;
	}
	.product-options-grid-table div:nth-child(3n+1):before {
		content: "Part ref: ";
	}
}

.product-options-grid-table a {
	color: var(--clr-neutral-light);
}

@media (hover: hover) {
	.product-options-grid-table a:hover {
		color: var(--clr-neutral-dark);
	}
}

.product-text-specs {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr 2fr;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
}

.product-text-specs li:nth-of-type(2n-1) {
	font-weight: var(--fw-700);
	opacity: 0.9;
}

.product-text-specs li:nth-of-type(2n) {
	opacity: 0.8;
}

.back-to-top {
	position: sticky;
	bottom: 20px;
	right: 20px;
	place-self: end;
	margin-top: calc(100vh + 20px);
	width: 50px;
	height: 50px;
	opacity: 0.5;
	transition: opacity 0.2s ease-out;
	color: var(--clr-primary);
	z-index: 50;
}

@media (hover: hover) {
.back-to-top:hover {
	opacity: 1;
}
}

.product-download-links {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 5rem;
	margin-top: 0.5rem;
}

.product-download-link-item a {
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	text-decoration: none;
	display: flex;
	gap: 1rem;
	align-items: center;
}

@media (hover: hover) {
.product-download-link-item a:hover {
	text-decoration: underline;
}
}

@media screen and (min-width: 801px) {
	#prod-gallery-4-slider {
		margin: 0 auto;
		max-width: 100%;
		text-align: center;
		margin-bottom: 4rem;
	}
	#prod-gallery-4-slider input[type=radio] {
		display: none;
	}
	#prod-gallery-4-slider label {
		cursor:pointer;
		text-decoration: none;
	}
	#prod-gallery-4-slides {
		padding: 10px;
		background: #fff;
		position: relative;
		z-index: 1;
	}
	#prod-gallery-4-slide-overflow {
		width: 100%;
		overflow: hidden;
	}
	#prod-gallery-4-slide1:checked ~ #prod-gallery-4-slides .prod-gallery-4-slide-inner {
		margin-left: 0;
	}
	#prod-gallery-4-slide2:checked ~ #prod-gallery-4-slides .prod-gallery-4-slide-inner {
		margin-left: -100%;
	}
	#prod-gallery-4-slide3:checked ~ #prod-gallery-4-slides .prod-gallery-4-slide-inner {
		margin-left: -200%;
	}
	#prod-gallery-4-slide4:checked ~ #prod-gallery-4-slides .prod-gallery-4-slide-inner {
		margin-left: -300%;
	}
	#prod-gallery-4-slides .prod-gallery-4-slide-inner {
		transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
		width: 400%;
		line-height: 0;
		height: 300px;
	}
	#prod-gallery-4-slides .prod-gallery-4-slide {
		width: 25%;
		float:left;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		color: #fff;
	}
	#prod-gallery-4-slide-controls {
		margin: -180px 0 0 0;
		width: 100%;
		height: 50px;
		z-index: 3;
		position: relative;
	}
	#prod-gallery-4-slide-controls label {
		transition: opacity 0.2s ease-out;
		display: none;
		width: 50px;
		height: 50px;
		opacity: .4;
	}
	#prod-gallery-4-slide-controls label:hover {
		opacity: 1;
	}
	#prod-gallery-4-slide1:checked ~ #prod-gallery-4-slide-controls label:nth-child(2),
	#prod-gallery-4-slide2:checked ~ #prod-gallery-4-slide-controls label:nth-child(3),
	#prod-gallery-4-slide3:checked ~ #prod-gallery-4-slide-controls label:nth-child(4),
	#prod-gallery-4-slide4:checked ~ #prod-gallery-4-slide-controls label:nth-child(1) {
		background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23444444%22%20class%3D%22bi%20bi-arrow-right-circle-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M8%200a8%208%200%201%201%200%2016A8%208%200%200%201%208%200M4.5%207.5a.5.5%200%200%200%200%201h5.793l-2.147%202.146a.5.5%200%200%200%20.708.708l3-3a.5.5%200%200%200%200-.708l-3-3a.5.5%200%201%200-.708.708L10.293%207.5z%22%2F%3E%0A%3C%2Fsvg%3E")  no-repeat;
		float:right;
		background-size: 50px;
		background-size: cover;
		margin: 0;
		display: block;
	}
	#prod-gallery-4-slide1:checked ~ #prod-gallery-4-slide-controls label:nth-last-child(1),
	#prod-gallery-4-slide2:checked ~ #prod-gallery-4-slide-controls label:nth-last-child(4),
	#prod-gallery-4-slide3:checked ~ #prod-gallery-4-slide-controls label:nth-last-child(3),
	#prod-gallery-4-slide4:checked ~ #prod-gallery-4-slide-controls label:nth-last-child(2) {
		background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23444444%22%20class%3D%22bi%20bi-arrow-left-circle-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M8%200a8%208%200%201%200%200%2016A8%208%200%200%200%208%200m3.5%207.5a.5.5%200%200%201%200%201H5.707l2.147%202.146a.5.5%200%200%201-.708.708l-3-3a.5.5%200%200%201%200-.708l3-3a.5.5%200%201%201%20.708.708L5.707%207.5z%22%2F%3E%0A%3C%2Fsvg%3E")  no-repeat;
		float:left;
		background-size: 50px;
		background-size: cover;
		margin: 0;
		display: block;
	}
	#prod-gallery-4-slide-bullets {
		margin: 150px 0 0;
		text-align: center;
	}
	#prod-gallery-4-slide-bullets label {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius:100%;
		background: #ccc;
		margin: 0 10px;
	}
	#prod-gallery-4-slide1:checked ~ #prod-gallery-4-slide-bullets label:nth-child(1),
	#prod-gallery-4-slide2:checked ~ #prod-gallery-4-slide-bullets label:nth-child(2),
	#prod-gallery-4-slide3:checked ~ #prod-gallery-4-slide-bullets label:nth-child(3),
	#prod-gallery-4-slide4:checked ~ #prod-gallery-4-slide-bullets label:nth-child(4) {
	   background: #444;
	}
}

@media screen and (max-width: 800px) {
	#prod-gallery-4-slider input {
		display: none;
	}
}

.quiz-progress h1 {
	font-size: var(--fs-50);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.3;
	max-width: 60rem;
	margin-top: 2rem;
	margin-inline: auto;
	text-align: center;

	
}

.quiz-progress ul {
	max-width: 1000px;
	margin-inline: auto;
	display: flex;
	list-style: none;
	justify-content: space-around;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	align-items: center;

}

.quiz-number {
	width: 2rem;
	height: 2rem;
	font-size: var(--fs-05);
	font-weight: var(--fw-400);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100vmax;
	margin: 0.5rem;
}

.quiz-line-todo {
	height: 2px;
	background-color: var(--clr-neutral-grey);
	flex-grow: 1;
}
.quiz-line-done {
	height: 2px;
	background-color: var(--clr-primary);
	flex-grow: 1;
}
.quiz-solution {
	height: 2rem;
	font-size: var(--fs-05);
	font-weight: var(--fw-400);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100vmax;
	padding: 0 1rem;
	margin: 0.5rem;
}
.quiz-question-todo {
	border: 2px solid var(--clr-neutral-grey);
	background-color: var(--clr-neutral-light);
	color: #999999;
}

.quiz-question-active {
	background-color: var(--clr-neutral-light);
	color: var(--clr-neutral-dark);
	border: 2px solid var(--clr-primary);
}

.quiz-question-done {
	background-color: var(--clr-primary);
	border: 2px solid var(--clr-primary);
	color: var(--clr-neutral-light);
}

.quiz-progress-button {
	cursor: pointer;
	text-decoration: none;
	border-radius: 100vmax;
	padding: 0.3em 1em;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	line-height: 1;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);
	border: 1px solid var(--clr-primary);
	background-color: var(--clr-primary);
	color: var(--clr-neutral-light);
	visibility: hidden;
	margin-bottom: 1rem;
}

.quiz-progress-button:focus-visible {
	background-color: var(--clr-neutral-light);
	color: var(--clr-primary);
	border: 1px solid white;
}

@media (hover: hover) {
.quiz-progress-button:hover {
	background-color: var(--clr-neutral-light);
	color: var(--clr-primary);
	border: 1px solid white;
}
}

.quiz-cards {
	min-height: 60rem;
}

.quiz-cards h2 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.3;
	max-width: 60rem;
	margin-top: 0.5rem;
	margin-bottom: 2rem;
	margin-inline: auto;
	text-align: center;
}
.quiz-cards > div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 1rem;
	margin-bottom: 15rem;
}


.quiz-cards button {
	width: max(100% / 4 - 50px, 250px);
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	text-align: center;
	padding: 1rem;
	list-style: none;
	border: 1px solid var(--clr-neutral-dark);
	border-radius: 10px;
	color: var(--clr-neutral-dark);
	opacity: 0.7;
}
.quiz-cards button svg {
	margin: auto;
	margin-bottom: 0.5rem;
}
@media (hover: hover) {
.quiz-cards button:hover {
	background-color: var(--clr-primary);
	color: var(--clr-neutral-light);
	cursor:pointer;
	opacity: 1;
}
}
.quiz-cards button:focus-visible {
	background-color: var(--clr-primary);
	color: var(--clr-neutral-light);
	opacity: 1;
}

.quiz-cards-flex {
	display: flex;
}

#prodSelQ2NetSize, 
#prodSelQ2FormFactor, 
#prodSelQ2MilSpec, 
#prodSelQ2FreqOut, 
#prodSelQ3Lans, 
#prodSelQ4NonNet, 
#prodSelQ4PTP, 
#prodSelQ4Mobile, 
#prodSelResultSD100std,
#prodSelResultSD100opt,
#prodSelResultSD200std, 
#prodSelResultSD200opt, 
#prodSelResultSycnbox, 
#prodSelResultMC500, 
#prodSelResultBespoke {
	display: none;
}


.quiz-config-result {
	margin-inline: auto;
	text-align: center;
	margin-bottom: 12rem;
	min-height: 60rem;
}

.quiz-config-result h2 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.3;
	max-width: 60rem;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	margin-inline: auto;
	text-align: center;
}

.quiz-config-result p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.5;
	max-width: 60rem;
	margin-bottom: 3rem;
	margin-inline: auto;
	text-align: center;
}

.quiz-config-result a {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-inline: auto;
	width: min(40rem, 100% - 2rem);
	border: 1px solid var(--clr-neutral-grey);
	padding: 1rem;
	border-radius: 10px;
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.3;
	text-decoration: none;
}

.quiz-config-result a h3 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	line-height: 1.3;
	padding-bottom: 0.2rem;
}

.quiz-config-result a p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	line-height: 1.6;
}

@media (hover: hover) {
	.quiz-config-result a:hover {
		text-decoration: underline;
		border: 1px solid var(--clr-neutral-dark);
	
}
}
.quiz-config-result a:focus-visible {
	text-decoration: underline;
	border: 1px solid var(--clr-neutral-dark);
	
}

.quiz-heading {
	margin-top: 1rem;
	padding-top: 2rem;
}

.quiz-heading h1 {
	font-size: var(--fs-60);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	text-align: center;
	padding-bottom: 0.5rem;
}

.quiz-heading p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	text-align: center;
	padding-bottom: 2rem;
}

.quiz-question {
	border-bottom: 1px solid var(--clr-primary);
}

.quiz-question p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	max-width: 50rem;
	margin-top: 1.5rem;
	margin-bottom: 1.2rem;
	padding-left: 2rem;
}

.quiz-question ul {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.7;
	margin-bottom: 4rem;
	list-style: none;
	padding-left: 5rem;
}

.quiz-question li {
	display: flex;
	padding-bottom: 0.5rem;
	align-items: baseline;
}

.quiz-question ul label {
	padding-left: 1rem;
}

.quiz-question input {
	accent-color: var(--clr-accent);
}

.quiz-question summary {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	max-width: 50rem;
	margin-top: 1.5rem;
	margin-bottom: 1.2rem;
	padding-left: 2rem;
	list-style-position: inside;
}

.quiz-question summary::marker {
	color: var(--clr-primary);
}

.quiz-question details p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	max-width: 50rem;
	padding-left: 2rem;
	opacity: 0.9;
}

.quiz-end {
	padding-top: 5rem;
	padding-bottom: 8rem;
	text-align: center;
}

.quiz-end button {
	margin: 0.4rem;
}

#quizResult {
	display: none;
	padding-bottom: 10rem;
	background-color: #eeeeee;
}

#quizResult  h2 {
	font-size: var(--fs-50);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	text-align: center;
	padding-top: 5rem;
	padding-bottom: 0.5rem;
}

#quizResult p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	text-align: center;
	padding-bottom: 2rem;
}

.quiz-result-end {
	padding-bottom: 2rem;
	text-align: center;
}
.quiz-result-end button {
	margin: 0.4rem;
}

.quiz-result-form {
	text-align: center;
}

#resultForm {
	width:min(100%, 800px);
	min-height: 200px;
	field-sizing: content;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 2rem;
}

#quizResultContact {
	gap: 1rem;
	grid-template-columns: 1fr 3fr;
	width: min(100%, 600px);
	margin: auto;
	display: grid;
	padding-top: 1rem;
	padding-bottom: 2rem;
	align-items: center;
}

#quizResultContact label {
	margin-left: auto;
}

#quizResultContact input {
	padding: 5px;
	border-radius: 5px;
	outline: 1px solid black;
	border: none;
	box-shadow: none;
	width: min(95%, 20rem);
	margin-right: auto;
}

#quizResultContact input:valid {
	outline-color: #44db12;
}

.contact-legal-text {
	font-size: var(--fs-10);
	font-weight: var(--fw-300);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.6;
	text-align: left;
}

#quizContacts {
	display: none;
}

.cards {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 2rem;
}

.home-benefits h2, .home-users h2 {
	font-size: var(--fs-60);
	font-weight: var(--fw-400);
	max-width: 60rem;
	margin: 0 auto;
	line-height: 1.2;
}

.home-benefits h3, .home-users h3 {
	font-size: var(--fs-30);
	font-weight: var(--fw-400);
	margin-bottom: 0.5rem;
}

.home-benefits, .home-users, .home-cta {
	text-align: center;
	margin-top: 10rem;
	margin-bottom: 8rem;
}

.home-benefits p, .home-users p {
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.8;
}

.industry-benefits h2 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	max-width: 60rem;
	margin: 0 auto;
	line-height: 1.4;
	margin-bottom: 5rem;
}

.industry-benefits h3 {
	font-size: var(--fs-30);
	font-weight: var(--fw-400);
	margin-bottom: 0.5rem;
}

.industry-benefits, .industry-cta {
	text-align: center;
	margin-top: 6rem;
	margin-bottom: 8rem;
}

.industry-benefits p {
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.8;
}

.card {
	width: max(100% / 3 - 30px, 300px);
	border-radius: 1rem;
	text-align: center;
	padding: 40px 15px;
	list-style: none;
	border: 1px solid var(--clr-primary);
}

.home-benefits .card img {
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
  border-radius: 100%;
  object-fit: cover;
  margin: auto;
  display: block;
}

.home-benefits .card svg,
.base-page .card svg {
  margin: auto;
  display: block;
  margin-bottom: 20px;
  vertical-align: top;
}

.industry-benefits .card img {
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
  border-radius: 100%;
  object-fit: cover;
  margin: auto;
  display: block;
}

.industry-benefits .card svg {
  margin: auto;
  display: block;
  margin-bottom: 20px;
  vertical-align: top;
}

.home-users .card img {
  width: 80%;
  margin-inline: auto;
  padding-bottom: 10px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.home-feature-columns {
	display: flex;
	gap: 2rem;
	margin-top: 1rem;
}

.home-feature-column {
	width: max(100% / 2 - 30px, 300px);
}

@media screen and (max-width: 800px) {
	.home-feature-columns {
		display: block;
	}
	.home-feature-column {
		width: 100%;
	}
}

.home-features h2 {
	margin-top: 5rem;
	font-size: var(--fs-60);
	font-weight: var(--fw-400);
	max-width: 60rem;
}

.home-features h3 {
	font-size: var(--fs-30);
	font-weight: var(--fw-700);
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}

.home-features p {
	opacity: 0.8;
}

.home-cta h2 {
	margin-top: 5rem;
	margin-bottom: 2rem;
	font-size: var(--fs-60);
	font-weight: var(--fw-400);
	max-width: 60rem;
	margin: 0 auto;
	line-height: 1.2;
	padding-bottom: 2rem;
}

.industry-cta h2 {
	margin-top: 5rem;
	margin-bottom: 2rem;
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	max-width: 60rem;
	margin: 0 auto;
	line-height: 1.4;
	padding-bottom: 2rem;
}

.case-study-container {
	display: flex;
	border: 1px solid var(--clr-primary);
	margin-bottom: 10rem;
	flex-wrap: wrap;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.case-study-container h2 {
	width: 100%;
	color: var(--clr-neutral-dark);
	padding: 1.5rem;
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	border-bottom: 1px solid var(--clr-primary);

}

.case-study-container img {
	width: clamp(300px, 41%, 560px);
	align-self: center;
}

@media screen and (max-width: 800px) {
	.case-study-container img {
		width: min(100%, 560px);
		margin: auto;
	}
}

.case-study-details {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	flex: 3;
	list-style: none;
	padding: 1.5rem;
}
.case-study-details > li:nth-child(2n+1) {
	font-size: var(--fs-30);
	font-weight: var(--fw-400);
	padding-top: 0.5rem;
	border-bottom: 1px solid var(--clr-primary);
	line-height: 1.2;
	opacity: 0.9;

}
.case-study-details > li:nth-child(2n) {
	padding-bottom: 1.5rem;
	line-height: 1.6;
	opacity: 0.85;

}
.case-study-details p {
	padding-bottom: 0.2rem;
	padding-top: 0.5rem;
}

.case-study-details > li > ul {
	padding-top: 0.5rem;
	list-style-type: disc;
	list-style-position: outside;
}
.case-study-details > li > ul > li {
	padding-top: 0.2rem;
	margin-left: 2rem;
}

.base-hero {
	width: 100%;
	background: url("/assets/images/wts-base-hero-bg.jpg");
	background-color: black;
	background-position: center 40%;
	background-size: cover;
}

.base-hero h1 {
	font-size: var(--fs-70);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-light);
	line-height: 1.1;
	max-width: max(40%, 500px);
	line-height: 1.1;
	margin-bottom: 1rem;
}

.base-hero p {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-light);
	line-height: 1.5;
}

.base-hero .container {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.base-page,
.legal-text {
	margin-top: 6rem;
	margin-bottom: 8rem;
}

.base-page h1,
.legal-text h1 {
	font-size: var(--fs-60);
	font-weight: var(--fw-400);
	max-width: 60rem;
	line-height: 1.2;
	margin-bottom: 2rem;
}

.base-page h2 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	max-width: 60rem;
	line-height: 1.2;
	margin-bottom: 2rem;
}

.base-page h3,
.legal-text h3 {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	margin-bottom: 0.5rem;
}

.base-page h3:not(:first-of-type) {
	margin-top: 4rem;
}

.legal-text h3 {
	margin-top: 2rem;
}

.base-page li {
	margin-bottom: 0.4rem;
	list-style: none;
}
.base-page a {
	color: var(--clr-neutral-dark);
	text-decoration: none;
}

.legal-text a {
	color: var(--clr-neutral-dark);
	font-weight: var(--fw-700);
}

@media (hover: hover) {
.base-page a:hover,
.legal-text a:hover {
	color: var(--clr-primary);
}
}

.base-page p,
.legal-text p {
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.8;
	padding-bottom: 1rem;
}

.legal-text li {
	color: var(--clr-neutral-dark);
	opacity: 0.8;
	padding-bottom: 0.2rem;
	margin-left: 3rem;
}

.legal-text-list-blank li {
	list-style: none;
}

.base-address li {
	opacity: 0.8;
	margin-bottom: 0.2rem;
}

.base-columns {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 10rem;
}
@media screen and (max-width: 800px) {
	.base-columns {
		display: block;
	}
}

.base-page-form {
	text-align: center;
}

.base-page-form button {
	margin-top: 1rem;
}

.base-page-form-contacts {
	gap: 1rem;
	grid-template-columns: 1fr 5fr;
	margin: auto;
	display: grid;
	padding-top: 1rem;
	padding-bottom: 2rem;
	align-items: center;
}

.base-page-form-contacts label {
	margin-right: auto;
}

.base-page-form-contacts input,
.base-page-form-contacts select,
.base-page-form-contacts textarea {
	padding: 10px;
	border-radius: 5px;
	outline: 1px solid black;
	border: none;
	box-shadow: none;
	width: 100%;
}

.base-page-form-contacts input:valid,
.base-page-form-contacts select:valid,
.base-page-form-contacts textarea:valid {
	outline-color: #44db12;
}

.base-page-form-contacts select:invalid { 
	color: gray;
}
.base-page-form-contacts select option { 
	color: var(--clr-neutral-dark);
}

.base-cards {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.base-cards .button {
	width: max(100% / 4 - 20px, 200px);
	border-radius: 1rem;
	text-align: center;
	padding: 1rem 0.5rem;
	list-style: none;
	border: 1px solid var(--clr-primary);
	background-color: var(--clr-neutral-light);
}

.base-cards .button svg {
	margin: auto;
	display: block;
	margin-bottom: 20px;

}
@media (hover: hover) {
	.base-cards .button:hover {
		background-color: var(--clr-primary);
		color: var(--clr-neutral-light);
		cursor:pointer;
		opacity: 1;
	
	}
}
.base-cards .button:focus-visible {
	background-color: var(--clr-primary);
	color: var(--clr-neutral-light);
	opacity: 1;
}

#get-a-quote form:nth-of-type(1),
#get-a-quote form:nth-of-type(2) {
	margin-bottom: 2rem;
}

.find-reseller {
	display: flex;
	margin-top: 2rem;
	margin-bottom: 5rem;
	align-items: stretch;
	border: 1px solid var(--clr-neutral-grey);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);
	border-radius: 6px;
}

.world-map {
	padding: 2rem;
	width: max(700px, 50%);
}

@media screen and (max-width: 800px) {
	.world-map {
		width: 100%;
	}
	#resellerCard {
		display: none;
	}
}

.world-map-partner {
	stroke-width: 0;
	transition: stroke-width 0.1s;
}
@media (hover: hover) {
	.world-map-partner:hover {
		fill: #ffffff;
		cursor: pointer;
		stroke-width: 15;
	}
}
@media (hover: hover) {
	.world-map-office {
		cursor: pointer;
	}
}

.world-map-partner-active {
	fill: white;
	r: 30;
	cursor: pointer;
	stroke: black;
	stroke-width: 15;
}

#resellerCard {
	width: 50%;
	border-left: 1px solid var(--clr-neutral-grey);
	padding: 2rem;
}

.reseller-card-close {
	cursor: pointer;
	margin-left: auto;
}

#southKoreaPartner,
#ukPartner,
#northAmericaPartner,
#italyPartner,
#uaePartner,
#saudiArabiaPartner,
#chilePartner {
	display: none;
}

.misc-page {
	padding-top: 8rem;
	padding-bottom: 15rem;
	text-align: center;
}

.misc-page svg {
	margin: auto;
	margin-bottom: 0.5rem;
}

.misc-page h1 {
	font-size: var(--fs-80);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	text-align: center;
	padding-bottom: 0.5rem;
}

.misc-page p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	text-align: center;
	padding-bottom: 2rem;
	max-width: 50rem;
	margin: auto;
}

.faqs {
	margin-top: 6rem;
	margin-bottom: 8rem;
	display: grid;
	grid-template-columns: 20% 80%;
	gap: 1rem;
}

.faqs h2 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	max-width: 60rem;
	line-height: 1.2;
	padding-top: 2rem;
	padding-bottom: 0.5rem;
}

.faq-text {
	padding-top: 5rem;
}

.faq-text a {
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	text-decoration: none;
}

@media (hover: hover) {
	.faq-text a:hover {
		color: var(--clr-primary);
		text-decoration: underline;
	}	
}

.faqs h3 {
	font-size: var(--fs-20);
	font-weight: var(--fw-700);
	padding-bottom: 0.5rem;
}

.faqs p {
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.9;
	padding-bottom: 3rem;
}

@media screen and (max-width: 800px) {
	.faqs {
		display: block;
	}
	.faq-text {
		padding-top: 0.5rem;
	}
}

.download-head {
	margin-top: 3rem;
	border-bottom: 1px solid var(--clr-neutral-grey);
}

.download-head h1 {
	font-size: var(--fs-60);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.1;
	margin-bottom: 0.2rem;
}

.download-head h3 {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.9;
	margin-bottom: 1rem;
}

.download-head p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.8;
	margin-top: 1rem;
	margin-bottom: 0.2rem;
}

.download-select {
	position: relative;
	width: 100%;
}

.download-select > select {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);
	font-size: var(--fs-10);
	padding: 0.5em 1.2em;
	border: 1px solid var(--clr-accent);
	width: 100%;
	border-radius: 6px;
}

.download-select-arrow {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: var(--clr-accent);
	height: 100%;
	width: 2.5rem;
	pointer-events: none;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.download-select-arrow::before,
.download-select-arrow::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.download-select-arrow::before {
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-bottom: 0.5em solid rgba(255, 255, 255, 0.6);
	top: 35%;
}

.download-select-arrow::after {
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-top: 0.5em solid rgba(255, 255, 255, 0.6);
	top: 65%;
}

.download-buttons {
	padding-top: 1rem;
	padding-bottom: 1rem;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.download-button-basic {
	cursor: pointer;
	text-decoration: none;
	border-radius: 100vmax;
	padding: 0.3em 1em;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	line-height: 1;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);
}

.download-button-accent {
	border: 1px solid var(--clr-accent);
	background-color: var(--clr-accent);
	color: var(--clr-neutral-light);
}
.download-button-accent:focus-visible {
	background-color: var(--clr-neutral-light);
	color: var(--clr-accent);
	border: 1px solid white;
}

@media (hover: hover) {
.download-button-accent:hover {
	background-color: var(--clr-neutral-light);
	color: var(--clr-accent);
	border: 1px solid white;
}
}

.download-button-light {
	border: 1px solid var(--clr-accent);
	color: var(--clr-accent);
}

.download-button-light:focus-visible {
	border: 1px solid white;
}

@media (hover: hover) {
.download-button-light:hover {
	border: 1px solid white;
}
}

.download-result-header {
	display: flex;
	padding-top: 3rem;
	padding-bottom: 0.2rem;

}

.download-result-header p {
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);

}

.download-result-header p:nth-child(1) {
	min-width: 12ch;
}

.download-result-header p:nth-child(2) {
	width: 100%;
	padding-left: 1rem;
	border-left: 1px solid var(--clr-neutral-grey);
}
.download-result-header p:nth-child(3) {
	min-width: 15ch;
	padding-left: 1rem;
	border-left: 1px solid var(--clr-neutral-grey);
}
@media screen and (max-width: 800px) {
	.download-result-header p:nth-child(1) {
		display: none;
	}
	.download-result-header p:nth-child(2) {
		border-left: none;
	}	
}

.download-body {
	padding-bottom: 10rem;
	min-height: 20rem;
}

.download-body > div {
	display: flex;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--clr-neutral-grey);
}

.download-body > div > p {
	min-width: 12ch;
	opacity: 0.7;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
}

@media screen and (max-width: 800px) {
	.download-body > div > p {
		display: none;
	}	
}

.download-body > div > a {
	width: 100%;
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.8;
	text-decoration: none;
	padding-right: 1rem;
	padding-left: 1rem;
}

.download-body > div > span {
	min-width: 15ch;
	opacity: 0.7;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	padding-left: 1rem;
}

.download-body-hidden {
	display: none !important;
}

.download-type-hidden {
	display: none !important;
}

.blog-index-hero {
	width: 100%;
	background-color: var(--clr-primary);
}

.blog-index-hero h1 {
	padding-top: 3rem;
	font-size: var(--fs-70);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-light);
	line-height: 1.1;
}

.blog-index-hero h3 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-light);
	line-height: 1.1;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.blog-index-hero p {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-light);
	margin-top: 1rem;
	line-height: 1.5;
	padding-bottom: 2rem;
}

.blog-index-head {
	margin-top: 3rem;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
	border-bottom: 1px solid var(--clr-neutral-grey);
}

.blog-index-head h3 {
	font-size: var(--fs-40);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.1;
	margin-bottom: 0.2rem;
}

.blog-index-head p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.8;
	margin-top: 1rem;
	margin-bottom: 0.2rem;
}

.blog-index-links {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1.5rem;
	margin-top: 2rem;
	margin-bottom: 5rem;
}

@media screen and (max-width: 800px) {
	.blog-index-links {
		grid-template-columns: 1fr;
	}
}

.blog-index-links a {
	text-decoration: none;
	padding: 1rem;
}
.blog-index-links h2 {
	font-size: var(--fs-20);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.2;
	margin-bottom: 0.5rem;	
}
.blog-index-links p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.5;
	opacity: 0.9;
	margin-bottom: 1rem;
}
.blog-index-links h3 {
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	color: var(--clr-accent);
	line-height: 1.1;
	margin-bottom: 0.5rem;
}

@media (hover: hover) {
	.blog-index-links a:hover {
		background-color: var(--clr-neutral-grey);
		border-radius: 1rem;
	}
}
.blog-index-links a:focus-visible {
	background-color: var(--clr-neutral-grey);
	border-radius: 1rem;
}

.blog-hero {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 3rem;
	align-items: flex-end;
	border-bottom: 1px solid var(--clr-neutral-grey);
	padding-bottom: 1rem;
}

.blog-heading {
	width: 60%;
}

.blog-head-tags {
	display: flex;
	justify-content: flex-end;
	gap: 1rem;
	margin-left: auto;
	flex-wrap: wrap;
	width: 30%;
}

@media screen and (max-width: 800px) {
.blog-heading {
	width: 100%;
}
.blog-head-tags {
	display: none;

}
}

.blog-heading h1 {
	font-size: var(--fs-60);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.1;
	margin-bottom: 0.2rem;
}

.blog-heading h3 {
	font-size: var(--fs-30);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	line-height: 1.1;
	margin-bottom: 0.5rem;
	opacity: 0.5;
}

.blog-heading p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.9;
	margin-bottom: 2rem;
}

.blog-head-tags a {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-light);
	background-color: var(--clr-primary);
	line-height: 1;
	border: 1px solid var(--clr-primary);
	padding: 0.3em 1em;
	border-radius: 100vmax;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);
	text-decoration: none;
	min-width: fit-content;
}

@media (hover: hover) {
	.blog-head-tags a:hover {
		background-color: var(--clr-accent);
		border: 1px solid var(--clr-accent);
	}
}
.blog-head-tags a:focus-visible {
	background-color: var(--clr-accent);
	border: 1px solid var(--clr-accent);
}

.blog-reading-time {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	opacity: 0.7;
	margin-top: 2rem;
}

.blog-text-section {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 5rem;
}

.blog-text-quick-links {
	width: 25%;
}

.blog-text-quick-links a {
	display: block;
	padding-bottom: 1rem;
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
}

@media (hover: hover) {
	.blog-text-quick-links a:hover {
		color: var(--clr-accent);
	}
}
.blog-text-quick-links a:focus-visible {
	color: var(--clr-accent);
}

.blog-text-body {
	width: 70%;
	margin-left: auto;
	margin-bottom: 6rem;
}

@media screen and (max-width: 800px) {
	.blog-text-quick-links {
		display: none;
	}

	.blog-text-body {
		width: 100%;
	}
}

.blog-text-body p {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	max-width: 50rem;
	margin-bottom: 1.5rem;
	opacity: 0.8;
}

.blog-text-body a {
	font-size: var(--fs-10);
	font-weight: var(--fw-700);
	color: var(--clr-neutral-dark);
	text-decoration: none;
}

@media (hover: hover) {
	.blog-text-body a:hover {
		text-decoration: underline;
		color: var(--clr-primary);
	}
}
	
.blog-text-body li {
	font-size: var(--fs-10);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.6;
	max-width: 50rem;
	margin-bottom: 0.2rem;
	opacity: 0.8;
	margin-left: 2rem;
}

.blog-text-body ul {
	margin-bottom: 1rem;
}

.blog-text-body h2 {
	font-size: var(--fs-40);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

.blog-text-body h2:not(:first-child) {
	margin-top: 4rem;
}
.blog-text-body h3 {
	font-size: var(--fs-20);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.2;
	margin-bottom: 0.4rem;
}

.blog-related-topics {
	border-top: 1px solid var(--clr-neutral-grey);
	padding-top: 1rem;

}
.blog-related-topics h4 {
	font-size: var(--fs-30);
	font-weight: var(--fw-400);
	color: var(--clr-neutral-dark);
	line-height: 1.2;
	padding-left: 1rem;
}

#search {
	padding-top: 5rem;
	padding-bottom: 5rem;
	min-height: 40rem;
}

.footer {
	background-color: var(--clr-neutral-dark);
	color: var(--clr-neutral-light);
	padding-top: 5rem;
}

.footer-columns {
	display: flex;
	justify-content: space-between;
	padding-bottom: 5rem;
	font-size: var(--fs-05);
}

.footer-columns h4 {
	font-size: var(--fs-20);
	font-weight: var(--fw-700);
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--clr-neutral-light);
}

.footer a {
	color: var(--clr-neutral-light);
	text-decoration: none;
}

@media (hover: hover) {
.footer a:hover {
	text-decoration: underline;
	color: var(--clr-primary);
}
}

.footer-contact-items {
	display: grid;
	gap: 1rem;
	grid-template-columns: 25px 1fr;
}

.footer-copyright {
	display: flex;
	justify-content: space-between;
	padding-bottom: 1rem;
	font-size: var(--fs-05);
}

.footer-social {
	display: flex;
	gap: 1rem;
}

@media (hover: hover) {
.footer-social svg:hover path {
	fill: var(--clr-primary);
}
}

@media screen and (max-width: 800px) {
	.footer-columns {
		display: block;
		text-align: center;
		margin-inline: auto;
	}
	
	.footer-columns img {
		margin-inline: auto;
		margin-bottom: 1rem;
	}

	.footer-columns h4 {
		margin-top: 3rem;
		border-bottom: none;

	}

	.footer-menu li {
		padding-bottom: 0.5rem;
	}
		
	.footer-contact-items {
		display: block;
	}

	.footer-contact-items li svg{
		margin: auto;
	}

	.footer-contact-items li:nth-of-type(2n) {
		padding-top: 0.2rem;
		padding-bottom: 1rem;
	}
	
	.footer-copyright {
		display: block;
		text-align: center;
		margin-inline: auto;
	}
	
	.footer-social {
		display: flex;
		margin-top: 3rem;
		justify-content: center;
	}
}