* {
			margin: 0;
			padding: 0;
        box-sizing: border-box;
    }
		
		/* Remove #cc3366 color from all buttons and interactive elements */
		button[style*="#cc3366"],
		button[style*="rgb(204, 51, 102)"],
		button[style*="cc3366"],
		.header-talk-to-an-expert-wrapper[style*="#cc3366"],
		.header-talk-to-an-expert-wrapper[style*="rgb(204, 51, 102)"],
		.header-login-wrapper[style*="#cc3366"],
		.header-login-wrapper[style*="rgb(204, 51, 102)"],
		.mobile-menu-button-primary[style*="#cc3366"],
		.mobile-menu-button-primary[style*="rgb(204, 51, 102)"],
		.mobile-menu-button-secondary[style*="#cc3366"],
		.mobile-menu-button-secondary[style*="rgb(204, 51, 102)"] {
			background-color: inherit !important;
			border-color: inherit !important;
		}
		button:active[style*="#cc3366"],
		button:focus[style*="#cc3366"],
		button:hover[style*="#cc3366"],
		.header-talk-to-an-expert-wrapper:active[style*="#cc3366"],
		.header-talk-to-an-expert-wrapper:focus[style*="#cc3366"],
		.header-login-wrapper:active[style*="#cc3366"],
		.header-login-wrapper:focus[style*="#cc3366"],
		.mobile-menu-button-primary:active[style*="#cc3366"],
		.mobile-menu-button-primary:focus[style*="#cc3366"],
		.mobile-menu-button-secondary:active[style*="#cc3366"],
		.mobile-menu-button-secondary:focus[style*="#cc3366"],
		.mobile-menu-button-secondary:hover[style*="#cc3366"] {
			background-color: inherit !important;
			border-color: inherit !important;
		}
		/* Aggressive override for mobile login button to prevent #cc3366 */
		.mobile-login-wrapper .mobile-menu-button-secondary,
		.mobile-login-wrapper .mobile-menu-button-secondary:hover,
		.mobile-login-wrapper .mobile-menu-button-secondary:active,
		.mobile-login-wrapper .mobile-menu-button-secondary:focus,
		.mobile-login-wrapper .mobile-menu-button-secondary:visited {
			background-color: transparent !important;
			background: transparent !important;
			border-color: #cad5e2 !important;
		}
		.mobile-login-wrapper .mobile-menu-button-secondary:hover {
			border-color: #a8b8c8 !important;
		}
		.header-navbar-main {
			width: 1440px !important;
			max-width: 1440px !important;
			margin: 0 auto !important;
			position: relative;
			background-color: transparent;
			display: flex !important;
			align-items: center !important;
			justify-content: space-between !important;
			padding: 14px 100px !important;
			gap: 20px;
			font-size: 16px;
			color: #0f172b;
			font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
			flex-wrap: nowrap !important;
			flex-direction: row !important;
			box-sizing: border-box;
			overflow: visible;
		}
		
		/* Homepage/SIM: transparent at top; inner pages use solid white (see main.css + inner-page-layout.css). */
		@media (min-width: 769px) {
			body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) {
				border-bottom: 1px solid var(--Border-border-secondary, #e2e8f0) !important;
				background: transparent !important;
			}

			body.devotel-sim-based-page .header-navbar-main {
				background-color: transparent !important;
			}

			/* Homepage — align logo with hero headline, CTAs with hero image (Figma) */
			body.is-home-page .header-navbar-main {
				padding-left: 20px !important;
				padding-right: 24px !important;
			}

			body.is-home-page .header-group-parent {
				flex: 1 1 100% !important;
				width: 100% !important;
				max-width: 100% !important;
			}
		}
		/* Global icon/SVG protection within navbar to prevent conflicts and stretching */
		.header-navbar-main svg,
		.header-navbar-main img,
		.header-navbar-wrapper svg,
		.header-navbar-wrapper img {
			box-sizing: border-box !important;
		}
		.header-navbar-main svg:not(.header-arrow-down svg),
		.header-navbar-wrapper svg:not(.header-arrow-down svg) {
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			object-fit: contain !important;
			object-position: center !important;
		}
		.header-group-parent {
    display: flex;
    align-items: center;
			gap: 0;
			flex: 0 1 auto;
			min-width: 0;
			overflow: visible;
		}
		.header-group-container {
			height: 35px;
			width: 127px;
              position: relative;
			display: flex;
			align-items: center;
		}
		.header-logo-svg {
			width: 90px !important;
			height: 24px !important;
			min-width: 90px !important;
			min-height: 24px !important;
			max-width: 90px !important;
			max-height: 24px !important;
			display: block !important;
			flex-shrink: 0 !important;
			object-fit: contain !important;
			margin: 0 !important;
			padding: 0 !important;
			position: relative !important;
			left: auto !important;
			top: auto !important;
			right: auto !important;
			bottom: auto !important;
			transform: none !important;
			overflow: visible !important;
		}
		.header-mobile-menu-button {
			display: none;
			border: none;
			background: transparent;
			cursor: pointer;
			padding: 8px;
			border-radius: 8px;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			flex-shrink: 0;
			position: relative;
			transition: background-color 0.25s ease;
		}
		@media (min-width: 769px) {
			.header-mobile-menu-button {
				display: none !important;
			}
			.header-group-container {
				width: 157px;
				height: 40px;
			}
			.header-logo-svg {
				width: 120px !important;
				height: 32px !important;
				min-width: 120px !important;
				min-height: 32px !important;
				max-width: 120px !important;
				max-height: 32px !important;
			}
		}
		.header-mobile-menu-button:hover {
			background-color: #f1f5f9;
		}
		.header-mobile-menu-button svg,
		.header-mobile-menu-icon {
			width: 24px;
			height: 24px;
			flex-shrink: 0;
		}
		.header-mobile-menu-icon--close {
			display: none;
		}
		.header-mobile-menu-button.is-open .header-mobile-menu-icon--open {
			display: none;
		}
		.header-mobile-menu-button.is-open .header-mobile-menu-icon--close {
			display: block;
		}
		.header-frame-parent {
              display: flex;
			align-items: center;
			gap: 8px;
			flex-wrap: nowrap;
			min-width: 0;
			overflow: visible;
			flex-shrink: 1;
			margin-left: 48px;
		}
		.header-products-parent {
			border-radius: 10px;
			background-color: transparent;
			display: flex;
			align-items: center;
			padding: 10px 14px;
			height: 40px;
			flex-shrink: 0;
			gap: 6px;
			cursor: pointer;
			transition: background-color 0.2s, padding 0.2s;
		}
		.header-products-parent:hover {
			background-color: #f1f5f9;
			padding: 8px 14px;
		}
		.header-telco-parent {
			border-radius: 10px;
			background-color: transparent;
			display: flex;
			align-items: center;
			padding: 10px 14px;
			height: 40px;
			flex-shrink: 0;
			gap: 6px;
			cursor: pointer;
			transition: background-color 0.2s, padding 0.2s;
		}
		.header-telco-parent:hover {
			background-color: #f1f5f9;
			padding: 8px 14px;
		}
		.header-company-parent {
			border-radius: 10px;
			background-color: transparent;
			display: flex;
			align-items: center;
			padding: 10px 14px;
			height: 40px;
			flex-shrink: 0;
			gap: 6px;
			cursor: pointer;
			transition: background-color 0.2s, padding 0.2s;
		}
		.header-company-parent:hover {
			background-color: #f1f5f9;
			padding: 8px 14px;
		}
		.header-products {
			font-family: Inter;
			font-size: 15px;
			font-weight: 500;
			font-style: normal;
			line-height: 20px;
			letter-spacing: 0%;
			color: #0f172b;
		}
		.header-menu-item {
			display: flex;
			align-items: center;
			gap: 6px;
			cursor: pointer;
			padding: 10px 14px;
			height: 40px;
			border-radius: 10px;
			transition: background-color 0.2s, padding 0.2s;
		}
		.header-menu-item:hover {
			background-color: #f1f5f9;
			padding: 8px 14px;
		}
		.header-menu-item-text {
			font-family: Inter;
			font-size: 15px;
			font-weight: 500;
			font-style: normal;
			line-height: 20px;
			letter-spacing: 0%;
			color: #0f172b;
		}
		.header-arrow-down {
			width: 12px;
			height: 6px;
			display: inline-flex;
              align-items: center;
              justify-content: center;
        flex-shrink: 0;
		}
		.header-arrow-down svg {
			width: 100% !important;
			height: 100% !important;
			min-width: 9px !important;
			min-height: 6px !important;
			max-width: 9px !important;
			max-height: 6px !important;
			display: block !important;
			flex-shrink: 0 !important;
			object-fit: contain !important;
		}
		.header-frame-group {
			display: flex !important;
			align-items: center !important;
			gap: 8px;
			font-size: 14px;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			align-self: center;
			height: fit-content;
			margin: 0;
			padding: 0;
			margin-left: 500px !important;
    position: relative;
			z-index: 10;
			white-space: nowrap;
  }
		body.is-home-page .header-frame-group {
			margin-left: auto !important;
		}
		.header-talk-to-an-expert-wrapper {
			border-radius: 10px;
			background-color: #325fec;
              display: flex;
			align-items: center;
			padding: 8px 14px;
			cursor: pointer;
			transition: background-color 0.2s;
		}
		.header-talk-to-an-expert-wrapper:hover {
			background-color: #2547d4 !important;
		}
		.header-talk-to-an-expert-wrapper:active,
		.header-talk-to-an-expert-wrapper:focus,
		.header-talk-to-an-expert-wrapper:visited {
			background-color: #2547d4 !important;
		}
		.header-talk-to-an-expert-wrapper:active *,
		.header-talk-to-an-expert-wrapper:focus * {
			color: #fff !important;
		}
		/* Prevent #cc3366 from appearing - override any external styles */
		.header-talk-to-an-expert-wrapper {
			background-color: #325fec !important;
		}
		.header-talk-to-an {
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			color: #fff;
		}
		.header-login-wrapper {
			border-radius: 10px;
			border: 1px solid #cad5e2;
			display: flex;
			align-items: center;
			padding: 8px 14px;
			cursor: pointer;
			background-color: #fff;
			transition: border-color 0.2s;
			position: relative;
			overflow: visible;
		}
		/* Bridge area to maintain hover connection between wrapper and dropdown */
		.header-login-wrapper::after {
			content: '';
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			height: 4px;
			background: transparent;
			pointer-events: auto;
			z-index: 999;
		}
		.header-login-wrapper:hover::after {
			display: block;
		}
		.header-login-wrapper:hover {
			border-color: #a8b8c8;
		}
		.header-login-wrapper:active,
		.header-login-wrapper:focus {
			border-color: #a8b8c8 !important;
			background-color: #fff !important;
		}
		.header-login-wrapper:active *,
		.header-login-wrapper:focus * {
			color: #0f172b !important;
		}
		.header-login-text {
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			color: #0f172b;
		}
		/* Login Dropdown Styles */
		.header-login,
		.header-login * {
			box-sizing: border-box;
		}
		.header-login {
			background: #fff !important;
			border-radius: var(--radius-2xl, 16px);
			border-style: solid;
			border-color: var(--colors-border-border-secondaryalt, rgba(0, 0, 0, 0.08));
			border-width: 1px;
			display: flex !important;
              flex-direction: column;
			gap: 0px;
			align-items: flex-start;
			justify-content: flex-start;
			width: 187px;
			position: absolute;
			top: calc(100% + 2px);
			right: 0;
			margin-top: 0;
			z-index: 1000;
			box-shadow: var(--shadows-shadow-lg-box-shadow, 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08));
			overflow: hidden;
			visibility: hidden !important;
			opacity: 0 !important;
			height: 0 !important;
			width: 0 !important;
			min-width: 0 !important;
			max-width: 0 !important;
			padding: 0 !important;
			border: none !important;
			box-shadow: none !important;
			pointer-events: none !important;
			transform: translateY(-10px) scale(0.95);
			transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, width 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, padding 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, border 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
		}
		.header-login-wrapper:hover .header-login,
		.header-login:hover {
			display: flex !important;
			visibility: visible !important;
			opacity: 1 !important;
			height: auto !important;
			width: 187px !important;
			min-width: 187px !important;
			max-width: 187px !important;
			background: #fff !important;
			padding: 0 !important;
			border: 1px solid rgba(0, 0, 0, 0.08) !important;
			box-shadow: 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08) !important;
			pointer-events: auto !important;
			transform: translateY(0) scale(1) !important;
			transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s cubic-bezier(0.4, 0, 0.2, 1), border 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
		}
		.header-login .header-content {
			padding: var(--spacing-md, 8px);
			display: flex;
			flex-direction: column;
			gap: var(--spacing-xxs, 2px);
			align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
		}
		.header-login .header-content > a {
			display: block;
			width: 100%;
			align-self: stretch;
			text-decoration: none;
			color: inherit;
		}
		.header-login .header-nav-menu-item {
			background: transparent;
			border-radius: var(--radius-md, 8px);
			padding: var(--spacing-lg, 12px);
    display: flex;
			flex-direction: row;
			gap: var(--spacing-lg, 12px);
    align-items: center;
			justify-content: space-between;
        align-self: stretch;
    flex-shrink: 0;
    position: relative;
			transition: background-color 0.2s;
		}
		.header-login .header-nav-menu-item:hover {
			background: var(--color-slate-slate-100, #f1f5f9);
		}
		.header-login .header-content2 {
    display: flex;
    flex-direction: column;
			gap: var(--spacing-xxs, 2px);
			align-items: flex-start;
			justify-content: flex-start;
			flex: 1;
			position: relative;
		}
		.header-login .header-text-and-supporting-text {
    display: flex;
    flex-direction: column;
			gap: var(--spacing-xxs, 2px);
			align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
		.header-login .header-text-and-badge {
			display: flex;
			flex-direction: row;
			gap: var(--spacing-md, 8px);
    align-items: center;
			justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
		.header-login .text {
			overflow: hidden;
			color: var(--Text-text-primary, #0F172B);
			text-overflow: ellipsis;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: 15px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			letter-spacing: -0.15px;
			text-align: left;
        position: relative;
			white-space: nowrap;
		}
		.header-login .header-arrow-up-right {
			flex-shrink: 0;
			width: 18px;
			height: 18px;
        position: relative;
			overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
		}
		.header-login .header-nav-menu-item2 {
			background: transparent;
			border-radius: var(--radius-md, 8px);
			padding: var(--spacing-lg, 12px);
        display: flex;
			flex-direction: row;
			gap: var(--spacing-lg, 12px);
        align-items: center;
			justify-content: space-between;
			align-self: stretch;
    flex-shrink: 0;
    position: relative;
			transition: background-color 0.2s;
		}
		.header-login .header-nav-menu-item2:hover {
			background: var(--color-slate-slate-100, #f1f5f9);
		}
		.header-login .header-text-and-supporting-text2 {
    display: flex;
    flex-direction: column;
			gap: var(--spacing-xs, 4px);
			align-items: flex-start;
    justify-content: flex-start;
			align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
		.header-login .header-arrow-up-right2 {
			flex-shrink: 0;
			width: 18px;
			height: 18px;
			position: relative;
			overflow: visible;
    display: flex;
        align-items: center;
    justify-content: center;
		}
		.header-login .header-arrow-up-right3 {
    flex-shrink: 0;
			width: 18px;
			height: 18px;
    position: relative;
			overflow: visible;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		@media (max-width: 1200px) {
			.header-navbar-main {
				padding: 14px 40px;
				width: 100% !important;
				max-width: 100% !important;
			}
		}
		@media (max-width: 1024px) {
			.header-navbar-main {
				width: 100% !important;
				max-width: 100% !important;
			}
		}
		@media (max-width: 768px) {
			.header-navbar-main {
				width: 100% !important;
				max-width: 100% !important;
				padding: 14px var(--devotel-mobile-gutter, 16px) !important;
				flex-wrap: nowrap !important;
				justify-content: space-between !important;
				align-items: center !important;
			}
			.header-group-parent {
				justify-content: space-between !important;
				width: 100% !important;
				max-width: 100% !important;
				flex: 1 1 100% !important;
				gap: 0 !important;
				margin: 0 !important;
			padding: 0 !important;
				align-items: center !important;
			}
			.header-group-container {
				width: 89.17px !important;
				height: 24.001px !important;
				flex-shrink: 0 !important;
				margin: 0 !important;
			padding: 0 !important;
				display: flex !important;
				align-items: center !important;
			}
			.header-logo-svg {
				width: 89.17px !important;
				height: 24.001px !important;
			}
			/* Hide all desktop menu elements */
			.header-frame-parent {
				display: none !important;
				visibility: hidden !important;
			}
			.header-frame-group {
				display: none !important;
				visibility: hidden !important;
			}
			.header-products-parent,
			.header-telco-parent,
			.header-company-parent,
			.header-resources-parent {
				display: none !important;
				visibility: hidden !important;
			}
			.header-menu-item {
				display: none !important;
				visibility: hidden !important;
			}
			.header-platform,
			.header-telco,
			.header-company,
			.header-resources {
				display: none !important;
				visibility: hidden !important;
			}
			.header-login-wrapper,
			.header-login {
				display: none !important;
				visibility: hidden !important;
			}
			.header-talk-to-an-expert-wrapper {
				display: none !important;
				visibility: hidden !important;
			}
			/* Show mobile menu button */
			.header-mobile-menu-button {
				display: flex !important;
				flex-shrink: 0 !important;
				margin: 0 !important;
				padding: 8px !important;
				align-items: center !important;
				justify-content: center !important;
			}
		}
		/* Mega Menu Styles */
		.header-navbar-wrapper {
			position: relative;
			width: 100%;
			overflow: visible;
		}
		@media (max-width: 768px) {
			.header-navbar-wrapper {
				width: 100%;
				overflow-x: hidden;
				overflow-y: visible;
			}
			/* Transparent-header (home) pages: allow overlay to show and sit above hero content */
			body.is-home-page .header-navbar-wrapper {
				overflow: visible !important;
			}
		}
		/* Mobile Menu Styles — panel positioned below header via JS (.devotel-mobile-menu-panel) */
		.mobile-menu-overlay {
			display: flex;
			position: fixed;
			top: 0;
			left: 0;
			right: auto;
			bottom: auto;
			width: auto;
			height: auto;
			min-height: 0;
			background: #ffffff;
			z-index: 100002;
			overflow: hidden;
			-webkit-overflow-scrolling: touch;
			flex-direction: column;
			transform: translateY(-12px) scale(0.98);
			transform-origin: top center;
			opacity: 0;
			transition:
				transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
				opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
				visibility 0s linear 0.32s;
			visibility: hidden;
			pointer-events: none;
			border-radius: var(--devotel-header-boxed-radius, 24px);
			border: 1px solid rgba(202, 213, 226, 0.6);
			box-shadow: 0 8px 32px rgba(15, 23, 43, 0.08);
			will-change: transform, opacity;
		}
		.mobile-menu-overlay.active {
			visibility: visible;
			pointer-events: auto;
			transform: translateY(0) scale(1);
			opacity: 1;
			transition:
				transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
				opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
				visibility 0s;
		}

		.mobile-menu-overlay.devotel-menu-closing {
			transform: translateY(-12px) scale(0.98);
			transform-origin: top center;
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			transition:
				transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
				opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
				visibility 0s linear 0.32s;
		}
		.mobile-menu-header {
			display: none !important;
		}
		.mobile-menu-container {
			padding: 0 16px;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
    width: 100%;
		}
		.mobile-menu-close-button {
			border-radius: 8px;
			padding: 8px;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			border: none;
			background: transparent;
			cursor: pointer;
			position: relative;
			z-index: 10001;
			pointer-events: auto;
		}
		.mobile-menu-close-button:hover {
			background-color: #f1f5f9;
		}
		.mobile-menu-content {
			padding: 16px 16px 24px 16px;
			display: flex;
			flex-direction: column;
			gap: 0;
			width: 100%;
			align-items: center;
			flex: 1 1 0;
			overflow-y: auto;
			overflow-x: hidden;
			-webkit-overflow-scrolling: touch;
			min-height: 0;
			position: relative;
		}
		.mobile-menu-item {
			padding: 12px 0;
    display: flex;
			flex-direction: row;
			gap: 12px;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			-webkit-tap-highlight-color: transparent;
			width: 100%;
    flex-shrink: 0;
    position: relative;
			margin: 0;
		}
		.mobile-menu-item-text {
			overflow: hidden;
			color: var(--colors-text-text-primary-900, #181D27);
			text-overflow: ellipsis;
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-md, 16px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-md, 24px);
			flex: 1;
		}
		.mobile-menu-item-text.secondary {
			color: #232529;
		}
		.mobile-menu-chevron {
			width: 16px;
			height: 16px;
			flex-shrink: 0;
			transition: transform 0.3s ease;
		}
		.mobile-menu-divider {
			border-top: 1px solid #cad5e2;
			width: 100%;
			height: 0;
			margin: 0;
			flex-shrink: 0;
		}
		.mobile-menu-dropdown {
			display: none;
			padding: 0 16px 24px 16px;
			background: #ffffff;
			animation: slideDown 0.3s ease-out;
			width: 100%;
			align-items: flex-start;
			margin-top: 0;
			overflow: visible;
		}
		.mobile-menu-dropdown > * {
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		.mobile-menu-dropdown .mobile-menu-section-title {
			padding-top: 16px;
		}
		.mobile-menu-dropdown.active {
			display: block;
		}
		@keyframes slideDown {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		.mobile-menu-section-title {
			color: #90a1b9;
			text-align: left;
			font-family: Inter;
			font-size: 12px;
			letter-spacing: 0.96px;
			font-weight: 700;
    text-transform: uppercase;
			margin-bottom: 16px;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		.mobile-menu-dropdown-item {
			padding: 8px;
    display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			margin-bottom: 8px;
			border-radius: 10px;
			cursor: pointer;
			-webkit-tap-highlight-color: transparent;
			width: 100%;
			justify-content: flex-start;
			margin-left: 0;
			margin-right: 0;
		}
		.mobile-menu-dropdown-item:hover,
		.mobile-menu-dropdown-item:active {
			background: #f1f5f9;
		}
		.mobile-menu-icon {
			width: 40px;
			height: 40px;
			flex-shrink: 0;
    display: flex;
    align-items: center;
        justify-content: center;
		}
		.mobile-menu-icon > div {
			width: 100%;
			height: 100%;
		}
		.mobile-menu-icon svg {
			width: auto;
			height: auto;
		}
		.mobile-menu-item-content {
			display: flex;
			flex-direction: column;
			gap: 0;
			flex: 1;
		}
		.mobile-menu-item-title {
			color: var(--Text-text-primary, #0F172B);
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
		}
		.mobile-menu-item-subtitle {
			color: var(--Text-text-quaternary, #62748E);
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
		}
		.mobile-menu-footer {
			border-top: none;
			padding: 65px 16px;
			display: flex;
			flex-direction: column;
			gap: 12px;
			align-items: flex-start;
			justify-content: flex-start;
			align-self: stretch;
			flex-shrink: 0;
			background: #ffffff;
			margin-top: auto;
			transform: translateY(-20px);
		}
		.mobile-menu-actions {
        display: flex;
        flex-direction: column;
			gap: 12px;
			align-items: flex-start;
			justify-content: center;
			align-self: stretch;
			flex-shrink: 0;
		}
		.mobile-menu-button-primary {
			background: #325fec;
			border-radius: 10px;
			padding: 10px 14px;
			display: flex;
			flex-direction: row;
			gap: 6px;
			align-items: center;
			justify-content: center;
			height: 36px;
			border: none;
			cursor: pointer;
			align-self: stretch;
			flex-shrink: 0;
			transition: background-color 0.2s;
			position: relative;
			z-index: 10001;
			pointer-events: auto;
		}
		.mobile-menu-button-primary:hover {
			background-color: #2547d4 !important;
		}
		.mobile-menu-button-primary:active,
		.mobile-menu-button-primary:focus,
		.mobile-menu-button-primary:visited {
			background-color: #2547d4 !important;
		}
		.mobile-menu-button-primary:active *,
		.mobile-menu-button-primary:focus * {
			color: #fff !important;
		}
		/* Prevent #cc3366 from appearing on mobile primary button */
		.mobile-menu-button-primary {
			background-color: #325fec !important;
		}
		.mobile-menu-button-primary-text {
			color: #ffffff;
			text-align: left;
			font-family: Inter;
			font-size: 14px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
    position: relative;
    }
		.mobile-menu-button-secondary {
			border-radius: 10px;
			border: 1px solid #cad5e2;
			padding: 10px 14px;
			display: flex;
			flex-direction: row;
			gap: 6px;
			align-items: center;
			justify-content: center;
			height: 36px;
			background: transparent;
			cursor: pointer;
			align-self: stretch;
			flex-shrink: 0;
			transition: border-color 0.2s;
			position: relative;
			z-index: 10001;
			pointer-events: auto;
		}
		.mobile-menu-button-secondary:hover {
			border-color: #a8b8c8 !important;
			background-color: transparent !important;
		}
		.mobile-menu-button-secondary:active,
		.mobile-menu-button-secondary:focus,
		.mobile-menu-button-secondary:visited {
			border-color: #a8b8c8 !important;
			background-color: transparent !important;
		}
		.mobile-menu-button-secondary:active *,
		.mobile-menu-button-secondary:focus *,
		.mobile-menu-button-secondary:hover * {
			color: #232529 !important;
		}
		/* Prevent #cc3366 from appearing on mobile login button - strong override */
		.mobile-menu-button-secondary,
		.mobile-menu-button-secondary:hover,
		.mobile-menu-button-secondary:active,
		.mobile-menu-button-secondary:focus,
		.mobile-menu-button-secondary:visited {
			background-color: transparent !important;
			background: transparent !important;
		}
		.mobile-menu-button-secondary:hover {
			border-color: #a8b8c8 !important;
		}
		.mobile-menu-button-secondary-text {
			color: #232529;
			text-align: left;
			font-family: Inter;
			font-size: 14px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			position: relative;
		}
		.mobile-login-wrapper {
			position: relative;
			width: 100%;
			align-self: stretch;
			z-index: 10002;
		}
		.mobile-login-wrapper .mobile-menu-button-secondary {
			width: 100%;
			align-self: stretch;
		}
		.mobile-login-dropdown {
			background: #fff;
			border-radius: 16px;
			border: 1px solid rgba(0, 0, 0, 0.08);
			box-shadow: 0px 2px 2px -1px rgba(10, 13, 18, 0.04), 0px 4px 6px -2px rgba(10, 13, 18, 0.03), 0px 12px 16px -4px rgba(10, 13, 18, 0.08);
			display: flex;
			flex-direction: column;
			gap: 0;
			align-items: flex-start;
			justify-content: flex-start;
			width: 100%;
			position: absolute;
			bottom: calc(100% + 8px);
			left: 0;
			z-index: 10003;
			padding: 8px;
			margin-bottom: 0;
			visibility: hidden;
			opacity: 0;
			transform: translateY(10px) scale(0.95);
			pointer-events: none;
			transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		}
		.mobile-login-dropdown.active {
			visibility: visible;
			opacity: 1;
			transform: translateY(0) scale(1);
			pointer-events: auto;
		}
		.mobile-login-dropdown .mobile-login-item {
			background: transparent;
			border-radius: 8px;
			padding: 12px;
			display: flex;
			flex-direction: row;
			gap: 12px;
			align-items: center;
			justify-content: space-between;
			align-self: stretch;
			flex-shrink: 0;
			position: relative;
			transition: background-color 0.2s;
			text-decoration: none;
			color: inherit;
			width: 100%;
		}
		.mobile-login-dropdown .mobile-login-item:hover {
			background: #f1f5f9;
		}
		.mobile-login-dropdown .mobile-login-item-content {
			display: flex;
			flex-direction: column;
			gap: 2px;
			align-items: flex-start;
			justify-content: flex-start;
			flex: 1;
			position: relative;
		}
		.mobile-login-dropdown .mobile-login-item-text {
			color: #0f172b;
			text-align: left;
			font-family: 'Inter-Medium', sans-serif;
			font-size: 15px;
			letter-spacing: -0.01em;
			font-weight: 500;
			position: relative;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.mobile-login-dropdown .mobile-login-arrow {
			flex-shrink: 0;
			width: 18px;
			height: 18px;
			position: relative;
			overflow: visible;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.mobile-menu-see-all {
			display: flex;
			flex-direction: row;
			gap: 8px;
			align-items: center;
			justify-content: flex-end;
			margin-top: 8px;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			padding-right: 0;
			transition: color 0.2s ease;
		}
		.mobile-menu-see-all:hover {
			color: #325FEC;
		}
		.mobile-menu-see-all:hover .mobile-menu-see-all-text {
			color: #325FEC;
		}
		.mobile-menu-see-all:hover .mobile-menu-see-all-arrow {
			stroke: #325FEC;
		}
		.mobile-menu-see-all:hover .mobile-menu-see-all-arrow path {
			stroke: #325FEC !important;
		}
		.mobile-menu-see-all-text {
			color: #90a1b9;
			font-family: Inter;
			font-size: 12px;
			letter-spacing: 0.96px;
			font-weight: 700;
			text-transform: uppercase;
			transition: color 0.2s ease;
		}
		.mobile-menu-see-all-arrow {
			flex-shrink: 0;
			width: 18px;
			height: 18px;
			position: relative;
			overflow: visible;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: stroke 0.2s ease;
		}
		@media (min-width: 769px) {
			.mobile-menu-overlay {
				display: none !important;
			}
		}
		
		/* Homepage/SIM overlay shell — fixed positioning handled in boxed scroll block. */
		body.is-home-page .header-navbar-wrapper:not(.header-scrolled),
		body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) {
			z-index: 2000 !important;
		}
		/* Mobile menu above page content */
		.mobile-menu-overlay {
			z-index: 99999 !important;
		}
		.header-mobile-menu-button {
			position: relative;
			z-index: 10001 !important;
		}
		
		/* Home Page Desktop Styles - Only apply on desktop and home page */
		@media (min-width: 769px) {
			/* Remove background from inner container on home page */
			body.is-home-page .header-navbar-main {
				background-color: transparent !important;
			}
			
			/* Font colors to white on home page (legacy dark hero only) */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-products,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-telco,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-company,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-menu-item-text,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-menu-item,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-frame-parent a {
				color: #FFF !important;
			}
			
			/* Make dropdown arrows white on home page */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-arrow-down svg path {
				stroke: #FFF !important;
			}
			
			/* Tab hover background - frosted glass on homepage */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-products-parent:hover,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-telco-parent:hover,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-company-parent:hover,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-menu-item:hover {
				border-radius: 10px !important;
				background: rgba(255, 255, 255, 0.20) !important;
				background-color: rgba(255, 255, 255, 0.20) !important;
				backdrop-filter: blur(14.8px) !important;
				-webkit-backdrop-filter: blur(14.8px) !important;
			}
			
			/* Talk to an expert - background white, font dark */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-talk-to-an-expert-wrapper {
				background-color: #fff !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-talk-to-an {
				color: #0F172B !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-talk-to-an-expert-wrapper:hover {
				background-color: #f1f5f9 !important;
			}
			
			/* Login button - transparent background, white font, white border */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper {
				background-color: transparent !important;
				border-color: #FFF !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-text {
				color: #FFF !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:hover {
				border-color: #FFF !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:active,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:focus {
				border-color: #FFF !important;
				background-color: transparent !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:active *,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:focus * {
				color: #FFF !important;
			}
		}
		
		/* Home Page Mobile Styles - transparent header by default, frosted when scrolled */
		@media (max-width: 768px) {
			/* Remove background from inner container on home page */
			body.is-home-page .header-navbar-main {
				background-color: transparent !important;
			}
			
			/* Font colors to white on home page (legacy dark hero only) */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-products,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-telco,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-company,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-menu-item-text,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-menu-item,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-frame-parent a {
				color: #FFF !important;
			}
			
			/* Make dropdown arrows white on home page */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-arrow-down svg path {
				stroke: #FFF !important;
			}
			
			/* Tab hover background - frosted glass on homepage */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-products-parent:hover,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-telco-parent:hover,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-company-parent:hover,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-menu-item:hover {
				border-radius: 10px !important;
				background: rgba(255, 255, 255, 0.20) !important;
				background-color: rgba(255, 255, 255, 0.20) !important;
				backdrop-filter: blur(14.8px) !important;
				-webkit-backdrop-filter: blur(14.8px) !important;
			}
			
			/* Talk to an expert - background white, font dark */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-talk-to-an-expert-wrapper {
				background-color: #fff !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-talk-to-an {
				color: #0F172B !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-talk-to-an-expert-wrapper:hover {
				background-color: #f1f5f9 !important;
			}
			
			/* Login button - transparent background, white font, white border */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper {
				background-color: transparent !important;
				border-color: #FFF !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-text {
				color: #FFF !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:hover {
				border-color: #FFF !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:active,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:focus {
				border-color: #FFF !important;
				background-color: transparent !important;
			}
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:active *,
			body.is-home-page:not(.devotel-home-solutions-hero) .header-login-wrapper:focus * {
				color: #FFF !important;
			}
			
			/* Mobile menu button icon - white on legacy dark hero home page */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-mobile-menu-button svg path {
				stroke: #FFF !important;
			}
			
			/* Mobile menu button hover - lighter blue background on home page */
			body.is-home-page:not(.devotel-home-solutions-hero) .header-mobile-menu-button:hover {
				background-color: rgba(50, 95, 236, 0.20) !important;
			}
		}
		.header-products-parent {
    position: relative;
    overflow: visible;
  }
		.header-products-parent::before {
			content: '';
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			height: 10px;
			background: transparent;
			z-index: 999;
		}
		.header-telco-parent {
        position: relative;
			overflow: visible;
		}
		.header-telco-parent::before {
			content: '';
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			height: 10px;
			background: transparent;
			z-index: 999;
		}
		.header-company-parent {
			position: relative;
			overflow: visible;
		}
		.header-company-parent::before {
			content: '';
        position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			height: 10px;
			background: transparent;
			z-index: 999;
		}
		.header-resources-parent::before {
			content: '';
        position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			height: 10px;
			background: transparent;
			z-index: 999;
		}
		.header-platform {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
			height: 0 !important;
			max-height: 0 !important;
			width: 0 !important;
			min-width: 0 !important;
			max-width: 0 !important;
			overflow: hidden !important;
			background: #ffffff;
			border-radius: 16px;
			border: none !important;
			padding: 0 !important;
			margin: 0 !important;
			flex-direction: column;
			gap: 24px;
			align-items: flex-start;
			justify-content: flex-start;
    position: absolute;
			top: calc(100% + 8px);
			left: 0;
			pointer-events: none !important;
			z-index: 1000;
			transform: translateX(0);
			transition: opacity 0.15s ease, max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.2s ease, visibility 0.15s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			box-shadow: none !important;
			margin-top: 0 !important;
			transform: translateY(-10px);
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-platform > * {
			animation: none;
		}
		.header-platform.header-slide-from-right > * {
			animation: slideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-platform.header-slide-from-left > * {
			animation: slideInFromLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		/* Default: Products starts with no animation on first load */
		.header-products-parent:hover .header-platform:not(.header-slide-from-left):not(.header-slide-from-right) > * {
			animation: none;
		}
		.header-navbar-wrapper {
			position: relative !important;
		}
		.header-products-parent:hover .header-platform,
		.header-platform:hover {
			display: flex !important;
			visibility: visible !important;
			opacity: 1 !important;
			height: auto !important;
			max-height: 1000px !important;
			width: 980px !important;
			min-width: 980px !important;
			max-width: 980px !important;
			overflow: visible !important;
			padding: 20px 24px 16px 24px !important;
			border: 1px solid #e2e8f0 !important;
			box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10) !important;
			pointer-events: auto !important;
			left: 0 !important;
			right: auto !important;
			transform: translateX(0) !important;
			margin-left: 0 !important;
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		}
		/* Slide animations for platform dropdown */
		.header-platform.header-slide-from-left {
			transform: translateX(-80px) !important;
		}
		.header-platform.header-slide-from-right {
			transform: translateX(80px) !important;
		}
		.header-products-parent:hover .header-platform.header-slide-from-left,
		.header-products-parent:hover .header-platform.header-slide-from-right {
			transform: translateX(0) !important;
		}
		.header-telco {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
			height: 0 !important;
			max-height: 0 !important;
			width: 0 !important;
			min-width: 0 !important;
			max-width: 0 !important;
			overflow: hidden !important;
			background: #ffffff;
			border-radius: 16px;
			border: none !important;
			padding: 0 !important;
			margin: 0 !important;
			flex-direction: column;
			gap: 24px;
			transform: translateX(0);
			transition: opacity 0.15s ease, max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.2s ease, visibility 0.15s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			align-items: flex-start;
			justify-content: flex-start;
    position: absolute;
			top: calc(100% + 8px);
			left: 0;
			pointer-events: none !important;
			z-index: 1000;
			box-shadow: none !important;
			transform: translateY(-10px);
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-telco > * {
			animation: slideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-telco.header-slide-from-left > * {
			animation: slideInFromLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-telco.header-slide-from-right > * {
			animation: slideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-telco-parent:hover .header-telco,
		.header-telco:hover {
			display: flex !important;
			visibility: visible !important;
			opacity: 1 !important;
			height: auto !important;
			max-height: 1000px !important;
			width: 917px !important;
			min-width: 917px !important;
			max-width: 917px !important;
			overflow: visible !important;
			padding: 20px 24px 16px 24px !important;
			border: 1px solid #e2e8f0 !important;
			box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10) !important;
			pointer-events: auto !important;
			left: 0 !important;
			right: auto !important;
			transform: translateX(0) !important;
			margin-left: 0 !important;
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		}
		/* Slide animations for telco dropdown */
		.header-telco.header-slide-from-left {
			transform: translateX(-80px) !important;
		}
		.header-telco.header-slide-from-right {
			transform: translateX(80px) !important;
		}
		.header-telco-parent:hover .header-telco.header-slide-from-left,
		.header-telco-parent:hover .header-telco.header-slide-from-right {
			transform: translateX(0) !important;
		}
		.header-frame-parent {
			position: relative;
		}
		/* Position all dropdowns relative to frame-parent for consistent positioning */
		.header-platform,
		.header-telco,
		.header-company,
		.header-resources {
			position: absolute !important;
		}
		/* Ensure all dropdowns have the same width when visible */
		.header-telco-parent:hover .header-telco,
		.header-telco:hover,
		.header-company-parent:hover .header-company,
		.header-company:hover,
		.header-resources-parent:hover .header-resources,
		.header-resources:hover {
			width: 917px !important;
			min-width: 917px !important;
			max-width: 917px !important;
		}
		.header-company {
			display: none !important;
			visibility: hidden !important;
			opacity: 0 !important;
			height: 0 !important;
			max-height: 0 !important;
			width: 0 !important;
			min-width: 0 !important;
			max-width: 0 !important;
			overflow: hidden !important;
			background: #ffffff;
			border-radius: 16px;
			border: none !important;
			padding: 0 !important;
			margin: 0 !important;
			flex-direction: column;
			gap: 24px;
			transform: translateX(0);
			transition: opacity 0.15s ease, max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.2s ease, visibility 0.15s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			align-items: flex-start;
			justify-content: flex-start;
    position: absolute;
			top: calc(100% + 8px);
			left: 0;
			pointer-events: none !important;
			z-index: 1000;
			box-shadow: none !important;
			transform: translateY(-10px);
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-company > * {
			animation: slideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-company.header-slide-from-left > * {
			animation: slideInFromLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-company.header-slide-from-right > * {
			animation: slideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-company-parent:hover .header-company,
		.header-company:hover {
			display: flex !important;
			visibility: visible !important;
			opacity: 1 !important;
			height: auto !important;
			max-height: 1000px !important;
			width: 917px !important;
			min-width: 917px !important;
			max-width: 917px !important;
			overflow: visible !important;
			padding: 20px 24px 16px 24px !important;
			border: 1px solid #e3e6eb !important;
			box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10) !important;
			pointer-events: auto !important;
			left: 0 !important;
			right: auto !important;
			transform: translateX(0) !important;
			margin-left: 0 !important;
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		}
		/* Slide animations for company dropdown */
		.header-company.header-slide-from-left {
			transform: translateX(-80px) !important;
		}
		.header-company.header-slide-from-right {
			transform: translateX(80px) !important;
		}
		.header-company-parent:hover .header-company.header-slide-from-left,
		.header-company-parent:hover .header-company.header-slide-from-right {
			transform: translateX(0) !important;
		}
		/* Comprehensive icon/SVG protection to prevent conflicts */
		.header-platform svg,
		.header-platform img,
		.header-telco svg,
		.header-telco img,
		.header-company svg,
		.header-company img,
		.header-resources svg,
		.header-resources img {
			box-sizing: border-box !important;
		}
		.header-platform .header-frame svg,
		.header-platform .header-frame2 svg:not(.frame3),
		.header-platform .header-frame5 svg,
		.header-platform .header-frame img,
		.header-platform .header-frame2 img,
		.header-platform .header-frame5 img {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			display: block !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			object-fit: contain !important;
			object-position: center !important;
			margin: 0 !important;
			padding: 0 !important;
			position: relative !important;
			left: auto !important;
			top: auto !important;
			right: auto !important;
			bottom: auto !important;
			transform: none !important;
			overflow: visible !important;
			box-sizing: border-box !important;
		}
		/* Orbit (Platforms dropdown): full menu asset, same footprint as 40×40 platform icons */
		.header-platform .header-orbit-menu-icon {
			width: 40px !important;
			height: 40px !important;
			min-width: 40px !important;
			min-height: 40px !important;
			max-width: 40px !important;
			max-height: 40px !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			display: block !important;
			object-fit: contain !important;
			object-position: center !important;
			box-sizing: border-box !important;
		}
		.header-company .header-frame svg,
		.header-company .header-frame2 svg:not(.frame3),
		.header-company .header-frame5 svg,
		.header-company .header-frame img,
		.header-company .header-frame2 img,
		.header-company .header-frame5 img {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			display: block !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			object-fit: contain !important;
			object-position: center !important;
			margin: 0 !important;
			padding: 0 !important;
			position: relative !important;
			left: auto !important;
			top: auto !important;
			right: auto !important;
			bottom: auto !important;
			transform: none !important;
			overflow: visible !important;
			box-sizing: border-box !important;
		}
		.header-resources .header-frame svg,
		.header-resources .header-frame2 svg:not(.frame3),
		.header-resources .header-frame5 svg,
		.header-resources .header-frame img,
		.header-resources .header-frame2 img,
		.header-resources .header-frame5 img {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			display: block !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			object-fit: contain !important;
			object-position: center !important;
			margin: 0 !important;
			padding: 0 !important;
			position: relative !important;
			left: auto !important;
			top: auto !important;
			right: auto !important;
			bottom: auto !important;
			transform: none !important;
			overflow: visible !important;
			box-sizing: border-box !important;
		}
		.header-platform .header-frame-17,
		.header-platform .header-frame-19,
		.header-platform .header-frame-21 {
    display: flex;
    flex-direction: column;
			gap: 24px;
			align-items: stretch;
			justify-content: flex-start;
			flex: 1 1 0;
			min-width: 0;
			width: 100%;
		}
		.header-communication-apis,
		.header-applications,
		.header-connectivity {
			color: var(--Color-Slate-slate-400, #90A1B9);
			text-align: left;
			font-family: 'Inter-Bold', sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 0.08em;
			text-transform: uppercase;
		}
		/* Hide connectivity section from products dropdown */
		.header-platform .header-frame-21 {
			display: none !important;
		}
		/* Hide CMP Retail tab */
		.header-platform .header-frame-74 {
			display: none !important;
		}
		/* Hide Careers tab in company dropdown */
		.header-company .header-frame-6 {
			display: none !important;
		}
		/* Hide all connectivity items in mobile menu after the Connectivity title */
		#mobileDropdown-products .mobile-menu-section-title[style*="Connectivity"] ~ .mobile-menu-dropdown-item {
			display: none !important;
		}
		.header-platform .header-frame-172,
		.header-platform .header-frame-16 {
			width: 100%;
			display: grid;
			gap: 24px;
			row-gap: 8px;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-template-rows: repeat(2, minmax(0, 1fr));
			align-items: stretch;
		}
		.header-platform .header-frame-3,
		.header-platform .header-frame-6,
		.header-platform .header-frame-7,
		.header-platform .header-frame-32,
		.header-platform .header-frame-5,
		.header-platform .header-frame-52,
		.header-platform .header-frame-33,
		.header-platform .header-frame-62,
		.header-platform .header-frame-74,
		.header-platform .header-frame-53,
		.header-platform .header-frame-34,
		.header-platform .header-frame-72,
		.header-platform .header-frame-63,
		.header-platform .header-frame-73,
		.header-platform .header-frame-54 {
			display: flex;
			padding: 8px;
    align-items: center;
			gap: 10px;
			justify-content: space-between;
			justify-self: stretch;
			width: 100%;
			min-width: 0;
			max-width: 100%;
			box-sizing: border-box;
    cursor: pointer;
			transition: background-color 0.2s;
			border-radius: 10px;
		}
		.header-platform .header-frame-32:hover,
		.header-platform .header-frame-3:hover,
		.header-platform .header-frame-6:hover,
		.header-platform .header-frame-7:hover,
		.header-platform .header-frame-5:hover,
		.header-platform .header-frame-52:hover,
		.header-platform .header-frame-33:hover,
		.header-platform .header-frame-62:hover,
		.header-platform .header-frame-74:hover,
		.header-platform .header-frame-53:hover,
		.header-platform .header-frame-34:hover,
		.header-platform .header-frame-72:hover,
		.header-platform .header-frame-63:hover,
		.header-platform .header-frame-73:hover,
		.header-platform .header-frame-54:hover {
			background-color: #f1f5f9;
		}
		/* Hover arrow for dropdown menu items */
		.header-menu-item-arrow {
			width: 16px;
			height: 16px;
    flex-shrink: 0;
			flex-grow: 0;
			opacity: 0;
			transition: opacity 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
			margin: 0;
			padding: 0;
			margin-left: auto;
		}
		.header-platform .header-frame-32:hover .header-menu-item-arrow,
		.header-platform .header-frame-3:hover .header-menu-item-arrow,
		.header-platform .header-frame-6:hover .header-menu-item-arrow,
		.header-platform .header-frame-7:hover .header-menu-item-arrow,
		.header-platform .header-frame-5:hover .header-menu-item-arrow,
		.header-platform .header-frame-52:hover .header-menu-item-arrow,
		.header-platform .header-frame-33:hover .header-menu-item-arrow,
		.header-platform .header-frame-62:hover .header-menu-item-arrow,
		.header-platform .header-frame-74:hover .header-menu-item-arrow,
		.header-platform .header-frame-53:hover .header-menu-item-arrow,
		.header-platform .header-frame-34:hover .header-menu-item-arrow,
		.header-platform .header-frame-72:hover .header-menu-item-arrow,
		.header-platform .header-frame-63:hover .header-menu-item-arrow,
		.header-platform .header-frame-73:hover .header-menu-item-arrow,
		.header-platform .header-frame-54:hover .header-menu-item-arrow,
		.header-telco .header-frame-32:hover .header-menu-item-arrow,
		.header-telco .header-frame-5:hover .header-menu-item-arrow,
		.header-telco .header-frame-52:hover .header-menu-item-arrow,
		.header-telco .header-frame-3:hover .header-menu-item-arrow,
		.header-telco .header-frame-6:hover .header-menu-item-arrow,
		.header-telco .header-frame-7:hover .header-menu-item-arrow,
		.header-company .header-frame-3:hover .header-menu-item-arrow,
		.header-company .header-frame-6:hover .header-menu-item-arrow,
		.header-company .header-frame-5:hover .header-menu-item-arrow,
		.header-company .header-frame-32:hover .header-menu-item-arrow,
		.header-resources .header-frame-3:hover .header-menu-item-arrow,
		.header-resources .header-frame-6:hover .header-menu-item-arrow,
		.header-resources .header-frame-7:hover .header-menu-item-arrow,
		.header-resources .header-frame-32:hover .header-menu-item-arrow,
		.header-resources .header-frame-5:hover .header-menu-item-arrow,
		.header-resources .header-frame-52:hover .header-menu-item-arrow {
			opacity: 1;
		}
		/* Desktop only: gradient between text and arrow on dropdown tab hover */
		@media (min-width: 769px) {
			.header-platform .header-frame-32,
			.header-platform .header-frame-3,
			.header-platform .header-frame-6,
			.header-platform .header-frame-7,
			.header-platform .header-frame-5,
			.header-platform .header-frame-52,
			.header-platform .header-frame-33,
			.header-platform .header-frame-62,
			.header-platform .header-frame-74,
			.header-platform .header-frame-53,
			.header-platform .header-frame-34,
			.header-platform .header-frame-72,
			.header-platform .header-frame-63,
			.header-platform .header-frame-73,
			.header-platform .header-frame-54,
			.header-telco .header-frame-32,
			.header-telco .header-frame-5,
			.header-telco .header-frame-52,
			.header-telco .header-frame-3,
			.header-telco .header-frame-6,
			.header-telco .header-frame-7,
			.header-company .header-frame-3,
			.header-company .header-frame-6,
			.header-company .header-frame-5,
			.header-company .header-frame-32,
			.header-resources .header-frame-3,
			.header-resources .header-frame-6,
			.header-resources .header-frame-7,
			.header-resources .header-frame-32,
			.header-resources .header-frame-5,
			.header-resources .header-frame-52 {
				position: relative;
			}
			.header-platform .header-frame-32:hover::after,
			.header-platform .header-frame-3:hover::after,
			.header-platform .header-frame-6:hover::after,
			.header-platform .header-frame-7:hover::after,
			.header-platform .header-frame-5:hover::after,
			.header-platform .header-frame-52:hover::after,
			.header-platform .header-frame-33:hover::after,
			.header-platform .header-frame-62:hover::after,
			.header-platform .header-frame-74:hover::after,
			.header-platform .header-frame-53:hover::after,
			.header-platform .header-frame-34:hover::after,
			.header-platform .header-frame-72:hover::after,
			.header-platform .header-frame-63:hover::after,
			.header-platform .header-frame-73:hover::after,
			.header-platform .header-frame-54:hover::after,
			.header-telco .header-frame-32:hover::after,
			.header-telco .header-frame-5:hover::after,
			.header-telco .header-frame-52:hover::after,
			.header-telco .header-frame-3:hover::after,
			.header-telco .header-frame-6:hover::after,
			.header-telco .header-frame-7:hover::after,
			.header-company .header-frame-3:hover::after,
			.header-company .header-frame-6:hover::after,
			.header-company .header-frame-5:hover::after,
			.header-company .header-frame-32:hover::after,
			.header-resources .header-frame-3:hover::after,
			.header-resources .header-frame-6:hover::after,
			.header-resources .header-frame-7:hover::after,
			.header-resources .header-frame-32:hover::after,
			.header-resources .header-frame-5:hover::after,
			.header-resources .header-frame-52:hover::after {
				content: '';
				position: absolute;
				top: 0;
				right: -0.333px;
				width: 130px;
				height: 56px;
				background: linear-gradient(270deg, #F1F5F9 45.05%, rgba(241, 245, 249, 0.00) 106.04%);
				pointer-events: none;
				z-index: 0;
				border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
			}
		}
		/* Arrow above gradient on dropdown tab hover - desktop */
		@media (min-width: 769px) {
			.header-platform .header-frame-32:hover .header-menu-item-arrow,
			.header-platform .header-frame-3:hover .header-menu-item-arrow,
			.header-platform .header-frame-6:hover .header-menu-item-arrow,
			.header-platform .header-frame-7:hover .header-menu-item-arrow,
			.header-platform .header-frame-5:hover .header-menu-item-arrow,
			.header-platform .header-frame-52:hover .header-menu-item-arrow,
			.header-platform .header-frame-33:hover .header-menu-item-arrow,
			.header-platform .header-frame-62:hover .header-menu-item-arrow,
			.header-platform .header-frame-74:hover .header-menu-item-arrow,
			.header-platform .header-frame-53:hover .header-menu-item-arrow,
			.header-platform .header-frame-34:hover .header-menu-item-arrow,
			.header-platform .header-frame-72:hover .header-menu-item-arrow,
			.header-platform .header-frame-63:hover .header-menu-item-arrow,
			.header-platform .header-frame-73:hover .header-menu-item-arrow,
			.header-platform .header-frame-54:hover .header-menu-item-arrow,
			.header-telco .header-frame-32:hover .header-menu-item-arrow,
			.header-telco .header-frame-5:hover .header-menu-item-arrow,
			.header-telco .header-frame-52:hover .header-menu-item-arrow,
			.header-telco .header-frame-3:hover .header-menu-item-arrow,
			.header-telco .header-frame-6:hover .header-menu-item-arrow,
			.header-telco .header-frame-7:hover .header-menu-item-arrow,
			.header-company .header-frame-3:hover .header-menu-item-arrow,
			.header-company .header-frame-6:hover .header-menu-item-arrow,
			.header-company .header-frame-5:hover .header-menu-item-arrow,
			.header-company .header-frame-32:hover .header-menu-item-arrow,
			.header-resources .header-frame-3:hover .header-menu-item-arrow,
			.header-resources .header-frame-6:hover .header-menu-item-arrow,
			.header-resources .header-frame-7:hover .header-menu-item-arrow,
			.header-resources .header-frame-32:hover .header-menu-item-arrow,
			.header-resources .header-frame-5:hover .header-menu-item-arrow,
			.header-resources .header-frame-52:hover .header-menu-item-arrow {
				position: relative;
				z-index: 1;
			}
		}
		.header-frame-2147227527,
		.header-frame-2147227528 {
			width: 40px;
			height: 40px;
    position: relative;
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header-rectangle-1 {
			background: #dae8fe;
			border-radius: 8px;
			width: 40px;
			height: 40px;
			position: absolute;
			left: 0;
			top: 0;
		}
		.header-calling,
		.header-chat,
		.header-notification,
		.header-message {
			width: 24px;
			height: 24px;
			position: relative;
    display: flex;
        align-items: center;
    justify-content: center;
			overflow: visible;
    flex-shrink: 0;
		}
		.header-frame,
		.header-frame2:not(svg),
		.header-frame5 {
			background: #dae8fe;
			border-radius: 8px;
			width: 40px !important;
			height: 40px !important;
			min-width: 40px !important;
			min-height: 40px !important;
			max-width: 40px !important;
			max-height: 40px !important;
    position: relative;
    overflow: visible;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			box-sizing: border-box !important;
		}
		.header-frame2:not(svg) {
			border-radius: 8px;
		}
		.header-frame5 {
			border-radius: 8px;
		}
		.header-frame svg,
		.header-frame svg.frame2,
		.header-frame2 svg:not(.frame3),
		.header-frame5 svg,
		.header-platform .header-frame svg,
		.header-platform .header-frame svg.frame2,
		.header-platform .header-frame2 svg:not(.frame3),
		.header-platform .header-frame5 svg,
		.header-company .header-frame svg,
		.header-company .header-frame svg.frame2,
		.header-company .header-frame2 svg:not(.frame3),
		.header-company .header-frame5 svg,
		.header-resources .header-frame svg,
		.header-resources .header-frame svg.frame2,
		.header-resources .header-frame2 svg:not(.frame3),
		.header-resources .header-frame5 svg {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			display: block !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			object-fit: contain !important;
			object-position: center !important;
			margin: 0 !important;
			padding: 0 !important;
			box-sizing: border-box !important;
		}
		/* Specific protection for Trust & Compliance and similar icons */
		.header-frame > svg.frame2[width="24"][height="24"],
		.header-platform .header-frame > svg.frame2[width="24"][height="24"],
		.header-company .header-frame > svg.frame2[width="24"][height="24"],
		.header-resources .header-frame > svg.frame2[width="24"][height="24"],
		.header-telco .header-frame > svg.frame2[width="24"][height="24"] {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			object-fit: contain !important;
			object-position: center !important;
			box-sizing: border-box !important;
			/* Perfect centering */
			margin: auto !important;
			display: block !important;
			position: relative !important;
			left: auto !important;
			top: auto !important;
			right: auto !important;
			bottom: auto !important;
			transform: none !important;
		}
		/* Ultra-specific protection for frame SVGs - size only, preserve positioning */
		.header-navbar-main .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-wrapper .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-platform .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-company .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-resources .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-telco .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-platform .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-company .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-resources .header-frame > svg:not(.header-frame5):not(.header-frame3),
		.header-telco .header-frame > svg:not(.header-frame5):not(.header-frame3) {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			object-fit: contain !important;
			object-position: center !important;
			margin: auto !important;
			display: block !important;
			box-sizing: border-box !important;
		}
		/* Ensure all frame containers properly center their content */
		.header-platform .header-frame,
		.header-company .header-frame,
		.header-company .header-frame2,
		.header-resources .header-frame2,
		.header-telco .header-frame {
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
		}
		/* Ensure frame2 containers properly center frame3 icons */
		.header-frame2 {
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
		}
		/* Final catch-all protection - size only, preserve positioning for specific icons */
		.header-navbar-wrapper .header-platform .header-frame svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-wrapper .header-company .header-frame svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-wrapper .header-resources .header-frame svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-wrapper .header-telco .header-frame svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-platform .header-frame svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-company .header-frame svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-resources .header-frame svg:not(.header-frame5):not(.header-frame3),
		.header-navbar-main .header-telco .header-frame svg:not(.header-frame5):not(.header-frame3) {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			object-fit: contain !important;
			object-position: center !important;
			box-sizing: border-box !important;
			/* Prevent stretching from any source */
			scale: 1 !important;
		}
		/* Specific size protection for frame5 and frame3 - preserve their positioning */
		.header-company .header-frame5 {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			box-sizing: border-box !important;
			scale: 1 !important;
			/* Preserve absolute centering */
			position: absolute !important;
			left: 50% !important;
			top: 50% !important;
			transform: translate(-50%, -50%) !important;
		}
		/* Analyst Report icon - 21x21 with original absolute positioning */
		.header-frame2 .header-frame3,
		.header-frame2 svg.frame3[width="21"][height="21"],
		.header-resources .header-frame2 .header-frame3,
		.header-resources .header-frame2 svg.frame3[width="21"][height="21"] {
			width: 21px !important;
			height: 21px !important;
			min-width: 21px !important;
			min-height: 21px !important;
			max-width: 21px !important;
			max-height: 21px !important;
			aspect-ratio: 1 / 1 !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			box-sizing: border-box !important;
			scale: 1 !important;
			/* Restore original absolute positioning like other frame3 icons */
			position: absolute !important;
			left: 50% !important;
			top: 50% !important;
			transform: translate(-50%, -50%) !important;
			overflow: visible !important;
		}
		.header-frame2 .header-frame4,
		.header-frame2 .header-frame6,
		.header-frame2 .header-frame7,
		.header-frame .header-frame3,
		.header-frame .header-frame4,
		.header-frame .header-frame6,
		.header-frame .vector,
		.header-frame-2147227528 .header-frame4,
		.header-telco .header-frame .header-frame3,
		.header-telco .header-frame .header-frame6 {
			position: relative !important;
			left: auto !important;
			top: auto !important;
			transform: none !important;
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			box-sizing: border-box !important;
		}
		.header-frame .vector {
			width: 21px !important;
			height: 21px !important;
		}
		.header-frame-2,
		.header-frame-22,
		.header-frame-23 {
    display: flex;
    flex-direction: column;
			gap: 0;
			align-items: flex-start;
			justify-content: center;
			flex: 1;
			min-width: 0;
			align-self: center;
			margin: 0;
			padding: 0;
		}
		.header-frame-2 {
			width: auto;
			min-width: 0;
		}
		.header-frame-23 {
			width: 186px;
			min-width: 0;
		}
		.header-voice,
		.header-rcs,
		.header-push,
		.header-sms,
		.header-whats-app-business,
		.header-email,
		.header-orbit,
		.header-cmp,
		.header-cmp-retail,
		.header-devostark,
		.header-dev-hub,
		.header-toll-free-numbers,
		.header-sender-id,
		.header-short-code-numbers,
		.header-international-phone-numbers,
		.header-_10-dlc,
		.header-number-lookup,
		.header-sms-monetisation,
		.header-voice-monetisation {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			white-space: nowrap;
    overflow: hidden;
			text-overflow: ellipsis;
		}
		.header-global-sms-delivery,
		.header-official-integration,
		.header-official-integration2,
		.header-c-paa-s,
		.header-connectivity-management,
		.header-ai-chatbot-integration,
		.header-developer-tools {
			color: var(--Text-text-quaternary, #62748E);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			margin: 0;
			padding: 0;
		}
		.header-frame-2147227519 {
			display: flex;
			flex-direction: row;
			gap: 16px;
			align-items: flex-end;
			justify-content: flex-end;
			width: 100%;
		}
		.header-see-all {
			color: var(--Color-Slate-slate-400, #90A1B9);
			text-align: left;
			font-family: 'Inter-Bold', sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			cursor: pointer;
			transition: color 0.2s ease;
			display: flex;
			flex-direction: row;
			gap: 8px;
			align-items: center;
		}
		.header-see-all:hover {
			color: #325FEC;
		}
		.header-see-all:hover .header-see-all-arrow {
			stroke: #325FEC;
		}
		.header-see-all:hover .header-see-all-arrow path {
			stroke: #325FEC !important;
		}
		.header-see-all-arrow {
			flex-shrink: 0;
			width: 18px;
			height: 18px;
			position: relative;
			overflow: visible;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: stroke 0.2s ease;
		}
		.header-frame3,
		.header-frame4,
		.header-frame6,
		.header-frame7,
		.frame8,
		.header-frame9,
		.frame10,
		.header-frame11,
		.header-frame12,
		.header-frame13,
		.header-frame14,
		.frame15,
		.header-frame16 {
			width: 24px;
			height: 24px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			overflow: visible;
		}
		.header-frame7,
		.frame8,
		.frame10,
		.frame15 {
			width: 40px;
			height: 40px;
			border-radius: 8px;
		}
		.header-iconly-bold-calling,
		.header-iconly-bold-chat,
		.header-iconly-bold-notification,
		.header-iconly-bold-message {
			width: 100%;
			height: 100%;
			display: block;
        position: relative;
    overflow: visible;
  }
		/* Communication APIs section (frame-172 in frame-17) grid positioning */
		.header-platform .header-frame-17 .header-frame-172 > .header-frame-32 {
			grid-column: 1 !important;
			grid-row: 1 !important;
		}
		.header-platform .header-frame-17 .header-frame-172 > .header-frame-5 {
			grid-column: 2 !important;
			grid-row: 1 !important;
		}
		.header-platform .header-frame-17 .header-frame-172 > .header-frame-3 {
			grid-column: 1 !important;
			grid-row: 2 !important;
		}
		.header-platform .header-frame-17 .header-frame-172 > .header-frame-6 {
			grid-column: 2 !important;
			grid-row: 2 !important;
		}
		.header-platform .header-frame-17 .header-frame-172 > .header-frame-52 {
			grid-column: 3 !important;
			grid-row: 1 !important;
		}
		/* Applications section (frame-16) grid positioning */
		.header-platform .header-frame-16 > .header-frame-33 {
			grid-column: 1 !important;
			grid-row: 1 !important;
		}
		.header-platform .header-frame-16 > .header-frame-74 {
			grid-column: 1 !important;
			grid-row: 2 !important;
			position: static !important;
			width: auto !important;
		}
		.header-platform .header-frame-16 > .header-frame-34 {
			grid-column: 2 !important;
			grid-row: 1 !important;
			position: static !important;
			width: auto !important;
		}
		.header-platform .header-frame-16 > .header-frame-72 {
			grid-column: 2 !important;
			grid-row: 2 !important;
			position: static !important;
			width: auto !important;
		}
		.header-platform .header-frame-16 > .header-frame-62 {
			grid-column: 3 !important;
			grid-row: 1 !important;
		}
		.header-platform .header-frame-16 > .header-frame-53 {
			grid-column: 3 !important;
			grid-row: 2 !important;
			position: static !important;
			width: auto !important;
			margin-bottom: 24px !important;
		}
		/* Connectivity section (frame-172 in frame-21) grid positioning */
		.header-platform .header-frame-21 .header-frame-172 > .header-frame-33 {
			grid-column: 1 / span 1 !important;
			grid-row: 1 / span 1 !important;
		}
		.header-platform .header-frame-21 .header-frame-172 > .header-frame-54 {
			grid-column: 2 / span 1 !important;
			grid-row: 1 / span 1 !important;
		}
		.header-platform .header-frame-21 .header-frame-172 > .header-frame-53 {
			grid-column: 3 / span 1 !important;
			grid-row: 1 / span 1 !important;
		}
		.header-platform .header-frame-21 .header-frame-172 > .header-frame-34 {
			grid-column: 1 / span 1 !important;
			grid-row: 2 / span 1 !important;
		}
		.header-platform .header-frame-21 .header-frame-172 > .header-frame-63 {
			grid-column: 2 / span 1 !important;
			grid-row: 2 / span 1 !important;
		}
		.header-platform .header-frame-21 .header-frame-172 > .header-frame-73 {
			grid-column: 3 / span 1 !important;
			grid-row: 2 / span 1 !important;
		}
		.header-telco,
		.header-telco * {
			box-sizing: border-box;
		}
		.header-frame-2147227517 {
        display: flex;
        flex-direction: column;
			gap: 16px;
			align-items: flex-start;
        justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
		.header-telco2 {
			color: var(--Color-Slate-slate-400, #90A1B9);
    text-align: left;
			font-family: 'Inter-Bold', sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 0.08em;
    text-transform: uppercase;
        position: relative;
        align-self: stretch;
    }
		.header-telco .header-frame-17 {
    align-self: stretch;
			flex-shrink: 0;
			display: grid;
			gap: 24px;
			row-gap: 8px;
			position: relative;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-template-rows: repeat(2, minmax(0, 1fr));
		}
		.header-telco .header-frame-32 {
			border-radius: 10px;
			padding: 8px;
        display: flex;
    flex-direction: row;
			gap: 10px;
        align-items: center;
			justify-content: space-between;
        position: relative;
			grid-column: 1 / span 1;
			grid-row: 1 / span 1;
			cursor: pointer;
			transition: background-color 0.2s;
			box-sizing: border-box;
		}
		.header-telco .header-frame-32 > .header-frame {
			order: 0;
        flex-shrink: 0;
			flex-grow: 0;
			align-self: center;
    margin: 0;
}
		.header-telco .header-frame-32 > .header-frame img {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			display: block !important;
			object-fit: contain !important;
		}
		.header-telco .header-frame-32 > .header-frame-2 {
			flex: 1 !important;
			min-width: 0;
			align-self: center;
			margin: 0;
		}
		.header-telco .header-frame-32:hover {
			background-color: #f1f5f9;
		}
		.header-telco .header-frame-52 {
			border-radius: 10px;
			padding: 8px;
			display: flex !important;
			flex-direction: row !important;
			gap: 10px;
			align-items: center !important;
			justify-content: space-between !important;
    position: relative;
			grid-column: 1 / span 1;
			grid-row: 2 / span 1;
        cursor: pointer;
			transition: background-color 0.2s;
			box-sizing: border-box;
		}
		.header-telco .header-frame-52:hover {
			background-color: #f1f5f9;
		}
		.header-telco .header-frame-5 {
			border-radius: 10px;
			padding: 8px;
			display: flex !important;
			flex-direction: row !important;
			gap: 10px;
			align-items: center !important;
			justify-content: space-between !important;
			position: relative;
			grid-column: 2 / span 1;
			grid-row: 1 / span 1;
			cursor: pointer;
			transition: background-color 0.2s;
			box-sizing: border-box;
		}
		.header-telco .header-frame-5:hover {
			background-color: #f1f5f9;
		}
		.header-telco .header-frame-6 {
			border-radius: 10px;
			padding: 8px;
			display: flex !important;
			flex-direction: row !important;
			gap: 10px;
			align-items: center !important;
			justify-content: space-between !important;
			position: relative;
			grid-column: 2 / span 1;
			grid-row: 2 / span 1;
			cursor: pointer;
			transition: background-color 0.2s;
			box-sizing: border-box;
		}
		.header-telco .header-frame-6:hover {
			background-color: #f1f5f9;
		}
		.header-telco .header-frame-3 {
			border-radius: 10px;
			padding: 8px;
			display: flex !important;
			flex-direction: row !important;
			gap: 10px;
			align-items: center !important;
			justify-content: space-between !important;
			position: relative;
			grid-column: 3 / span 1;
			grid-row: 1 / span 1;
			cursor: pointer;
			transition: background-color 0.2s;
			box-sizing: border-box;
		}
		.header-telco .header-frame-7 {
			border-radius: 10px;
			padding: 8px;
			display: flex !important;
			flex-direction: row !important;
			gap: 10px;
			align-items: center !important;
			justify-content: space-between !important;
			position: relative;
			grid-column: 3 / span 1;
			grid-row: 2 / span 1;
			cursor: pointer;
			transition: background-color 0.2s;
			box-sizing: border-box;
		}
		.header-telco .header-frame-3:hover {
			background-color: #f1f5f9;
		}
		.header-telco .header-frame-7:hover {
			background-color: #f1f5f9;
		}
		.header-telco .header-frame-6:hover {
			background-color: #f1f5f9;
		}
		.header-telco .header-frame,
		.header-telco .header-frame4 {
			background: #dae8fe !important;
			border-radius: 8px !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			width: 40px !important;
			height: 40px !important;
			min-width: 40px !important;
			min-height: 40px !important;
			max-width: 40px !important;
			max-height: 40px !important;
			position: relative !important;
			overflow: visible !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		.header-telco .header-frame4 {
			border-radius: 8px !important;
		}
		.header-telco .header-frame svg,
		.header-telco .header-frame4 svg,
		.header-telco .header-frame img,
		.header-telco .header-frame4 img {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			position: relative !important;
			left: auto !important;
			top: auto !important;
			right: auto !important;
			bottom: auto !important;
			transform: none !important;
			display: block !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 24px !important;
			margin: 0 !important;
			padding: 0 !important;
			overflow: visible !important;
			object-fit: contain !important;
			object-position: center !important;
			box-sizing: border-box !important;
		}
		.header-telco .header-frame-5 > .header-frame svg {
			width: 17px !important;
			height: 20px !important;
			min-width: 17px !important;
			min-height: 20px !important;
			max-width: 17px !important;
			max-height: 20px !important;
			aspect-ratio: 17 / 20 !important;
			display: block !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			flex-basis: 17px !important;
			object-fit: contain !important;
			object-position: center !important;
			margin: 0 !important;
			padding: 0 !important;
			position: relative !important;
			left: auto !important;
			top: auto !important;
			right: auto !important;
			bottom: auto !important;
			transform: none !important;
			overflow: visible !important;
			box-sizing: border-box !important;
		}
		.header-telco .header-frame-32 > .header-frame {
			order: 0;
			flex-shrink: 0;
			flex-grow: 0;
			align-self: center;
			margin: 0;
		}
		.header-telco .header-frame-5 > .header-frame,
		.header-telco .header-frame-52 > .header-frame,
		.header-telco .header-frame-3 > .header-frame,
		.header-telco .header-frame-6 > .header-frame,
		.header-telco .header-frame-7 > .header-frame {
			order: 0 !important;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			align-self: center !important;
			margin: 0 !important;
		}
		.header-telco .header-frame-32 > .header-frame-2,
		.header-telco .header-frame-5 > .header-frame-2,
		.header-telco .header-frame-52 > .header-frame-2,
		.header-telco .header-frame-3 > .header-frame-2,
		.header-telco .header-frame-6 > .header-frame-2,
		.header-telco .header-frame-7 > .header-frame-2 {
			flex: 1 !important;
			min-width: 0;
			align-self: center !important;
			margin: 0 !important;
		}
		.header-telco .header-sms-voice-monetization {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
			width: 185px;
		}
		.header-telco .header-cloud-net-ms-path {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
		}
		.header-telco .header-a-2-p-p-2-p-messaging {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
			width: auto;
        max-width: 100%;
		}
		.header-telco .header-sms-firewall {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
		}
		.header-telco .header-transit-sms-voice {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
		}
		@media (max-width: 1200px) {
			.header-platform {
				min-width: 700px;
			}
		}
		@media (max-width: 768px) {
			.header-platform {
				min-width: calc(100vw - 40px);
				left: -20px;
				right: -20px;
				width: calc(100vw - 40px);
			}
			.header-telco {
				min-width: calc(100vw - 40px);
				left: -20px;
				right: -20px;
				width: calc(100vw - 40px);
			}
			.header-company {
				min-width: calc(100vw - 40px);
				left: -20px;
				right: -20px;
				width: calc(100vw - 40px);
			}
		}
		.header-company,
		.header-company * {
			box-sizing: border-box;
		}
		.header-company .header-frame-19 {
            display: flex;
            flex-direction: column;
			gap: 16px;
			align-items: flex-start;
            justify-content: flex-start;
            align-self: stretch;
            flex-shrink: 0;
            position: relative;
        }
		.header-company2 {
			color: var(--Color-Slate-slate-400, #90A1B9);
			text-align: left;
			font-family: 'Inter-Bold', sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			position: relative;
			align-self: stretch;
		}
		.header-company .header-frame-16 {
			align-self: stretch;
			flex-shrink: 0;
			display: grid;
			gap: 24px;
			row-gap: 8px;
			position: relative;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-template-rows: repeat(2, minmax(0, 1fr));
		}
		.header-company .header-frame-3 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
            align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 1 / span 1;
			grid-row: 1 / span 1;
			box-sizing: border-box;
		}
		.header-company .header-frame-3:hover {
			background-color: #f1f5f9;
		}
		.header-company .header-frame {
			border-radius: 8px;
			flex-shrink: 0 !important;
			flex-grow: 0 !important;
			width: 40px !important;
			height: 40px !important;
			min-width: 40px !important;
			min-height: 40px !important;
			max-width: 40px !important;
			max-height: 40px !important;
			position: relative;
			overflow: visible;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			box-sizing: border-box !important;
		}
		.header-company .header-frame-6 {
			border-radius: 10px;
			padding: 8px;
            display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 2 / span 1;
			grid-row: 1 / span 1;
		}
		.header-company .header-frame-6:hover {
			background-color: #f1f5f9;
		}
		.header-company .header-frame2 {
			background: #dae8fe;
			border-radius: 8px;
			flex-shrink: 0;
			width: 40px;
			height: 40px;
			position: relative;
			overflow: hidden;
			display: flex;
			align-items: center;
            justify-content: center;
		}
		.header-company .header-frame3 {
			width: 24px;
			height: 24px;
			position: relative;
			overflow: visible;
		}
		.header-company .header-frame-5 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
            align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 2 / span 1;
			grid-row: 1 / span 1;
			box-sizing: border-box;
		}
		.header-company .header-frame-5:hover {
			background-color: #f1f5f9;
		}
		.header-company .header-frame4 {
			width: 24px;
			height: 24px;
			position: relative;
			overflow: visible;
		}
		.header-company .header-frame-32 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 3 / span 1;
			grid-row: 1 / span 1;
			box-sizing: border-box;
		}
		.header-company .header-frame-32:hover {
			background-color: #f1f5f9;
		}
		.header-company .header-frame-3 > .header-frame-2,
		.header-company .header-frame-5 > .header-frame-2,
		.header-company .header-frame-32 > .header-frame-2 {
			flex: 1 !important;
			min-width: 0;
			align-self: center;
			margin: 0;
		}
		.header-company .header-frame5 {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			aspect-ratio: 1 / 1 !important;
			position: absolute !important;
			left: 50% !important;
			top: 50% !important;
			transform: translate(-50%, -50%) !important;
			overflow: visible !important;
			box-sizing: border-box !important;
		}
		.header-company .header-about-devotel {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
            font-family: var(--Font-family-font-family-body, Inter);
            font-size: var(--Font-size-text-sm, 14px);
            font-style: normal;
			font-weight: 500;
            line-height: var(--Line-height-text-sm, 20px);
            position: relative;
            align-self: stretch;
        }
		.header-company .header-brand-kit {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
            font-family: var(--Font-family-font-family-body, Inter);
            font-size: var(--Font-size-text-sm, 14px);
            font-style: normal;
			font-weight: 500;
            line-height: var(--Line-height-text-sm, 20px);
            position: relative;
            align-self: stretch;
        }
		.header-company .header-careers {
            color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
            font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
			align-self: stretch;
		}
		.header-company .header-contact-us {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
		}
		.header-company .header-trust-compliance {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
		}
		.header-company .header-global-sms-delivery2 {
			color: var(--Text-text-quaternary, #62748E);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		/* Resources Dropdown Styles */
		.header-resources-parent {
			border-radius: 10px;
			background-color: transparent;
			display: flex;
			align-items: center;
			padding: 10px 14px;
			height: 40px;
        flex-shrink: 0;
			gap: 6px;
			cursor: pointer;
			transition: background-color 0.2s, padding 0.2s;
			position: relative;
			overflow: visible;
		}
		.header-resources-parent:hover {
			background-color: #f1f5f9;
			padding: 8px 14px;
		}
		.header-resources,
		.header-resources * {
            box-sizing: border-box;
        }
		.header-resources {
			background: var(--color-base-base-white, #ffffff);
			border-radius: 16px;
			border-style: solid;
			border-color: #e3e6eb;
			border-width: 1px;
			padding: 0 !important;
			height: 0 !important;
			max-height: 0 !important;
			opacity: 0 !important;
			visibility: hidden !important;
			display: none !important;
			flex-direction: column;
			gap: 24px;
			align-items: flex-start;
			justify-content: flex-start;
			position: absolute;
			top: calc(100% + 8px);
        left: 0;
			overflow: hidden !important;
			transform: translateX(0);
			transition: opacity 0.15s ease, max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), padding 0.2s ease, visibility 0.15s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			z-index: 1000;
			min-width: 600px;
			box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
			visibility: hidden !important;
			opacity: 0 !important;
			height: 0 !important;
			width: 0 !important;
			min-width: 0 !important;
			max-width: 0 !important;
			overflow: hidden !important;
			padding: 0 !important;
			border: none !important;
			box-shadow: none !important;
			pointer-events: none !important;
			transform: translateY(-10px);
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            min-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            max-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-resources > * {
			animation: slideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-resources.header-slide-from-left > * {
			animation: slideInFromLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-resources.header-slide-from-right > * {
			animation: slideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		.header-resources-parent:hover .header-resources,
		.header-resources:hover {
			display: flex !important;
			visibility: visible !important;
			opacity: 1 !important;
			height: auto !important;
			max-height: 1000px !important;
			width: 917px !important;
			min-width: 917px !important;
			max-width: 917px !important;
			overflow: visible !important;
			padding: 20px 24px 16px 24px !important;
			border: 1px solid #e3e6eb !important;
			box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10) !important;
			pointer-events: auto !important;
			left: 0 !important;
			right: auto !important;
			transform: translateX(0) !important;
			margin-left: 0 !important;
			transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
			            transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            visibility 0.4s,
			            box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            padding 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            min-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			            max-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		}
		/* Slide animations for resources dropdown */
		.header-resources.header-slide-from-left {
			transform: translateX(-80px) !important;
		}
		.header-resources.header-slide-from-right {
			transform: translateX(80px) !important;
		}
		.header-resources-parent:hover .header-resources.header-slide-from-left,
		.header-resources-parent:hover .header-resources.header-slide-from-right {
			transform: translateX(0) !important;
		}
		.header-resources .header-frame-17 {
        display: flex;
        flex-direction: column;
			gap: 16px;
			align-items: flex-start;
            justify-content: flex-start;
            align-self: stretch;
            flex-shrink: 0;
            position: relative;
		}
		.header-resources .header-r-esources {
			color: var(--Color-Slate-slate-400, #90A1B9);
			text-align: left;
			font-family: 'Inter-Bold', sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			position: relative;
		}
		.header-resources .header-frame-172 {
			align-self: stretch;
			flex-shrink: 0;
			display: grid;
			gap: 24px;
			row-gap: 8px;
			position: relative;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			grid-template-rows: repeat(2, minmax(0, 1fr));
		}
		.header-resources .header-frame-3 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
            align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 1 / span 1;
			grid-row: 2 / span 1;
		}
		.header-resources .header-frame-3:hover {
			background-color: #f1f5f9;
		}
		.header-resources .header-frame-2147227527 {
			flex-shrink: 0;
			width: 40px;
			height: 40px;
			position: relative;
			display: flex;
            align-items: center;
            justify-content: center;
		}
		.header-resources .header-rectangle-1 {
			background: var(--color-brand-brand-100, #dae8fe);
			border-radius: 8px;
			width: 40px;
			height: 40px;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.header-resources .header-frame {
			width: 24px !important;
			height: 24px !important;
			min-width: 24px !important;
			min-height: 24px !important;
			max-width: 24px !important;
			max-height: 24px !important;
			position: relative;
			overflow: visible;
		}
		.header-resources .header-frame-2 {
    display: flex;
    flex-direction: column;
			gap: 0px;
            align-items: flex-start;
            justify-content: center;
			flex: 1;
			min-width: 200px;
			position: relative;
			align-self: center;
			margin: 0;
		}
		.header-resources .header-analyst-reports {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
    position: relative;
            align-self: stretch;
		}
		.header-resources .header-global-sms-delivery {
			color: var(--Text-text-quaternary, #62748E);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
    position: relative;
			align-self: stretch;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.header-resources .header-frame-6 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: space-between;
    position: relative;
			grid-column: 2 / span 1;
			grid-row: 2 / span 1;
		}
		.header-resources .header-frame-6:hover {
			background-color: #f1f5f9;
		}
		.header-resources .header-frame2 {
			background: var(--color-brand-brand-100, #dae8fe);
			border-radius: 6.4px;
            flex-shrink: 0;
			width: 40px;
			height: 40px;
        position: relative;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.header-resources .header-frame3 {
			width: 24px;
			height: 24px;
        position: relative;
			overflow: visible;
		}
		.header-resources .header-faq {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
            position: relative;
            align-self: stretch;
		}
		.header-resources .header-global-sms-delivery2 {
			color: var(--Text-text-quaternary, #62748E);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			word-wrap: break-word;
		}
		.header-resources .header-frame-7 {
			border-radius: 10px;
			padding: 8px;
        display: flex;
        flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 3 / span 1;
			grid-row: 2 / span 1;
		}
		.header-resources .header-frame-7:hover {
			background-color: #f1f5f9;
		}
		.header-resources .header-frame-2147227528 {
			flex-shrink: 0;
			width: 40px;
			height: 40px;
			position: relative;
			display: flex;
        align-items: center;
        justify-content: center;
		}
		.header-resources .header-frame4 {
			width: 24px;
			height: 24px;
        position: relative;
			overflow: visible;
		}
		.header-resources .header-customer-cases {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
            position: relative;
            align-self: stretch;
        }
		.header-resources .header-frame-32 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 1 / span 1;
			grid-row: 1 / span 1;
		}
		.header-resources .header-frame-32:hover {
			background-color: #f1f5f9;
		}
		.header-resources .header-frame5 {
			width: 24px;
			height: 24px;
			position: relative;
			overflow: visible;
		}
		.header-resources .header-blog {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
			align-self: stretch;
		}
		.header-resources .header-frame-5 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 2 / span 1;
			grid-row: 1 / span 1;
		}
		.header-resources .header-frame-5:hover {
			background-color: #f1f5f9;
		}
		.header-resources .header-frame6 {
			width: 24px;
			height: 24px;
			position: relative;
			overflow: visible;
		}
		.header-resources .header-news {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
		}
		.header-resources .header-official-integration {
			color: var(--Text-text-quaternary, #62748E);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.header-resources .header-frame-52 {
			border-radius: 10px;
			padding: 8px;
			display: flex;
			flex-direction: row;
			gap: 10px;
			align-items: center;
			justify-content: space-between;
			position: relative;
			grid-column: 3 / span 1;
			grid-row: 1 / span 1;
		}
		.header-resources .header-frame-52:hover {
			background-color: #f1f5f9;
		}
		.header-resources .header-frame7 {
			width: 24px;
			height: 24px;
			position: relative;
			overflow: visible;
		}
		.header-resources .header-documentation {
			color: var(--Text-text-primary, #0F172B);
			text-align: left;
			font-family: var(--Font-family-font-family-body, Inter);
			font-size: var(--Font-size-text-sm, 14px);
			font-style: normal;
			font-weight: 500;
			line-height: var(--Line-height-text-sm, 20px);
			position: relative;
		}
		@media (max-width: 768px) {
			.header-resources {
				min-width: calc(100vw - 40px);
				left: -20px;
				right: -20px;
				width: calc(100vw - 40px);
			}
		}
		/* Smooth slide animations */
		@keyframes slideInFromLeft {
			from {
				opacity: 0;
				transform: translateX(-40px);
			}
			to {
				opacity: 1;
				transform: translateX(0);
			}
		}
		@keyframes slideInFromRight {
			from {
				opacity: 0;
				transform: translateX(40px);
			}
			to {
				opacity: 1;
				transform: translateX(0);
			}
		}
		@keyframes fadeOut {
			from {
				opacity: 1;
			}
			to {
				opacity: 0;
        }
}

/* Mobile login button — prevent #cc3366 bleed */
.mobile-menu-button-secondary,
.mobile-menu-button-secondary:hover,
.mobile-menu-button-secondary:active,
.mobile-menu-button-secondary:focus,
.mobile-menu-button-secondary:visited {
background-color: transparent !important;
background: transparent !important;
}
.mobile-menu-button-secondary:hover {
border-color: #a8b8c8 !important;
}

/* Homepage/SIM overlay: transparent at top → frosted glass on scroll (shell on ::before). */

body.is-home-page .header-navbar-wrapper:not(.header-scrolled),
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) {
	background-color: transparent !important;
	background: transparent !important;
	border-bottom: 1px solid var(--Border-border-secondary, #e2e8f0) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.devotel-inner-page:not(.devotel-sim-based-page) .header-navbar-wrapper:not(.header-scrolled) {
	background-color: #ffffff !important;
	background: #ffffff !important;
	border-bottom: 1px solid var(--Border-border-secondary, #e2e8f0) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* Scrolled boxed styles — see SleekFlow-style block at end of file. */

body.is-home-page .header-navbar-main,
body.devotel-sim-based-page .header-navbar-main {
	background-color: transparent !important;
}

body.devotel-inner-page:not(.devotel-sim-based-page) .header-navbar-main {
	background-color: #ffffff !important;
}

/* -------------------------------------------------------------------------
   SleekFlow-style boxed header on scroll (desktop + mobile, all page types).
   ------------------------------------------------------------------------- */
:root {
	--devotel-header-boxed-gap: 20px;
	--devotel-header-boxed-gap-mobile: 12px;
	--devotel-header-boxed-inset: 24px;
	--devotel-header-boxed-inset-mobile: 12px;
	--devotel-header-boxed-radius: 24px;
	--devotel-header-boxed-max-width: 1440px;
}

.header-navbar-wrapper {
	box-sizing: border-box;
	overflow: visible;
	position: relative;
	isolation: isolate;
	transform-origin: top center;
	will-change: width, max-width, border-radius, top, box-shadow;
	transition:
		top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		border-radius 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		background 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		border-color 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		border-width 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.header-navbar-wrapper:not(.header-scrolled),
.header-navbar-wrapper.header-scrolled {
	left: 0 !important;
	right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Frosted glass on pseudo-element so logo/nav/CTAs stay crisp. */
.header-navbar-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
	opacity: 0;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-navbar-wrapper.header-scrolled::before {
	opacity: 1;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled::before {
	background: rgba(255, 255, 255, 0.72);
}

.header-navbar-wrapper .header-navbar-main {
	position: relative;
	z-index: 1;
}

.header-navbar-wrapper .header-logo-svg {
	transform: none !important;
	-webkit-font-smoothing: antialiased;
}

@media (prefers-reduced-motion: reduce) {
	.header-navbar-wrapper {
		transition: none !important;
	}

	.header-navbar-wrapper::before {
		transition: none !important;
	}
}

.header-navbar-wrapper:not(.header-scrolled) {
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	box-shadow: none;
}

.header-navbar-wrapper.header-scrolled {
	width: min(
		var(--devotel-header-boxed-max-width),
		calc(100% - (var(--devotel-header-boxed-inset) * 2))
	) !important;
	max-width: var(--devotel-header-boxed-max-width) !important;
	border-radius: var(--devotel-header-boxed-radius) !important;
	border: 1px solid rgba(202, 213, 226, 0.6) !important;
	box-shadow: 0 8px 32px rgba(15, 23, 43, 0.08);
	background-color: transparent !important;
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap)) !important;
	overflow: visible !important;
}

/* Scrolled: shell only — inner layout unchanged from default. */
.header-navbar-wrapper.header-scrolled .header-navbar-main {
	overflow: visible !important;
	background-color: transparent !important;
	background: transparent !important;
}

body.is-home-page .header-navbar-wrapper.header-scrolled,
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled {
	top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap)) !important;
}

/* Desktop: boxed pill on scroll — overlay pages fixed; inner pages sticky (no position snap). */
@media (min-width: 769px) {
	body.is-home-page .header-navbar-wrapper.header-scrolled,
	body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled {
		position: fixed !important;
		z-index: 99999 !important;
		top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap)) !important;
		left: 0 !important;
		right: 0 !important;
		width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset) * 2))
		) !important;
		max-width: var(--devotel-header-boxed-max-width) !important;
	}

	body.devotel-inner-page:not(.devotel-sim-based-page):not(.is-home-page) .header-navbar-wrapper.header-scrolled {
		position: sticky !important;
		z-index: 99998 !important;
	}

	body:not(.is-home-page):not(.devotel-sim-based-page) .header-navbar-wrapper:not(.header-scrolled) {
		position: sticky !important;
		top: var(--devotel-admin-bar-height, 0px) !important;
	}

	/* Desktop login — design token border in scrolled / inner-page states. */
	.header-navbar-wrapper.header-scrolled .header-login-wrapper,
	body.devotel-inner-page .header-login-wrapper {
		border-radius: 10px !important;
		border: 1px solid var(--Border-border-primary, #cad5e2) !important;
		background-color: #fff !important;
	}

	.header-navbar-wrapper.header-scrolled .header-login-text,
	body.devotel-inner-page .header-login-text {
		color: #0f172b !important;
	}

	body.is-home-page:not(.devotel-home-solutions-hero) .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper {
		background-color: transparent !important;
		border-color: #fff !important;
	}

	body.is-home-page:not(.devotel-home-solutions-hero) .header-navbar-wrapper:not(.header-scrolled) .header-login-text {
		color: #fff !important;
	}

	/* SIM overlay pages use light heroes — visible bordered login at top. */
	body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper {
		background-color: #fff !important;
		border: 1px solid var(--Border-border-primary, #cad5e2) !important;
	}

	body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-text {
		color: #0f172b !important;
	}
}

body.devotel-inner-page:not(.devotel-sim-based-page) .header-navbar-wrapper.header-scrolled .header-navbar-main {
	background-color: transparent !important;
}

/* Homepage / SIM overlay: fixed wrapper on all viewports (enables top gap on desktop). */
body.is-home-page #site-header,
body.devotel-sim-based-page #site-header {
	position: static !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index: auto !important;
}

body.is-home-page .header-navbar-wrapper:not(.header-scrolled),
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) {
	position: fixed !important;
	top: var(--devotel-admin-bar-height, 0px) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	z-index: 99999 !important;
	transition:
		top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		border-radius 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.is-home-page .header-navbar-wrapper.header-scrolled,
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled {
	position: fixed !important;
	z-index: 99999 !important;
	transition:
		top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		border-radius 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@media (max-width: 768px) {
	.header-navbar-wrapper.header-scrolled {
		position: fixed !important;
		z-index: 99999 !important;
		width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset-mobile) * 2))
		) !important;
		max-width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset-mobile) * 2))
		) !important;
		left: 0 !important;
		right: 0 !important;
		top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap-mobile)) !important;
		overflow: visible !important;
		border-radius: var(--devotel-header-boxed-radius) !important;
		border: 1px solid rgba(202, 213, 226, 0.6) !important;
		box-shadow: 0 8px 32px rgba(15, 23, 43, 0.08) !important;
	}

	/* Mobile menu panel — position synced via JS (syncMobileMenuPanelPosition). */
	.header-navbar-wrapper:has(.mobile-menu-overlay.active) {
		z-index: 100001 !important;
		overflow: visible !important;
	}

	.header-navbar-wrapper.header-scrolled:has(.mobile-menu-overlay.active),
	.header-navbar-wrapper.devotel-header-elevated.header-scrolled:has(.mobile-menu-overlay.active) {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.header-navbar-wrapper.header-scrolled:has(.mobile-menu-overlay.active)::before,
	.header-navbar-wrapper.devotel-header-elevated.header-scrolled:has(.mobile-menu-overlay.active)::before {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.header-navbar-wrapper.header-scrolled:has(.mobile-menu-overlay.active) .header-navbar-main,
	.header-navbar-wrapper.devotel-header-elevated.header-scrolled:has(.mobile-menu-overlay.active) .header-navbar-main {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

		.mobile-menu-overlay.devotel-mobile-menu-panel.active,
		.mobile-menu-overlay.devotel-mobile-menu-panel.devotel-menu-closing {
			box-sizing: border-box !important;
			border-top-left-radius: 0 !important;
			border-top-right-radius: 0 !important;
			border-top: 0 !important;
			border-bottom-left-radius: var(--devotel-header-boxed-radius, 24px) !important;
			border-bottom-right-radius: var(--devotel-header-boxed-radius, 24px) !important;
		}

	.header-mobile-menu-button {
		z-index: 100002 !important;
	}

	/* Menu open + scrolled: boxed shell, flat bottom only while overlay is active. */
	body.devotel-mobile-menu-open .header-navbar-wrapper.header-scrolled,
	body.devotel-mobile-menu-open .header-navbar-wrapper.devotel-header-elevated.header-scrolled {
		z-index: 100001 !important;
		position: fixed !important;
		background-color: #ffffff !important;
		background: #ffffff !important;
		top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap-mobile)) !important;
		width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset-mobile) * 2))
		) !important;
		max-width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset-mobile) * 2))
		) !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		border-radius: var(--devotel-header-boxed-radius) !important;
		border: 1px solid rgba(202, 213, 226, 0.6) !important;
		box-shadow: 0 8px 32px rgba(15, 23, 43, 0.08) !important;
		overflow: visible !important;
	}

	body.devotel-mobile-menu-open .header-navbar-wrapper.header-scrolled:has(.mobile-menu-overlay.active),
	body.devotel-mobile-menu-open .header-navbar-wrapper.devotel-header-elevated.header-scrolled:has(.mobile-menu-overlay.active) {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	/* Menu open + not scrolled: keep full-width bar, no sticky pill. */
	body.devotel-mobile-menu-open .header-navbar-wrapper:not(.header-scrolled),
	body.devotel-mobile-menu-open .header-navbar-wrapper.devotel-header-elevated:not(.header-scrolled) {
		z-index: 100001 !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		top: var(--devotel-admin-bar-height, 0px) !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border-radius: 0 !important;
		border: none !important;
		box-shadow: none !important;
	}

	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled),
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) {
		background-color: #ffffff !important;
		background: #ffffff !important;
	}

	body.devotel-mobile-menu-open .header-navbar-main {
		background-color: #ffffff !important;
	}

	/* Readable nav chrome when overlay menu is open on hero pages. */
	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-products,
	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-telco,
	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-company,
	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-menu-item-text,
	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-menu-item,
	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-frame-parent a,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-products,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-telco,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-company,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-menu-item-text,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-menu-item,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-frame-parent a {
		color: #0f172b !important;
	}

	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-arrow-down svg path,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-arrow-down svg path {
		stroke: #0f172b !important;
	}

	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper {
		background-color: #fff !important;
		border: 1px solid var(--Border-border-primary, #cad5e2) !important;
	}

	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-login-text,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-text {
		color: #0f172b !important;
	}

	body.devotel-mobile-menu-open.is-home-page .header-navbar-wrapper:not(.header-scrolled) .header-mobile-menu-button svg path,
	body.devotel-mobile-menu-open.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-mobile-menu-button svg path {
		stroke: #414651 !important;
	}

	body.devotel-mobile-menu-open .header-mobile-menu-button {
		position: relative;
		z-index: 100003 !important;
	}

	@media (prefers-reduced-motion: reduce) {
		.mobile-menu-overlay,
		.mobile-menu-overlay.active {
			transition: none !important;
		}
	}

	body.is-home-page .header-navbar-wrapper.header-scrolled,
	body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled {
		top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap-mobile)) !important;
		left: 0 !important;
		right: 0 !important;
		width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset-mobile) * 2))
		) !important;
		max-width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset-mobile) * 2))
		) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (min-width: 769px) {
	body.is-home-page .header-navbar-wrapper.header-scrolled,
	body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled {
		position: fixed !important;
		top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap)) !important;
		left: 0 !important;
		right: 0 !important;
		width: min(
			var(--devotel-header-boxed-max-width),
			calc(100% - (var(--devotel-header-boxed-inset) * 2))
		) !important;
		max-width: var(--devotel-header-boxed-max-width) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}