/*
body {
	background: #fff;
	font-family: 'Roboto', sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

header ul {
	list-style: none;
}

header a {
	text-decoration: none;
	color: #000;
}
*/

:root {
	/* fonts */
	--font-roboto: Roboto, sans-serif;

	/* font sizes */
	--font-size-base: 16px;
	--new-button-primary-size: 16px;
	--new-button-tertiary-size: 14px;
	--new-h5-size: 24px;

	/* Colors */
	--typography-highlight: #fff;
	--surface-primary: #fff;
	--surface-secondary: #e5e5ea;
	--surface-subtle: #ffe0cc;
	--typography-primary: #1d1d1d;
	--typography-secondary: #3b3b3b;
	--typography-tertiary: #828282;
	--typography-accent: #f66604;
	--action-disabled: #f2f2f7;
	--action-primary-two: #fb9f0a;
	--surface-lightest: #fff6f0;
	--surface-tertiary: #f2f2f7;
	--action-secondary: #3b3b3b;

	/* Paddings */
	--padding-base: 16px;
	--padding-5xl: 24px;
	--padding-13xl: 32px;

	/* Gaps */
	--gap-base: 16px;
	--gap-5xl: 24px;

	/* Border radiuses */
	--br-9xs: 4px;
	--br-7xs: 6px;

	/* Effects */
	--shadows-200: 0px 8px 32px rgba(0, 0, 0, 0.02), 0px 4px 16px rgba(29, 29, 29, 0.04);
}

/* Navbar & buttons */
.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: var(--surface-primary);
	z-index: 2;
	font-family: 'Roboto', sans-serif;
	border-bottom: 1px solid var(--surface-tertiary);
}

.navbar * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.navbar ul {
	list-style: none;
}

.navbar a {
	text-decoration: none;
	color: #000;
}

@media (max-width: 1151px) {
	.navbar {
		border: 1px solid var(--surface-tertiary);
	}
}

.navbar,
.buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

.menu-btn {
	margin-left: 1em;
	background: none;
	display: inline-block;
	font-size: 13.5px !important;
}

.menu-btn span {
	font-size: 2.3em;
}

@media (max-width: 1151px) {
	
        .menu-btn {
	border-left: 1px solid var(--surface-tertiary);
	padding: 14.5px;
	top: 1px;
	right: 0;
	position: absolute;
	border-top: none;
	border-bottom: none;
        border-right: none;
}

	.buttons {
		position: relative;
		top: 0;
		right: 0;
	}

	.language-selector {
		position: absolute;
		top: 0;
		right: 60px;
	}
}

/* Navbar-container */
.navbar-container {
	width: 1392px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

/* Mega menu */
.mega-menu {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Menu container */
.menu-container {
	width: 845px;
	padding-left: 24px;
	padding-right: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

/* Logo */
.track-pod-logo-icon {
	/*max-width: 160px;*/
	position: relative;
	height: 42px;
	overflow: hidden;
	flex-shrink: 0;
}

.track-pod-logo-icon.hidden {
	visibility: hidden;
	opacity: 0;
	display: none;
}

/* Mobile logo */
.track-pod-logo-icon-mobile {
	position: relative;
	max-width: 24px;
	overflow: hidden;
	height: 40px;
	flex-shrink: 0;
	opacity: 0;
	visibility: hidden;
}

/* Menu Title Text */
.menu-title-text {
	display: flex;
	align-items: center;
}

.menu-title-text a {
	position: relative;
	font-size: var(--font-size-base);
	line-height: 120%;
	font-weight: 500;
	font-family: var(--font-roboto);
	color: var(--typography-primary);
	text-align: left;
	display: inline-flex;
	align-items: center;
}

.menu-title-text:hover a {
	color: var(--typography-tertiary);
}

.menu-title-text a.active {
	color: var(--typography-accent);
}

.menu-title-text:hover a.active {
	color: var(--typography-tertiary);
}

.mega-menu-item-iconarrow-down {
	margin-left: 8px; /* Adjust as needed */
}

/* Mega menu item */
.mega-menu-item {
	position: relative;
}

.mega-menu-item > div {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mega-menu-item:hover .dropdown {
	display: block;
	/* Show the dropdown when hovering over the mega-menu-item */
}

.mega-menu-item .dropdown {
	display: none;
	/* Hide the dropdown by default */
}

.mega-menu-item:hover .dropdown {
	display: block;
	/* Show the dropdown when hovering over the mega-menu-item */
}

.mega-menu-item-iconarrow-down {
	width: 16px;
	position: relative;
	height: 16px;
	margin-left: 8px;
}

/* Dropdown */
.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	z-index: 1000;
	box-shadow: var(--shadows-200);
	border-radius: var(--br-9xs);
	background-color: var(--surface-primary);
	width: auto;
	min-width: 200px;
	justify-content: center;
	padding: 32px !important;
	box-sizing: border-box;
	text-align: left;
	font-size: var(--new-button-tertiary-size);
	color: var(--typography-primary);
	font-family: var(--new-button-tertiary);
}

/* Dropdown sections */
.dropdown-sections {
	position: relative;
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 16px;
	text-align: left;
	font-size: var(--new-button-tertiary-size);
	color: var(--typography-primary);
	font-family: var(--new-button-tertiary);
	flex-grow: 1;
}

/* Dropdown visibility */
.mega-menu-item .dropdown {
	display: none;
	/* Hide the dropdown by default */
}

.mega-menu-item .dropdown-split {
	display: none;
	/* Hide the dropdown by default */
}

.mega-menu-item .menu-banner-dropdown {
	display: none;
	/* Hide the dropdown by default */
}

.mega-menu-item:hover .dropdown {
	display: block;
}

.mega-menu-item:hover .menu-banner-dropdown {
	display: block;
}

.mega-menu-item {
	position: relative;
}

.mega-menu-item:hover .dropdown-split {
	display: flex;
}

/* Menu items */
.menu-item {
	display: flex;
	align-self: stretch;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-5xl);
	flex: 0 1 auto;
	border-radius: var(--br-9xs);
	padding: 6px;
	height: 34px;
}



@media screen and (min-width: 1151px) {
	.menu-item:hover {
		background-color: var(--surface-lightest);
	}
	.menu-item {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

.menu-nav-item-banner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	flex: 1;
}

.menu-nav-item-banner .menu-item {
	margin-bottom: 0px; /* Add space between items */
}

@media screen and (min-width: 800px) {
	.menu-nav-item .menu-item {
		margin-bottom: 0px; /* Add space between items */
	}
}

/* Menu Item Text */
.menu-item-text {
	position: relative;
	line-height: 120%;
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.menu-item-text a {
		position: relative;
		font-size: var(--new-button-tertiary-size);
		line-height: 120%;
		font-family: var(--new-button-tertiary);
		color: var(--typography-primary);
		text-align: left;
	}
}

.menu-item-text a:hover {
	font-weight: 500;
	color: var(--typography-primary);
	font-size: 99%;
}

/* Marker styling */
.marker-fixed {
	width: 6px;
	position: relative;
	border-radius: var(--br-9xs);
	background-color: var(--action-disabled);
	height: 24px;
	overflow: hidden;
	flex-shrink: 0;
}

.menu-item:hover .marker-fixed {
	background-color: var(--typography-tertiary);
}
/*
.menu-item:active .marker-fixed {
	background-color: var(--typography-accent);
}
*/
/* Mobile marker */
.mobile-marker-fixed-container {
	width: 64px;
	height: 64px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0px 16px;
	box-sizing: border-box;
}

.mobile-marker-fixed {
	width: 6px;
	position: relative;
	border-radius: var(--br-9xs);
	background-color: var(--action-disabled);
	height: 24px;
	overflow: hidden;
	flex-shrink: 0;
}

.menu-item:hover .marker-fixed-mobile {
	background-color: var(--typography-tertiary);
}

.menu-item:active .marker-fixed-mobile {
	background-color: var(--typography-accent);
}

/* Menu banner */
.menu-banner-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	box-shadow: var(--shadows-200);
	background-color: var(--surface-primary);
	width: auto;
	min-width: 200px;
	padding: 32px !important;
	box-sizing: border-box;
	text-align: left;
	font-size: var(--new-button-tertiary-size);
	color: var(--typography-primary);
	font-family: var(--new-button-tertiary);
	height: 364px;
	justify-content: space-between;
	border-radius: var(--br-9xs) 0 0 var(--br-9xs);
}

.marker-fixed-menu-banner.active {
	background-color: var(--color-accent);
}

.marker-fixed-menu-banner {
	width: 6px;
	position: relative;
	border-radius: var(--br-9xs);
	background-color: var(--action-disabled);
	height: 24px;
	overflow: hidden;
	flex-shrink: 0;
}

.menu-item:hover .marker-fixed-menu-banner {
	background-color: var(--typography-tertiary);
}

.menu-item:active .marker-fixed-menu-banner {
	background-color: var(--typography-accent);
}

.menu-banner-item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	position: relative;
	flex: 0 0 auto;
}

.menu-banner-sections {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	flex: 1;
	padding-right: var(--padding-13xl);
	position: relative;
	z-index: 1;
}

.menu-banner-child {
	align-self: stretch;
	border-radius: 0px var(--br-7xs) var(--br-7xs) 0px;
	background-color: var(--surface-subtle);
	overflow: hidden;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: var(--padding-13xl);
	gap: 32px;
	color: var(--typography-secondary);
	top: 0;
	left: 100%;
	position: absolute;
	display: flex;
	height: 364px;
	width: 616px;
}

.thumbnail-icon {
	width: 220px;
	position: relative;
	height: 220px;
	overflow: hidden;
	flex-shrink: 0;
	object-fit: cover;
}

.frame-parent {
	width: 300px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 24px;
}

.highlight-parent {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px;
}

.highlight {
	align-self: stretch;
	position: relative;
	line-height: 120%;
}

.customer-story-heading {
	align-self: stretch;
	position: relative;
	font-size: var(--new-h5-size);
	letter-spacing: -0.02em;
	color: var(--typography-accent);
}

.item-link {
	position: relative;
	line-height: 120%;
}

.button-normal-tertiary {
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 12px 0px;
	box-sizing: border-box;
	color: #ff6600;
}

/* Split menu */
.dropdown-split {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	/* Hide the dropdown by default */
	z-index: 1000;
	box-shadow: var(--shadows-200);
	border-radius: var(--br-9xs);
	background-color: var(--surface-primary);
	width: auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 32px !important;
	box-sizing: border-box;
	gap: 32px;
	text-align: left;
	font-size: var(--new-button-tertiary-size);
	color: var(--typography-primary);
	font-family: var(--new-button-tertiary);
}

.split-sections {
	align-self: stretch;
	/*min-width: 356px;*/
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--gap-base);
}

.split-intro {
	flex: 1;
	position: relative;
	line-height: 120%;
}

.dropdown-split-child {
	align-self: stretch;
	width: 2px;
	position: relative;
	border-right: 1px solid var(--action-disabled);
	box-sizing: border-box;
}

.menu-nav-item-split {
	align-self: stretch;
	display: block;
	/*height: 64px;*/
}

.menu-nav-item-split:hover {
	/*background-color: var(--surface-lightest);*/
}

.menu-nav-item-split > *:not(:last-child) {
	margin-bottom: 1px; /* Maintain the same gap as before */
}

.menu-nav-item{
    margin-bottom:1px;
}

.menu-nav-item-split-child {
	display: block;
}

.menu-nav-item-split-child > *:not(:last-child) {
	margin-bottom: 1px; /* Maintain the same gap as before */
}

/* CTA Buttons */
.ctas {
	position: relative;
	width: 100%;
	min-width: 260px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	text-align: left;
	font-size: var(--font-size-base);
	color: var(--typography-secondary);
	font-family: var(--font-roboto);
}

header .request-a-demo {
	position: relative;
	line-height: 120%;
	font-weight: 500;
	display: block;
}

.tpm_button-large-primary {
	position: relative;
	background: linear-gradient(90deg, #fb9f0a, #f66604);
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 16px 12px;
	box-sizing: border-box;
	text-align: left;
	font-size: var(--new-button-primary-size);
	color: var(--typography-highlight) !important;
	font-family: var(--new-button-primary);
}

.tpm_button-large-primary:hover {
	background: var(--action-primary-two);
}

.tpm_button-large-primary:active {
	background: var(--typography-accent);
}

.button-large-secondary {
	border: 1px solid var(--surface-secondary);
	box-sizing: border-box;
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: var(--padding-base);
}

.button-large-secondary:hover {
    color: var(--typography-tertiary);
}

/* Language Selector */
.eng-language {
	position: relative;
	line-height: 120%;
	font-weight: 600;
}

.iconarrow-down {
	width: 16px;
	position: relative;
	height: 16px;
}

.language-selector {
	position: relative;
	width: 100%;
	height: 64px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 16px;
	box-sizing: border-box;
	gap: 8px;
	text-align: left;
	font-size: var(--new-button-primary-size);
	color: var(--typography-primary);
	font-family: var(--new-button-primary);
        min-width:75px;
}

.language-selector:hover a{
 color: var(--typography-tertiary);
}

.tpm_language-block {
	gap: 8px;
	text-align: left;
	font-size: var(--new-button-primary-size);
	color: var(--typography-primary);
	font-family: var(--new-button-primary);
	gap: 8px;
	text-align: left;
	font-size: var(--new-button-primary-size);
	color: var(--typography-primary);
	font-family: var(--new-button-primary);
	line-height: 120%;
	font-weight: 600;
}

/* Responsive Design */
@media (max-width: 1151px) {
	.mega-menu-item {
		align-self: stretch;
		height: auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		padding: 0px var(--padding-5xl) 0px 0px;
		box-sizing: border-box;
		z-index: 0;
	}

	.menu-container {
		position: absolute;
		top: 64px;
		left: 0px;
		background-color: var(--surface-highlight);
		width: 375px;
		height: 748px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
}

/* Navbar */
@media (max-width: 1151px) {
	.navbar-container {
		width: 100%;
		position: relative;
		background-color: var(--surface-primary);
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0px 0px 0px var(--padding-base);
		text-align: left;
		font-size: var(--new-button-primary-size);
		color: var(--typography-primary);
		font-family: var(--new-button-primary);
	}
}

/* Mobile logo 1025*/
@media (min-width: 1152px) {
	.track-pod-logo-icon-mobile {
		display: none;
	}
}

/* mobile marker 1025 */
@media screen and (min-width: 1152px) {
	.mobile-marker-fixed-container {
		display: none;
	}
}

/* Hide Arrow on screens smaller than 1023 1151px */
@media (max-width: 1151px) {
	.mega-menu-item-iconarrow-down {
		display: none;
	}
}

/* Hide CTA on screens smaller than 1023 1151px */
@media (max-width: 1151px) {
	.ctas {
		display: none;
	}
}

/* Hide Home menu item on screens smaller than 1023 1151px */
@media (max-width: 1151px) {
	.home-menu-item {
		display: none !important;
	}

	.mega-menu-item:has(.home-menu-item) .mega-menu-item {
		display: none;
	}
}

/* Material icons styling*/
.material-symbols-outlined {
	color: var(--typography-primary);
}

/* Core */
@media screen and (min-width: 1152px) {
	.navbar {
		padding: 0 1.5em;
	}

	.mega-menu-item > div {
		padding: 1.5em 1em;
	}

	.mega-menu {
		display: flex;
		justify-content: center;
	}

	.menu-btn {
		display: none;
	}

	.mega-menu-item li {
		margin-bottom: 1em;
	}

	.mega-menu-item > div span:last-child {
		display: none;
	}

	/* Width */
	.menu::-webkit-scrollbar {
		width: 8px;
	}

	/* Track */
	.menu::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	/* Handle */
	.menu::-webkit-scrollbar-thumb {
		background: #888;
	}

	/* Handle on hover */
	.menu::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	/* Hide menu */
	.menu {
		height: 0;
	}

	.mega-menu-item:hover .menu {
		height: 50vh;
		padding: 2em;
	}
}

@media screen and (max-width: 1151px) {
	.navbar {
		padding: 0;
	}

	.menu-container {
		background: #fff;
		position: fixed;
		top: 6.1em;
		left: 0;
		width: 100%;
		overflow-y: hidden;
		transition: 0.3s ease-in-out;
	}

	/* Width */
	.mega-menu::-webkit-scrollbar {
		width: 8px;
	}

	/* Track */
	.mega-menu::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	/* Handle */
	.mega-menu::-webkit-scrollbar-thumb {
		background: #888;
	}

	/* Handle on hover */
	.mega-menu::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	.mega-menu {
		padding: 0 1em 1em 1em;
		height: 100%;
		overflow-y: scroll;
	}

	.mega-menu li {
		font-weight: bold;
		font-size: 1.1em;
	}

	.mega-menu li > div {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0.5em;
	}

	/* Toggle class for Javascript */
	.menu-show {
		display: block;
	}

	.material-symbols-outlined {
		transition: 0.3s;
	}

	/* Toggle class for javascript */
	.icon-rotated {
		transform: rotate(90deg);
	}

	.mega-menu-item > div {
		cursor: pointer;
		padding: 0.5em;
	}

	.sub-menu {
		font-size: 0.9em;
		display: none;
	}

	/* Toggle class for Javascript */
	.sub-menu-show {
		display: block;
	}

	.mega-menu-item:hover > div {
		background: #dbdbdb;
	}

	/* Hide menu */
	.menu-container {
		height: 0;
	}

	/* Toggle class for javascript */
	.mega-menu-show {
		height: 50vh;
	}
}

/* Mobile Menu Container */
.menu-container-mobile {
	display: none;
	/* Hidden by default on desktop */
	position: fixed;
	top: 65px;
	right: 0;
	height: calc(100% - 65px);
	width: 100%;
	background-color: #fff;
	transform: translateX(200%);
	transition: transform 0.3s ease-in-out;
	z-index: 1001;
	border: 1px solid var(--surface-tertiary);
}

.menu-container-mobile.open {
	transform: translateX(0);
	/* Slide into view when open */
}

@media (max-width: 1151px) {
	.menu-container {
		display: none;
		/* Hide desktop menu on mobile */
	}

	.menu-container-mobile {
		display: block;
		/* Show mobile menu on mobile */
	}
}

@media (max-width: 1151px) and (min-width: 640px) {
  .menu-container-mobile {
    
    max-width: 370px;
  }
}

.mobile-screen-one .menu-nav-item-split,
.mobile-screen-two .menu-nav-item-split {
	padding: 10px 26px;
	position: relative;
}

.menu-nav-subheader {
	padding: 12px 6px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.menu-nav-subheader .material-symbols-outlined {
	padding: 8px;
	font-size: 2.5em;
}

.menu-container-mobile .float-right .material-symbols-outlined {
	position: absolute;
	top: 13px;
	right: 15px;
	font-size: 2em;
}

.accented {
	color: var(--typography-accent);
}

.menu-banner-bg {
	background: #FFE0CC;
	margin: var(--padding-base);
}

.padded-banner {
	padding: 30px;
	width: 100%;
}

.menu-go-back {
	display: inline-block;
	background: transparent;
	color: var(--typography-accent);
	border: none;
}

.menu-container-mobile.show-submenu .mobile-screen-one {
	display: none;
	/* Hide mobile-screen-one when show-submenu is active */
}

.mobile-screen-two {
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
	/* Initially hide the submenu */
}

.menu-container-mobile.show-submenu .mobile-screen-two {
	opacity: 1;
}

.menu-nav-options {
	display: none;
}

.menu-nav-options.show {
	display: block;
}

.mobile-screen-one {
	padding-bottom: 100px;
	overflow-y: auto;
	height: calc(100% - 65px);
}

.mobile-screen-two {
	overflow-y: auto;
	height: 100%;
	padding-bottom: 100px;
}

.mobile-screen-one-footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	background-color: var(--surface-primary);
	padding: var(--padding-base);
	width: 100%;
	gap: var(--gap-base);
	z-index: 1200;
}

.mobile-screen-one-footer a {
	flex: 1;
}

.menu-nav-chevron-highlight {
	position: relative;
	background-color: #fff6f0;
	padding: var(--padding-base);
	padding-left: 56px !important;
}

/* Remove default summary styles */
summary {
	list-style: none;
	/* Remove list bullet */
	padding: 0;
	/* Reset padding */
	margin: 0;
	/* Reset margin */
	display: block;
	/* Ensure block display for flexbox */
	cursor: pointer;
	/* Change cursor to pointer */
}

summary::-webkit-details-marker {
	display: none;
}

/* Style the summary with Material Icons */
.menu-nav-chevron-highlight {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2px;
	height: 64px;
}

/* Style the chevron icon */
.menu-nav-chevron-highlight .material-symbols-outlined {
	transition: transform 0.2s ease;
	/* Add a transition for smooth rotation */
}

/* Rotate the chevron when details are open */
details[open] .menu-nav-chevron-highlight .material-symbols-outlined {
	transform: rotate(90deg);
}

/* RESPONSIVE second change */
/* Further adjustments for screen widths between 1280px and 1440px */
@media (min-width: 1280px) and (max-width: 1440px) {
    /* Logo size adjustments */
    .track-pod-logo-icon {
        /* No changes here as per your instructions */
    }

    /* Navbar container adjustments */
    .navbar-container {
        width: 1240px; /* Further reduce overall container width */
    }

    /* Reduce padding around menu items for better spacing */
    .mega-menu-item > div {
        /* No changes here as per your instructions */
    }

    /* Adjust language selector for optimal alignment */
    .language-selector {
        min-width: 70px; /* Ensure it doesn't shrink too much */
        margin-left: 0.5em; /* Add a slight margin for spacing */
    }

    /* Adjust button spacing and alignment */
    .buttons .ctas {
        gap: 0.4em; /* Minimize gap further between buttons */
        justify-content: flex-end; /* Align buttons to the right */
        flex-grow: 1; /* Allow .ctas to take up remaining space */
    }
}



/* Adjustments for screen widths between 1152px and 1280px */
@media (min-width: 1152px) and (max-width: 1280px) {
    /* Hide the large logo and show the mobile version */
    .track-pod-logo-icon {
        display: none; /* Hide the large logo */
    }

    .track-pod-logo-icon-mobile {
        display: block; /* Show the mobile logo */
        max-width: 100px; /* Set an appropriate size for the mobile logo */
        height: auto; /* Maintain aspect ratio */
        opacity: 1; /* Make the logo fully visible */
        visibility: visible; /* Ensure the logo is visible */
    }

    /* Navbar container adjustments */
    .navbar-container {
        width: 1120px; /* Use your preferred container width */
        justify-content: space-between; /* Space items evenly */
    }

    /* Maintain your menu item padding adjustments */
    .mega-menu-item > div {
        /* Keep existing padding if adjusted previously */
    }

    /* Language selector adjustments for alignment */
    .language-selector {
        min-width: 70px; /* Ensure it doesn't shrink too much */
        margin-left: 0.5em; /* Add a slight margin for spacing */
    }

    /* Adjust .ctas to push buttons to the right */
    .ctas {
        display: flex;
        gap: 0.4em; /* Minimize gap further between buttons */
        align-items: center; /* Align items vertically */
        justify-content: flex-end; /* Push buttons to the right */
        flex-grow: 1; /* Allow .ctas to take up remaining space */
    }
}


/* fixes */
/* Add this to the end of menu.css to unify spacing */
.dropdown-split {
    display: flex;
    align-items: flex-start; /* Aligns all child items to the top */
    gap: 20px; /* Add gap between columns as needed */
}

.menu-nav-item-split {
    display: flex;
    flex-direction: column;
    gap: 1px; /* Ensure consistent spacing between items in both columns */
}

.menu-nav-item-split.active{
    color:var(--typography-accent);
}

.menu-nav-item-split.active .marker-fixed{
   background-color:var(--typography-accent);
}




.split-sections {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Match the gap setting of the other column */
}

.menu-nav-item-split,
.split-sections {
    margin: 0; /* Reset any additional margins */
    padding: 0 25px 0 0; /* Ensure padding is uniform */
}


.menu-item.active .marker-fixed{
    background-color:var(--typography-accent);
}

.menu-item:hover .menu-item-text a{
    font-weight:500;
    font-size: 99%;
}

.customer-story-heading a, button-normal-tertiary a{
    color: var(--typography-accent);
}