/* Devotel bundle: home-critical */

/* Source: assets/css/inter-fonts.css */
/**
 * Named Inter families used in Elementor / snapshot widgets → real weights.
 * Prevents synthetic bolding when only font-family: Inter-SemiBold is set.
 */

/* Generic Inter family (font-family: Inter) used across header, hero, and kit CSS. */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

/* Solutions hero tab labels */
@font-face {
	font-family: 'RobotoMono-Medium';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/robotomono/v23/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2') format('woff2');
}

@font-face {
	font-family: "RobotoMono-Medium";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/robotomono/v23/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter-Regular';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter-Medium';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter-SemiBold';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter-Bold';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

/* Quoted variants in design tokens */
@font-face {
	font-family: "Inter-Regular";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter-Medium";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter-SemiBold";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter-Bold";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

/* When widgets set both named family and explicit weight */
@font-face {
	font-family: 'Inter-Medium';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter-SemiBold';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter-Medium";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: "Inter-SemiBold";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'duplet';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

@font-face {
	font-family: 'Duplet';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

/* Map Elementor kit Roboto tokens to Inter on the homepage bundle. */
body.elementor-kit-6 {
	--e-global-typography-primary-font-family: "Inter", sans-serif;
	--e-global-typography-secondary-font-family: "Inter", sans-serif;
	--e-global-typography-text-font-family: "Inter", sans-serif;
	--e-global-typography-accent-font-family: "Inter", sans-serif;
}


/* Source: assets/css/main.css */
/* Core theme styles used around extracted Elementor sections. */
:root {
	--devotel-content-width: 1280px;
	--devotel-surface: #ffffff;
	--devotel-text: #0f172b;
	--devotel-muted: #62748e;
	--devotel-admin-bar-height: 0px;
	--devotel-header-height: 68px;
	--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;
}

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

html,
body {
	margin: 0;
	padding: 0;
}

body {
	color: var(--devotel-text);
	background: var(--devotel-surface);
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.is-home-page,
body.devotel-home-page {
	overflow-x: clip;
}

.site-main {
	min-height: 50vh;
}

/* Recovered inner-page markup (snapshots / extracted HTML widgets). */
.devotel-cached-snapshot,
.devotel-page > .devotel-el-fallback {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

.devotel-cached-snapshot .elementor {
	width: 100%;
	max-width: 100%;
}

.devotel-cached-snapshot .d-devotel-products-all-products,
.devotel-page .d-devotel-products-all-products,
body.devotel-products-page .d-devotel-products-all-products {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
	position: relative !important;
}

.devotel-cached-snapshot .d-devotel-products-all-products .header-section,
.devotel-cached-snapshot .d-devotel-products-all-products .cta-main-dark,
.devotel-cached-snapshot .d-devotel-products-all-products .frame-2147227641,
.devotel-page .d-devotel-products-all-products .header-section,
.devotel-page .d-devotel-products-all-products .cta-main-dark,
.devotel-page .d-devotel-products-all-products .frame-2147227641,
body.devotel-products-page .d-devotel-products-all-products .header-section,
body.devotel-products-page .d-devotel-products-all-products .cta-main-dark,
body.devotel-products-page .d-devotel-products-all-products .frame-2147227641 {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	translate: none !important;
}

.devotel-cached-snapshot img {
	max-width: 100%;
	height: auto;
}

/* Recreate Elementor responsive visibility helpers without plugin runtime. */
.elementor-hidden {
	display: none !important;
}

.elementor-invisible {
	visibility: visible !important;
	opacity: 1 !important;
}

body.is-home-page .elementor-invisible,
body.elementor-page-1027 .elementor-invisible,
body.devotel-home-page .elementor-invisible {
	visibility: visible !important;
	opacity: 1 !important;
	animation: none !important;
}

@media (min-width: 1025px) {
	.elementor-hidden-desktop {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-hidden-tablet {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.elementor-hidden-mobile {
		display: none !important;
	}
}

/* WordPress admin bar — cancel default html margin; offset header + content instead. */
html.admin-bar {
	margin-top: 0 !important;
	--devotel-admin-bar-height: 32px;
}

@media screen and (max-width: 782px) {
	html.admin-bar {
		--devotel-admin-bar-height: 46px;
	}
}

@media (min-width: 769px) {
	#site-header {
		position: sticky;
		top: var(--devotel-admin-bar-height, 0px);
		z-index: 2000;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent !important;
		background-color: transparent !important;
	}

	#site-header .header-navbar-wrapper:not(.header-scrolled) {
		position: relative !important;
		top: auto !important;
		z-index: 2000 !important;
	}

	body.is-home-page #site-header .header-navbar-wrapper,
	body.devotel-sim-based-page #site-header .header-navbar-wrapper {
		position: fixed !important;
		z-index: 99999 !important;
	}

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

	/* Inner pages: sticky bar on wrapper (Orbit model); avoids admin-bar offset bugs. */
	body.devotel-inner-page:not(.devotel-sim-based-page) #site-header {
		position: static !important;
		top: auto !important;
		height: auto !important;
		min-height: 0 !important;
		z-index: auto !important;
		background: #ffffff !important;
		background-color: #ffffff !important;
	}

	body.devotel-privacy-page #site-header,
	body.privacy-policy #site-header,
	body.devotel-brand-kit-page #site-header {
		height: 0 !important;
		overflow: visible !important;
		background: transparent !important;
		background-color: transparent !important;
		border: 0 !important;
	}

	body.devotel-inner-page:not(.devotel-sim-based-page) #site-header .header-navbar-wrapper:not(.header-scrolled),
	body.devotel-inner-page:not(.devotel-sim-based-page) .header-navbar-wrapper:not(.header-scrolled) {
		position: sticky !important;
		top: var(--devotel-admin-bar-height, 0px) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		z-index: 99998 !important;
	}

	body.devotel-inner-page:not(.devotel-sim-based-page) #site-header .header-navbar-wrapper.header-scrolled,
	body.devotel-inner-page:not(.devotel-sim-based-page) .header-navbar-wrapper.header-scrolled {
		position: sticky !important;
		z-index: 99998 !important;
		top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap)) !important;
	}

	.site-main {
		padding-top: 0 !important;
		margin-top: 0;
	}

	/* Homepage + SIM: collapsed shell; fixed wrapper (header.css boxed block). */
	body.is-home-page #site-header,
	body.devotel-sim-based-page #site-header {
		position: static !important;
		left: auto;
		right: auto;
		top: auto !important;
		height: 0 !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	body.is-home-page .site-main,
	body.devotel-sim-based-page .site-main {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
}

/* Homepage canvas: pure white behind transparent header (overrides post-1027 #F9FAFB). */
body.is-home-page.elementor-page-1027,
body.is-home-page.elementor-page-1027 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #ffffff !important;
}

body.is-home-page.elementor-page-1027 .site-main,
body.is-home-page.elementor-page-1027 .devotel-cached-snapshot,
body.is-home-page.elementor-page-1027 .elementor-1027 {
	background-color: transparent !important;
}

#site-header,
.site-header {
	background: transparent !important;
	background-color: transparent !important;
}

body:not(.is-home-page) .site-main > article.devotel-page {
	margin-top: 0;
	padding-top: 0;
}

/* Privacy — in-flow header only; hero rhythm restored in inner-page-layout.css. */

/* Ensure inner pages scroll (header extract / menu lock must not freeze document). */
html {
	overflow-y: scroll;
}

body.devotel-contact-page,
body.devotel-about-page,
body.devotel-privacy-page,
body.privacy-policy,
body.devotel-brand-kit-page,
body.elementor-page-12,
body.elementor-page-21 {
	overflow-x: visible !important;
	overflow-y: visible !important;
	position: static !important;
	top: auto !important;
	width: auto !important;
	min-height: 100%;
	height: auto !important;
}

/* Site header: transparent at top on homepage/SIM overlay heroes; frosted on scroll. */
.header-navbar-wrapper {
	transform-origin: top center;
}

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;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !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;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* Scrolled boxed state — detailed rules in header.css; keep fallback here. */
.header-navbar-wrapper.header-scrolled {
	border-bottom: 1px solid rgba(202, 213, 226, 0.6) !important;
}

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-wrapper:not(.header-scrolled) .header-navbar-main {
	background-color: #ffffff !important;
}

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

@media (min-width: 769px) {
	body.is-home-page .header-navbar-main {
		background-color: transparent !important;
	}
}

/* Mobile header: homepage/SIM overlay; other inner pages use in-flow sticky bar (Orbit model). */
@media (max-width: 768px) {
	:root {
		--devotel-mobile-header-height: 64px;
		--devotel-mobile-content-gap: 56px;
		--devotel-mobile-gutter: 16px;
		--devotel-mobile-hero-gutter: 16px;
	}

	/* Mobile horizontal gutter — one 16px layer; strip stacked duplicate padding. */
	.header-navbar-wrapper .header-navbar-main {
		padding-left: var(--devotel-mobile-gutter) !important;
		padding-right: var(--devotel-mobile-gutter) !important;
	}

	body.devotel-products-page .d-devotel-products-all-products .header-section,
	body.elementor-page-495 .d-devotel-products-all-products .header-section,
	.devotel-cached-snapshot .d-devotel-products-all-products .header-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.devotel-products-page .d-devotel-products-all-products .header-section .container,
	body.elementor-page-495 .d-devotel-products-all-products .header-section .container,
	.devotel-cached-snapshot .d-devotel-products-all-products .header-section .container {
		padding-left: var(--devotel-mobile-gutter) !important;
		padding-right: var(--devotel-mobile-gutter) !important;
	}

	body.privacy-policy .d-devotelutilityprivacy-po .section,
	body.devotel-privacy-page .d-devotelutilityprivacy-po .section,
	body.privacy-policy .d-devotelutilityprivacy-po .container,
	body.devotel-privacy-page .d-devotelutilityprivacy-po .container {
		padding-left: var(--devotel-mobile-gutter) !important;
		padding-right: var(--devotel-mobile-gutter) !important;
	}

	body.devotel-brand-kit-page #brk9dvtl-mount.brk9dvtl__page .brk9dvtl__mob__frame-2147228553,
	body.devotel-brand-kit-page #brk9dvtl-mount.brk9dvtl__page .brk9dvtl__mob__heading-and-supporting-text {
		align-items: center !important;
	}

	body.devotel-brand-kit-page #brk9dvtl-mount.brk9dvtl__page .brk9dvtl__mob__heading,
	body.devotel-brand-kit-page #brk9dvtl-mount.brk9dvtl__page .brk9dvtl__mob__supporting-text {
		text-align: center !important;
	}

	/* Contact forms — full width within 16px page gutter */
	.final-cta-form-wrapper {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Strip nested column padding so only the page gutter applies once */
	.e-con-inner > .e-con.e-child:has(.final-cta-form-wrapper),
	.e-con.e-child:has(> .elementor-widget .final-cta-form-wrapper) {
		padding-left: 0 !important;
		padding-right: 0 !important;
		--padding-left: 0px !important;
		--padding-right: 0px !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.elementor-widget:has(.final-cta-form-wrapper) {
		width: 100% !important;
		max-width: 100% !important;
	}

	.final-cta-form-wrapper .final-cta-form,
	.final-cta-form-wrapper .wpcf7-form {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.devotel-contact-page .elementor-element-4039395,
	body.devotel-contact-page .elementor-element-4039395 .elementor-widget-container,
	body.devotel-contact-page .elementor-element-4039395 .final-cta-form-wrapper {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.devotel-contact-page .elementor-element-4039395 .final-cta-form-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Homepage + SIM: fixed bar over hero; shell collapsed out of flow. */
	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;
		transform: none !important;
	}

	body.is-home-page .header-navbar-wrapper:not(.header-scrolled),
	body.is-home-page #site-header .header-navbar-wrapper:not(.header-scrolled),
	body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled),
	body.devotel-sim-based-page #site-header .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;
		transform: none !important;
		margin: 0 !important;
	}

	body.is-home-page .header-navbar-wrapper.header-scrolled,
	body.is-home-page #site-header .header-navbar-wrapper.header-scrolled,
	body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled,
	body.devotel-sim-based-page #site-header .header-navbar-wrapper.header-scrolled {
		position: fixed !important;
		top: calc(var(--devotel-admin-bar-height, 0px) + var(--devotel-header-boxed-gap-mobile)) !important;
		z-index: 99999 !important;
		transform: none !important;
	}

	body.is-home-page .site-main,
	body.devotel-sim-based-page .site-main {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	/* Inner pages: same fixed overlay header shell as homepage on mobile. */
	body:not(.is-home-page):not(.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;
		transform: none !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	body.devotel-privacy-page #site-header,
	body.privacy-policy #site-header,
	body.devotel-brand-kit-page #site-header {
		height: 0 !important;
		overflow: visible !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	body:not(.is-home-page):not(.devotel-sim-based-page) .header-navbar-wrapper:not(.header-scrolled),
	body:not(.is-home-page):not(.devotel-sim-based-page) #site-header .header-navbar-wrapper:not(.header-scrolled),
	body:not(.is-home-page):not(.devotel-sim-based-page) .header-navbar-wrapper.devotel-header-elevated: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;
		transform: none !important;
		margin: 0 !important;
	}

	body:not(.is-home-page):not(.devotel-sim-based-page) .header-navbar-wrapper.header-scrolled,
	body:not(.is-home-page):not(.devotel-sim-based-page) #site-header .header-navbar-wrapper.header-scrolled,
	body:not(.is-home-page):not(.devotel-sim-based-page) .header-navbar-wrapper.devotel-header-elevated.header-scrolled {
		position: fixed !important;
		z-index: 99999 !important;
		transform: none !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;
	}

	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),
	body.devotel-mobile-menu-open #site-header .header-navbar-wrapper:not(.header-scrolled) {
		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:not(.is-home-page):not(.devotel-sim-based-page) .site-main {
		padding-top: var(--devotel-mobile-header-height, 64px) !important;
		margin-top: 0 !important;
	}

	body.devotel-privacy-page .site-main,
	body.privacy-policy .site-main,
	body.devotel-brand-kit-page .site-main {
		padding-top: 0 !important;
	}

	body.is-home-page.elementor-page-1027 .elementor-element.elementor-element-09ee701 {
		margin-top: 0 !important;
		--margin-top: 0px !important;
		padding-top: 0 !important;
	}

	body.is-home-page.elementor-page-1027 .elementor-element.elementor-element-1aaf15b {
		--padding-top: calc(var(--devotel-mobile-header-height, 64px) + var(--devotel-mobile-content-gap, 56px)) !important;
		padding-top: calc(var(--devotel-mobile-header-height, 64px) + var(--devotel-mobile-content-gap, 56px)) !important;
	}

	/*
	 * Mobile hero rhythm — 56px between header bottom and first hero copy.
	 * Overlay headers (home/SIM): section starts at viewport top → header height + gap.
	 * In-flow / flush heroes: section starts below header → gap only.
	 */
	body.devotel-contact-page .elementor-element-70b888a {
		padding-top: var(--devotel-mobile-content-gap, 56px) !important;
		--padding-top: var(--devotel-mobile-content-gap, 56px) !important;
	}

	body.devotel-contact-page .elementor-element-70b888a > .e-con-inner {
		padding-top: 0 !important;
		--padding-top: 0px !important;
	}

	body.devotel-contact-page .elementor-element-1fff65a {
		margin-top: 0 !important;
		--margin-top: 0px !important;
	}

	body.devotel-products-page .d-devotel-products-all-products .header-section .heading-and-subheading,
	body.elementor-page-495 .d-devotel-products-all-products .header-section .heading-and-subheading,
	.devotel-cached-snapshot .d-devotel-products-all-products .header-section .heading-and-subheading {
		margin-top: var(--devotel-mobile-content-gap, 56px) !important;
	}

	body.privacy-policy .d-devotelutilityprivacy-po .header-section,
	body.devotel-privacy-page .d-devotelutilityprivacy-po .header-section {
		padding-top: var(--devotel-mobile-content-gap, 56px) !important;
		padding-bottom: 48px !important;
	}

	body.privacy-policy .d-devotelutilityprivacy-po .blog-post-page-header,
	body.devotel-privacy-page .d-devotelutilityprivacy-po .blog-post-page-header {
		padding-top: 32px !important;
	}

	body.devotel-brand-kit-page #brk9dvtl-mount.brk9dvtl__page .brk9dvtl__mob__frame-2147228532 {
		min-height: 0 !important;
		height: auto !important;
	}

	body.devotel-brand-kit-page #brk9dvtl-mount.brk9dvtl__page .brk9dvtl__mob__frame-2147228540 {
		justify-content: flex-start !important;
		align-items: center !important;
		padding-top: var(--devotel-mobile-content-gap, 56px) !important;
		padding-bottom: var(--devotel-mobile-content-gap, 56px) !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	body.devotel-brand-kit-page #brk9dvtl-mount.brk9dvtl__page .brk9dvtl__mob__container2 {
		padding-top: 0 !important;
	}

	/* All pages: dark hamburger on transparent / frosted header. */
	.header-mobile-menu-button svg path {
		stroke: #414651 !important;
	}

	.header-navbar-wrapper .header-group-container {
		width: 106px !important;
		height: 28px !important;
	}

	.header-navbar-wrapper .header-logo-svg {
		width: 106px !important;
		height: 28px !important;
		min-width: 106px !important;
		min-height: 28px !important;
		max-width: 106px !important;
		max-height: 28px !important;
	}
}

#site-footer {
	position: relative;
	z-index: 20;
	margin: 0;
	padding: 0;
}

/* Skip link must not affect document flow above the header. */
.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.devotel-container {
	width: min(var(--devotel-content-width), 100% - 2rem);
	margin-inline: auto;
	padding: 2rem 0;
}

.devotel-entry-header h1,
.devotel-entry-header .page-title {
	margin: 0 0 1rem;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	line-height: 1.2;
}

.devotel-post-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
}

.devotel-post-card {
	padding: 1rem;
	border: 1px solid #e2e8f0;
	border-radius: 0.75rem;
	background: #fff;
}

.devotel-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.6rem 1rem;
	border-radius: 0.625rem;
	background: #325fec;
	color: #fff;
	text-decoration: none;
}

.devotel-btn--secondary {
	background: transparent;
	color: #325fec;
	border: 1px solid #325fec;
}

/* 404 page */
body.devotel-404-page .site-main {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: calc(100vh - 72px);
	background: #fff;
}

.devotel-404 {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(var(--devotel-content-width, 1240px), 100% - 32px);
	margin-inline: auto;
	padding: 80px 16px 120px;
	text-align: center;
	box-sizing: border-box;
}

.devotel-404__illustration {
	width: min(100%, 634px);
	height: auto;
	margin: 0 auto 48px;
	display: block;
}

.devotel-404__title {
	margin: 0 0 16px;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	font-size: clamp(30px, 4vw, 36px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #0f172b;
}

.devotel-404__text {
	margin: 0 0 32px;
	max-width: 640px;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #45556c;
}

.devotel-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	align-items: center;
}

.devotel-404 .devotel-btn {
	min-width: 140px;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	border-radius: 12px;
	border: 1px solid transparent;
}

.devotel-404 .devotel-btn--secondary {
	background: #fff;
	color: #0f172b;
	border-color: #cad5e2;
}

@media (max-width: 768px) {
	.devotel-404 {
		padding: 48px 16px 80px;
	}

	.devotel-404__illustration {
		margin-bottom: 32px;
	}

	.devotel-404__text {
		font-size: 16px;
		line-height: 24px;
	}

	.devotel-404__actions {
		flex-direction: column;
		width: 100%;
		max-width: 320px;
	}

	.devotel-404 .devotel-btn {
		width: 100%;
	}
}

.devotel-fallback-header,
.devotel-fallback-footer {
	width: 100%;
}

.devotel-fallback-header__inner,
.devotel-fallback-footer {
	width: min(var(--devotel-content-width), 100% - 2rem);
	margin-inline: auto;
	padding: 1rem 0;
}

.devotel-fallback-header__menu,
.devotel-fallback-footer__menu {
	list-style: none;
	display: flex;
	gap: 1rem;
	margin: 0;
	padding: 0;
}

.screen-reader-text.skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.screen-reader-text.skip-link:focus {
	left: 1rem;
	top: 1rem;
	width: auto;
	height: auto;
	padding: 0.5rem 0.75rem;
	background: #fff;
	border: 1px solid #d0d7e2;
	border-radius: 0.5rem;
	z-index: 9999;
}

@media (max-width: 768px) {
	.devotel-container {
		width: min(var(--devotel-content-width), 100% - 1.25rem);
	}
}

.devotel-dyn {
	padding: 56px 0;
}

.devotel-dyn--hero,
.devotel-dyn--cta {
	background: linear-gradient(160deg, #172154 20%, #325fec 100%);
	color: #fff;
}

.devotel-dyn--hero .devotel-btn--secondary,
.devotel-dyn--cta .devotel-btn--secondary {
	border-color: #fff;
	color: #fff;
}

.devotel-dyn__kicker {
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	opacity: 0.9;
}

.devotel-dyn__title {
	margin: 0 0 0.75rem;
	font-size: clamp(1.8rem, 3.6vw, 2.8rem);
	line-height: 1.2;
}

.devotel-dyn__description {
	margin: 0 0 1rem;
	max-width: 860px;
	line-height: 1.7;
}

.devotel-dyn__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.devotel-dyn-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1rem;
}

.devotel-dyn-card {
	background: #fff;
	border: 1px solid #dce6f4;
	border-radius: 1rem;
	padding: 1rem;
}

.devotel-dyn-card h3 {
	margin: 0 0 0.5rem;
}

.devotel-dyn-card p {
	margin: 0 0 0.65rem;
	color: var(--devotel-muted);
}

.devotel-dyn-faqs {
	display: grid;
	gap: 0.75rem;
}

.devotel-dyn-faq {
	border: 1px solid #dde4ef;
	border-radius: 0.75rem;
	padding: 0.75rem 1rem;
	background: #fff;
}

.devotel-dyn-faq summary {
	cursor: pointer;
	font-weight: 600;
}

.devotel-native-hero {
	background: linear-gradient(160deg, #172154 20%, #325fec 100%);
	padding: 64px 0 72px;
	color: #fff;
}

.devotel-native-hero__kicker {
	margin: 0;
	color: #c0d7ff;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.devotel-native-hero__title {
	margin: 0.5rem 0 0;
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1.15;
}

.devotel-native-hero__desc {
	max-width: 880px;
	margin: 1rem 0 0;
	color: #e4ecff;
	line-height: 1.75;
}

.devotel-native-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.25rem;
}

.devotel-native-hero .devotel-btn--secondary {
	border-color: #fff;
	color: #fff;
}

.devotel-native-resources {
	background: #f8fafc;
	padding: 72px 0;
}

.devotel-native-resources__header {
	max-width: 720px;
	margin-bottom: 1.5rem;
}

.devotel-native-resources__kicker {
	margin: 0 0 0.35rem;
	color: #325fec;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.devotel-native-resources__header h2 {
	margin: 0 0 0.65rem;
	font-size: clamp(1.8rem, 3vw, 2.4rem);
	line-height: 1.2;
}

.devotel-native-resources__header p {
	margin: 0;
	color: #45556c;
}

.devotel-native-resources__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1rem;
}

.devotel-native-resources__card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	padding: 1rem;
}

.devotel-native-resources__thumb {
	display: block;
	margin: -1rem -1rem 0.75rem;
}

.devotel-native-resources__thumb img {
	display: block;
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 1rem 1rem 0 0;
}

.devotel-native-resources__card h3 {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	line-height: 1.35;
}

.devotel-native-resources__card h3 a {
	color: inherit;
	text-decoration: none;
}

.devotel-native-resources__card p {
	margin: 0;
	color: #62748e;
}

.devotel-native-resources__actions {
	margin-top: 1rem;
}

.devotel-native-final-cta {
	background: radial-gradient(90% 100% at 52% 115%, #325fec 0%, #020618 100%);
	padding: 84px 0;
	color: #fff;
}

.devotel-native-final-cta__inner {
	max-width: 860px;
}

.devotel-native-final-cta__inner h2 {
	margin: 0 0 0.75rem;
	font-size: clamp(1.7rem, 3.4vw, 2.5rem);
	line-height: 1.2;
}

.devotel-native-final-cta__inner p {
	margin: 0 0 1.1rem;
	color: #d1deff;
}

.devotel-connect-network {
	background: #f5f8ff;
	padding: 72px 0 56px;
}

.devotel-connect-network__title {
	margin: 0;
	font-size: clamp(1.9rem, 3.8vw, 3rem);
	line-height: 1.2;
	max-width: 860px;
}

.devotel-connect-network__text {
	margin: 1rem 0 0;
	max-width: 880px;
	color: #45556c;
	line-height: 1.75;
}

.actions-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.btn-primary,
.btn-secondary {
	text-decoration: none;
	border-radius: 0.625rem;
	padding: 0.6rem 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

.btn-primary {
	background: #325fec;
	color: #fff;
}

.btn-secondary {
	border: 1px solid #325fec;
	color: #325fec;
	background: transparent;
}

.devotel-blog-insights {
	padding: 72px 0;
	background: #fff;
}

.devotel-blog-insights__kicker,
.devotel-contact-cta__kicker {
	margin: 0 0 0.35rem;
	color: #325fec;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.devotel-blog-insights__title {
	margin: 0;
	font-size: clamp(1.7rem, 3.3vw, 2.5rem);
	line-height: 1.2;
}

.devotel-blog-insights__text {
	margin: 0.8rem 0 0;
	color: #45556c;
	line-height: 1.7;
}

.devotel-blog-insights__action {
	margin: 1.25rem 0 0;
}

/* Homepage "Our blog" snapshot refinements. */
.home .elementor-element-59b569b .elementor-element-e33ba88 .elementor-heading-title {
	color: #325fec !important;
}

.home .elementor-element-b95a90f .elementor-loop-container .e-loop-item {
	transition: transform 0.28s ease, box-shadow 0.28s ease;
	transform: translateY(0);
}

.home .elementor-element-b95a90f .elementor-loop-container .e-loop-item:hover {
	transform: translateY(-8px);
}

.home .elementor-element-b95a90f .elementor-loop-container .e-loop-item:hover .elementor-element-8a7194b img {
	box-shadow: 0 16px 34px rgba(15, 23, 43, 0.14);
}

.home .elementor-element-b95a90f .elementor-loop-container .e-loop-item:hover .elementor-element-15a46e6 .elementor-heading-title a {
	color: #325fec !important;
}

.home .elementor-element-b95a90f .elementor-author-box__avatar img {
	border-radius: 50% !important;
	object-fit: cover;
}

.home .elementor-element-b95a90f .elementor-element-6f2f221 {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
}

.home .elementor-element-b95a90f .elementor-element-ce2259a .elementor-author-box {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	margin: 0 !important;
}

.home .elementor-element-b95a90f .elementor-element-ce2259a .elementor-author-box__avatar,
.home .elementor-element-b95a90f .elementor-element-ce2259a .elementor-author-box__text {
	display: inline-flex !important;
	align-items: center !important;
}

.home .elementor-element-b95a90f .elementor-element-ce2259a .elementor-author-box__avatar {
	margin-right: 8px !important;
	margin-left: 0 !important;
}

.home .elementor-element-b95a90f .elementor-element-ce2259a .elementor-author-box__name {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 20px !important;
}

.home .elementor-element-b95a90f .elementor-element-ce2259a,
.home .elementor-element-b95a90f .elementor-element-bfc32a3 {
	align-self: center !important;
}

.home .elementor-element-b95a90f .elementor-element-bfc32a3 {
	display: inline-flex !important;
	align-items: center !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 20px !important;
	position: relative !important;
	padding-left: 12px !important;
	margin-left: 2px !important;
}

.home .elementor-element-b95a90f .elementor-element-bfc32a3::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 1px !important;
	height: 14px !important;
	background: #90a1b9 !important;
	margin: 0 !important;
}

.devotel-contact-cta {
	padding: 72px 0;
	background: #f8fafc;
}

.devotel-contact-cta__title {
	margin: 0;
	font-size: clamp(1.45rem, 2.8vw, 2rem);
	line-height: 1.25;
}

.devotel-contact-cta__text {
	margin: 0.8rem 0 0;
	max-width: 860px;
	color: #45556c;
	line-height: 1.7;
}

.devotel-contact-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.25rem;
}

.devotel-el-fallback {
	width: min(var(--devotel-content-width), 100% - 2rem);
	margin: 0 auto;
	padding: 2rem 0 3rem;
}

.devotel-el-fallback__container {
	margin-bottom: 1rem;
}

.devotel-el-fallback__heading {
	margin: 0 0 0.75rem;
	line-height: 1.25;
}

.devotel-el-fallback__text {
	margin: 0 0 1rem;
	color: #45556c;
	line-height: 1.7;
}

.devotel-el-fallback__image {
	margin: 0 0 1rem;
}

.devotel-el-fallback__image img {
	display: block;
	max-width: 100%;
	height: auto;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--devotel-header-height, 72px) + var(--devotel-admin-bar-height, 0px));
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* Section fade — keep sections visible on load (no bordered skeleton flash). */
.devotel-fade-section {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	will-change: auto !important;
}

/* Google reCAPTCHA v3 badge — stay above section stacking contexts. */
.grecaptcha-badge {
	position: fixed !important;
	z-index: 2147483647 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.grecaptcha-badge > iframe {
	z-index: 2147483647 !important;
}

@media (max-width: 768px) {
	.grecaptcha-badge {
		z-index: 2147483647 !important;
	}
}

/* CF7 — hide validation tips until after a failed submit */
.final-cta-form-wrapper .wpcf7-not-valid-tip,
.wpcf7-newsletter-wrapper .wpcf7-not-valid-tip {
	display: none;
}

.final-cta-form-wrapper .wpcf7-form-control-wrap.wpcf7-not-valid .wpcf7-not-valid-tip,
.final-cta-form-wrapper .wpcf7-form.invalid .wpcf7-not-valid-tip,
.final-cta-form-wrapper .wpcf7-form[data-status="invalid"] .wpcf7-not-valid-tip,
.final-cta-form-wrapper .wpcf7-form[data-status="spam"] .wpcf7-not-valid-tip,
.final-cta-form-wrapper .wpcf7-form[data-status="unaccepted"] .wpcf7-not-valid-tip,
.wpcf7-newsletter-wrapper .wpcf7-form-control-wrap.wpcf7-not-valid .wpcf7-not-valid-tip,
.wpcf7-newsletter-wrapper .wpcf7-form.invalid .wpcf7-not-valid-tip,
.wpcf7-newsletter-wrapper .wpcf7-form[data-status="invalid"] .wpcf7-not-valid-tip {
	display: block;
}

.final-cta-form-wrapper .wpcf7-response-output:empty,
.wpcf7-newsletter-wrapper .wpcf7-response-output:empty {
	display: none !important;
}



/* Source: assets/css/pages/header.css */
		* {
			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;
	}
}


/* Source: assets/css/components/header-overlay-nav.css */
/**
 * Overlay header nav — SIM-based hero (white links before scroll, dark on frosted scroll).
 */

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-products,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-telco,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-company,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-menu-item-text,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-menu-item,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-frame-parent a {
	color: #fff !important;
}

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-arrow-down svg path {
	stroke: #fff !important;
}

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-products-parent:hover,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-telco-parent:hover,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-company-parent:hover,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-menu-item:hover {
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.2) !important;
	background-color: rgba(255, 255, 255, 0.2) !important;
	backdrop-filter: blur(14.8px) !important;
	-webkit-backdrop-filter: blur(14.8px) !important;
}

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-talk-to-an-expert-wrapper {
	background-color: #fff !important;
}

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

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-talk-to-an-expert-wrapper:hover {
	background-color: #f1f5f9 !important;
}

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

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

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper:hover {
	border-color: #fff !important;
}

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper:active,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper:focus {
	border-color: #fff !important;
	background-color: transparent !important;
}

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper:active *,
body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-login-wrapper:focus * {
	color: #fff !important;
}

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

body.devotel-sim-based-page .header-navbar-wrapper:not(.header-scrolled) .header-mobile-menu-button:hover {
	background-color: rgba(50, 95, 236, 0.2) !important;
}

/* Scrolled: dark nav on frosted glass (match default inner-page header). */
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-products,
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-telco,
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-company,
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-menu-item-text,
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-menu-item,
body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-frame-parent a {
	color: #0f172b !important;
}

body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-arrow-down svg path {
	stroke: #0f172b !important;
}

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

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

body.devotel-sim-based-page .header-navbar-wrapper.header-scrolled .header-mobile-menu-button svg path {
	stroke: #414651 !important;
}


/* Source: assets/css/components/home-solutions-hero.css */
.devotel-solutions,
  .devotel-solutions * {
    box-sizing: border-box;
  }
  .devotel-solutions {
    --devotel-hero-fade-duration: 300ms;
    --devotel-hero-fade-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --devotel-stage-width: 1220px;
    --devotel-copy-width: 543px;
    --devotel-column-gap: 56px;
    --devotel-media-width: 621px;
    --devotel-media-left: calc(var(--devotel-copy-width) + var(--devotel-column-gap));
    background-color: #ffffff;
    background-image: url("/wp-content/uploads/2026/05/Background-pattern.svg");
    background-repeat: repeat;
    background-position: top left;
    min-height: 777px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
  .devotel-solutions__stage {
    position: relative;
    width: var(--devotel-stage-width);
    min-width: var(--devotel-stage-width);
    height: 777px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    --devotel-preview-top: 169px;
    --devotel-preview-height: 264px;
    --devotel-hero-width: 305px;
    --devotel-hero-height: 403px;
    --devotel-preview-icons-gap: 10px;
  }
  /* Flex keeps main + secondary top-aligned even if host CSS overrides positioning. */
  .devotel-solutions__media-row {
    position: absolute;
    left: var(--devotel-media-left);
    top: var(--devotel-preview-top);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
  }
  /*
    Icon strip stays bottom-aligned with the hero (column min-height = hero height).
    Preview + secondary sit above it; row-gap is always exactly 10px to the icons.
  */
  .devotel-solutions__preview-column {
    width: 306px;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: minmax(0, 1fr) auto;
    row-gap: var(--devotel-preview-icons-gap);
    align-items: stretch;
    align-self: stretch;
    min-height: var(--devotel-hero-height);
  }
  .devotel-solutions__preview-panel {
    background: linear-gradient(
      180deg,
      rgba(234, 224, 218, 1) 0%,
      rgba(241, 245, 249, 1) 100%
    );
    border-radius: 24px;
    width: 306px;
    height: var(--devotel-preview-height);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    grid-row: 1;
    align-self: end;
    justify-self: stretch;
  }
  .devotel-solutions__preview-panel--image-only {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
  }
  .devotel-solutions__code-window {
    background: var(--color-slate-slate-900, #0f172b);
    border-radius: 10.25px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    width: 267px;
    height: 188px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: calc(50% - 87px);
    overflow: hidden;
  }
  .devotel-solutions__code-window-header {
    background: var(--color-slate-slate-900, #0f172b);
    border-style: solid;
    border-color: var(--border-border-primary, #314158);
    border-width: 0px 0px 0.43px 0px;
    padding: 6px 10.25px 6px 11.96px;
    display: flex;
    flex-direction: row;
    gap: 13.67px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .devotel-solutions__code-window-tabs-row {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
  }
  .devotel-solutions__code-tab-pill-active {
    background: var(--color-slate-slate-800, #1d293d);
    border-radius: 2.56px;
    padding: 1.71px 3.42px 1.71px 3.42px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 14px;
    position: relative;
    overflow: hidden;
  }
  .devotel-solutions__code-tab-label-active {
    color: var(--text-text-primary, #f8fafc);
    text-align: left;
    font-family: var(--font-family-font-family-body, "Inter-Medium", sans-serif);
    font-size: 10px;
    line-height: 8.54px;
    font-weight: 500;
    position: relative;
  }
  .devotel-solutions__code-tab-pill-inactive {
    border-radius: 2.56px;
    padding: 1.71px 3.42px 1.71px 3.42px;
    display: flex;
    flex-direction: row;
    gap: 3.42px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 14px;
    position: relative;
    overflow: hidden;
  }
  .devotel-solutions__code-tab-label-inactive {
    color: var(--text-text-quaternary, #62748e);
    text-align: left;
    font-family: var(--font-family-font-family-body, "Inter-Medium", sans-serif);
    font-size: 10px;
    line-height: 8.54px;
    font-weight: 500;
    position: relative;
  }
  .devotel-solutions__code-window-body {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex: 1;
    position: relative;
  }
  .devotel-solutions__code-gutter {
    border-style: solid;
    border-color: var(--border-border-primary, #314158);
    border-width: 0px 0.43px 0px 0px;
    padding: 6px 6.84px 8px 6.84px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    width: 23.07px;
    position: relative;
  }
  .devotel-solutions__code-line-numbers {
    color: var(--text-text-quaternary, #62748e);
    text-align: center;
    font-family: "RobotoMono-Medium", sans-serif;
    font-size: 9px;
    line-height: 12.5px;
    font-weight: 500;
    position: relative;
  }
  .devotel-solutions__code-main {
    padding: 6px 8.54px 8px 8.54px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
  }
  .devotel-solutions__code-pre {
    text-align: left;
    font-family: "RobotoMono-Medium", sans-serif;
    font-size: 9px;
    line-height: 12.5px;
    font-weight: 500;
    position: relative;
    flex: 1;
  }
  .devotel-solutions__code-token-command {
    color: var(--color-green-green-400, #05df72);
  }
  .devotel-solutions__code-token-string {
    color: var(--color-green-green-50, #f0fdf4);
  }
  .devotel-solutions__code-watermark {
    flex-shrink: 0;
    width: 58.53px;
    height: 56.39px;
    position: absolute;
    right: 14.53px;
    bottom: 11.52px;
    overflow: visible;
  }
  .devotel-solutions__hero-panel {
    width: var(--devotel-hero-width);
    height: var(--devotel-hero-height);
    position: relative;
    flex-shrink: 0;
    align-self: flex-start;
  }
  .devotel-solutions__hero-image {
    border-radius: 24px;
    width: var(--devotel-hero-width);
    height: var(--devotel-hero-height);
    position: absolute;
    left: 0px;
    top: 0px;
    object-fit: cover;
    object-position: top center;
    aspect-ratio: 305 / 403;
    opacity: 1;
    transition: opacity var(--devotel-hero-fade-duration) var(--devotel-hero-fade-ease);
    image-rendering: auto;
  }
  .devotel-solutions--sub-devhub .devotel-solutions__hero-panel {
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(
      180deg,
      rgba(234, 224, 218, 1) 0%,
      rgba(241, 245, 249, 1) 100%
    );
  }
  .devotel-solutions--sub-devhub .devotel-solutions__hero-image {
    border-radius: 24px;
    object-fit: cover;
    object-position: top center;
    background: transparent;
  }
  .devotel-solutions--sub-esimora {
    --devotel-preview-height: 300px;
  }
  .devotel-solutions--sub-esimora
    .devotel-solutions__preview-panel.devotel-solutions__preview-panel--image-only {
    border-radius: 24px;
    overflow: hidden;
  }
  .devotel-solutions--sub-esimora .devotel-solutions__preview-image {
    border-radius: 24px;
  }
  .devotel-solutions__category-tabs {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xl, 16px);
    align-items: flex-start;
    justify-content: flex-start;
    width: var(--devotel-media-width);
    position: absolute;
    left: var(--devotel-media-left);
    top: 604px;
  }
  .devotel-solutions__category-tabs-inner {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    position: relative;
  }
  .devotel-solutions__category-tab-active {
    border-style: solid;
    border-color: var(--border-border-brand, #325fec);
    border-width: 0px 0px 2px 0px;
    padding: 8px var(--spacing-xs, 4px) 8px var(--spacing-xs, 4px);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-md, 8px);
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
    transition: border-color 280ms ease;
  }
  .devotel-solutions__category-tab-label-active {
    color: var(--Text-text-brand-primary, var(--text-text-brand-primary, #325fec));
    text-align: left;
    font-family: var(--Font-family-font-family-body, Inter), var(--font-family-font-family-body, Inter),
      sans-serif;
    font-size: var(--Font-size-text-md, var(--text-md-medium-font-size, 16px));
    font-style: normal;
    font-weight: 500;
    line-height: var(--Line-height-text-md, var(--text-md-medium-line-height, 24px));
    position: relative;
  }
  .devotel-solutions__category-tab-inactive {
    padding: 8px var(--spacing-xs, 4px) 8px var(--spacing-xs, 4px);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-md, 8px);
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
    border-bottom: 2px solid transparent;
    transition: border-color 280ms ease;
  }
  /* Smooth moving underline for the 3 main tabs (desktop). */
  .devotel-solutions__tab-indicator {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: var(--border-border-brand, #325fec);
    transform: translateX(0);
    transition: transform 320ms ease, width 320ms ease;
    will-change: transform, width;
    pointer-events: none;
  }
  .devotel-solutions__category-tab-label-inactive {
    color: var(--Text-text-quaternary, var(--text-text-quaternary, #62748e));
    text-align: left;
    font-family: var(--Font-family-font-family-body, Inter), var(--font-family-font-family-body, Inter),
      sans-serif;
    font-size: var(--Font-size-text-md, var(--text-md-medium-font-size, 16px));
    font-style: normal;
    font-weight: 500;
    line-height: var(--Line-height-text-md, var(--text-md-medium-line-height, 24px));
    position: relative;
  }
  .devotel-solutions__subcategory-panel {
    background: var(--color-slate-slate-100, #f1f5f9);
    border-radius: 16px;
    width: 100%;
    min-height: 102px;
    height: auto;
    position: relative;
    flex-shrink: 0;
    grid-row: 2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
  }
  .devotel-solutions__subcategory-icons-row {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }
  .devotel-solutions__subcategory-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex: 0 0 auto;
    width: auto;
    min-width: 52px;
    cursor: default;
    text-align: center;
  }
  .devotel-solutions__subcategory-item-label {
    color: var(--Text-text-quaternary, var(--text-text-quaternary, #62748e));
    text-align: center;
    font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.724px;
    width: 100%;
    max-width: 88px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.18s ease, max-height 0.22s ease, visibility 0.22s ease;
  }
  .devotel-solutions__subcategory-item--active .devotel-solutions__subcategory-item-label {
    color: var(--Text-text-quaternary, var(--text-text-quaternary, #62748e));
    opacity: 1;
    visibility: visible;
    max-height: 52px;
    margin-top: 8px;
  }
  .devotel-solutions__subcategory-item:hover .devotel-solutions__subcategory-item-label {
    opacity: 1;
    visibility: visible;
    max-height: 52px;
    margin-top: 8px;
  }
  .devotel-solutions__subcategory-item:hover:not(.devotel-solutions__subcategory-item--active)
    .devotel-solutions__subcategory-item-label {
    color: var(--Text-text-quaternary, var(--text-text-quaternary, #62748e));
  }
  .devotel-solutions__subcategory-icon-slot {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 10.68px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: default;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .devotel-solutions__subcategory-item--active .devotel-solutions__subcategory-icon-slot {
    opacity: 1;
    transform: translateY(-2px);
  }
  .devotel-solutions__subcategory-item:not(.devotel-solutions__subcategory-item--active)
    .devotel-solutions__subcategory-icon-slot {
    opacity: 0.35;
  }
  .devotel-solutions__subcategory-icon-slot img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 10.68px;
    display: block;
    image-rendering: auto;
  }
  @supports (image-rendering: high-quality) {
    .devotel-solutions__subcategory-icon-slot img {
      image-rendering: high-quality;
    }
  }
  .devotel-solutions__cta-row {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    top: 458px;
  }
  .devotel-solutions__cta-primary,
  .devotel-solutions__cta-secondary {
    transition-property: color, background-color, border-color, transform, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }
  .devotel-solutions__cta-primary {
    border-radius: 10px;
    background-color: #325fec;
    color: #fff;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font: inherit;
    width: 180px;
    height: 40px;
    box-sizing: border-box;
    white-space: nowrap;
  }
  .devotel-solutions__cta-primary:active {
    transform: translateY(0);
    background-color: #325fec;
  }
  .devotel-solutions__cta-primary:focus {
    background-color: #325fec;
    outline: none;
  }
  .devotel-solutions__cta-primary:hover {
    background-color: #325fec !important;
    color: #fff !important;
  }
  .devotel-solutions__cta-primary:hover span {
    color: #fff !important;
  }
  .devotel-solutions__cta-primary-label {
    color: #fff;
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
  }
  .devotel-solutions__cta-secondary {
    border-radius: 10px;
    border-style: solid;
    border-color: var(--Border-border-primary, #CAD5E2);
    border-width: 1px;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    font: inherit;
    background-color: transparent;
    box-sizing: border-box;
    color: var(--Text-text-secondary, #314158);
    width: 180px;
    height: 40px;
    white-space: nowrap;
  }
  .devotel-solutions__cta-secondary:active {
    transform: translateY(0);
    background-color: transparent;
    border-color: #fff;
  }
  .devotel-solutions__cta-secondary:focus {
    background-color: transparent;
    border-color: var(--Border-border-primary, #CAD5E2);
    outline: none;
  }
  .devotel-solutions__cta-secondary:hover {
    background-color: transparent !important;
    border-color: var(--Border-border-primary, #CAD5E2) !important;
    color: var(--Text-text-secondary, #314158) !important;
  }
  .devotel-solutions__cta-secondary-label {
    color: var(--Text-text-secondary, #314158);
    text-align: left;
    font-family: var(--Font-family-font-family-body, Inter), Inter, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    position: relative;
  }
  .devotel-solutions__cta-secondary:hover span {
    color: var(--Text-text-secondary, #314158) !important;
  }
  .devotel-solutions__cta-secondary .devotel-solutions__cta-arrow {
    color: var(--Text-text-secondary, #314158) !important;
  }
  .devotel-solutions__cta-secondary:hover .devotel-solutions__cta-arrow {
    color: var(--Text-text-secondary, #314158) !important;
  }
  /* Arrow reveal on hover (matches mobcases.html) */
  .devotel-solutions__cta-arrow {
    display: block;
    height: 20px;
    width: 0;
    opacity: 0;
    flex-shrink: 0;
    transform: translateX(-8px);
    transition: width 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    overflow: hidden;
  }
  .devotel-solutions__cta-primary:hover .devotel-solutions__cta-arrow,
  .devotel-solutions__cta-secondary:hover .devotel-solutions__cta-arrow {
    width: 20px;
    opacity: 1;
    transform: translateX(0);
  }
  .devotel-solutions__cta-inner {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    height: 40px;
  }
  .devotel-solutions__lede {
    color: var(--text-text-secondary, #314158);
    text-align: left;
    font-family: var(--text-lg-regular-font-family, "Inter-Regular", sans-serif);
    font-size: var(--text-lg-regular-font-size, 18px);
    line-height: var(--text-lg-regular-line-height, 28px);
    font-weight: var(--text-lg-regular-font-weight, 400);
    position: absolute;
    left: 0;
    top: 326px;
    width: 455px;
  }
  .devotel-solutions__headline {
    color: var(--text-text-primary, #0f172b);
    text-align: left;
    font-family: var(
      --display-semibold-font-family,
      "Duplet-Semibold",
      sans-serif
    );
    font-size: var(--display-semibold-font-size, 48px);
    line-height: var(--display-semibold-line-height, 60px);
    letter-spacing: var(--display-semibold-letter-spacing, -0.02em);
    font-weight: var(--display-semibold-font-weight, 600);
    position: absolute;
    left: 0;
    top: 197px;
    width: var(--devotel-copy-width);
  }
  .devotel-solutions__preview-image {
    border-radius: 24px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    opacity: 1;
    transition: opacity var(--devotel-hero-fade-duration) var(--devotel-hero-fade-ease);
    image-rendering: auto;
  }
  .devotel-solutions__preview-image--visible {
    display: block;
  }
  .devotel-solutions__image--fade-out {
    opacity: 0;
  }
  .devotel-solutions__image--fade-in {
    opacity: 0;
  }
  .devotel-solutions__hero-image.devotel-solutions__image--animating,
  .devotel-solutions__preview-image.devotel-solutions__image--animating {
    will-change: opacity;
  }
  @media (prefers-reduced-motion: reduce) {
    .devotel-solutions__hero-image,
    .devotel-solutions__preview-image {
      transition: none;
    }
    .devotel-solutions__image--fade-out,
    .devotel-solutions__image--fade-in {
      opacity: 1;
    }
  }
  .devotel-solutions__code-window--hidden {
    display: none;
  }
  .devotel-solutions__category-tab-clickable {
    cursor: pointer;
    user-select: none;
  }
  /* Avoid default browser focus rings on mouse/touch; keyboard users rely on tab underline + aria. */
  .devotel-solutions__category-tab-clickable:focus {
    outline: none;
  }
  .devotel-solutions__category-tab-clickable:focus-visible {
    outline: none;
    box-shadow: none;
  }
  .devotel-solutions a:focus,
  .devotel-solutions button:focus {
    outline: none;
  }

  /* Desktop: fluid scale so copy + media stay grouped; background stays full-bleed. */
  @media (min-width: 769px) {
    .devotel-solutions {
      --devotel-hero-side-padding: clamp(24px, 4vw, 64px);
      padding-left: var(--devotel-hero-side-padding);
      padding-right: var(--devotel-hero-side-padding);
      --devotel-hero-fit-scale: min(
        1,
        (100vw - 2 * var(--devotel-hero-side-padding)) / var(--devotel-stage-width)
      );
      min-height: calc(777px * var(--devotel-hero-fit-scale));
      overflow-x: hidden;
    }

    .devotel-solutions__stage {
      transform: scale(var(--devotel-hero-fit-scale));
      transform-origin: top center;
      margin-bottom: calc(777px * (var(--devotel-hero-fit-scale) - 1));
    }
  }

  /* Mobile: stack like mobcases — copy, CTAs, main image, secondary, icon strip, category tabs */
  @media (max-width: 768px) {
    .devotel-solutions {
      --devotel-hero-width: 343px;
      --devotel-hero-height: 325px;
      --devotel-hero-fade-duration: 240ms;
      min-height: 0;
      overflow-x: hidden;
      overflow-y: visible;
      padding: calc(var(--devotel-mobile-header-height, 64px) + var(--devotel-mobile-content-gap, 56px)) 16px 64px;
      align-items: stretch;
    }
    .devotel-solutions__stage {
      width: 100%;
      min-width: 0;
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 32px;
    }
    .devotel-solutions__headline {
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
      max-width: 480px;
      order: 1;
      font-size: var(--font-size-display-md, 36px);
      line-height: var(--line-height-display-md, 44px);
    }
    .devotel-solutions__lede {
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
      max-width: 480px;
      order: 2;
      /* stage row-gap 32px → tighten to 16px between headline and body (mobcases) */
      margin-top: -16px;
      font-size: var(--text-md-regular-font-size, 16px);
      line-height: var(--text-md-regular-line-height, 24px);
    }
    .devotel-solutions__cta-row {
      position: relative;
      left: auto;
      top: auto;
      order: 3;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      gap: 12px;
      /* 32px row-gap + 16px ≈ 48px after supporting text before actions (mobcases) */
      margin-top: 16px;
    }
    .devotel-solutions__cta-primary,
    .devotel-solutions__cta-secondary {
      align-self: stretch;
      justify-content: center;
      width: 100%;
    }
    .devotel-solutions__media-row {
      position: relative;
      left: auto;
      top: auto;
      order: 4;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      gap: 16px;
    }
    .devotel-solutions__hero-panel {
      order: 1;
      width: 100%;
      height: 325px;
      aspect-ratio: 324 / 307;
      align-self: stretch;
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      isolation: isolate;
    }
    .devotel-solutions__hero-image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: 0;
      width: 100%;
      /* Taller than the panel so cover crops from the bottom, keeping the top of the art visible. */
      height: 120%;
      max-width: none;
      max-height: none;
      aspect-ratio: auto;
      object-fit: cover;
      object-position: top center;
      transform-origin: top center;
      display: block;
      border-radius: 24px;
      image-rendering: auto;
    }
    @supports (image-rendering: high-quality) {
      .devotel-solutions__hero-image {
        image-rendering: high-quality;
      }
    }
    .devotel-solutions--sub-devhub .devotel-solutions__hero-panel {
      border-radius: 24px;
    }
    .devotel-solutions--sub-devhub .devotel-solutions__hero-image {
      border-radius: 24px;
      object-fit: cover;
      object-position: top center;
    }
    .devotel-solutions__preview-column {
      order: 2;
      width: 100%;
      min-height: 0;
      /* Flex gives a single reliable gap between secondary card and icon strip */
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
      align-self: stretch;
    }
    .devotel-solutions--sub-esimora .devotel-solutions__preview-panel {
      height: var(--devotel-preview-height, 300px);
    }
    .devotel-solutions__preview-panel {
      width: 100%;
      height: 264px;
      flex-shrink: 0;
      align-self: stretch;
      /* Desktop uses align-self:end inside the grid; reset for mobile stacking */
      align-self: stretch;
      justify-self: stretch;
      overflow: hidden;
      border-radius: 24px;
      isolation: isolate;
    }
    /* Image-only mode zeros desktop radius; restore a proper card on mobile */
    .devotel-solutions__preview-panel.devotel-solutions__preview-panel--image-only {
      border-radius: 24px;
      overflow: hidden;
    }
    .devotel-solutions__preview-image {
      border-radius: 0;
      display: block;
      object-fit: contain;
      object-position: top center;
      image-rendering: auto;
    }
    .devotel-solutions__hero-image,
    .devotel-solutions__preview-image {
      margin: 0;
      max-width: 100%;
      transition: opacity var(--devotel-hero-fade-duration) var(--devotel-hero-fade-ease);
    }

    .devotel-solutions__subcategory-panel {
      width: 100%;
      min-height: 102px;
      margin: 0;
      flex-shrink: 0;
    }
    .devotel-solutions__category-tabs {
      position: relative;
      left: auto;
      top: auto;
      order: 5;
      width: 100%;
      max-width: 614px;
      margin-left: auto;
      margin-right: auto;
      justify-content: center;
    }
    .devotel-solutions__category-tabs-inner {
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 614px;
      gap: 24px;
    }
    .devotel-solutions__tab-indicator {
      display: none;
    }
    /* Same column width as desktop: (614px strip − two 16px gaps) ÷ 3 */
    .devotel-solutions__category-tab-active,
    .devotel-solutions__category-tab-inactive {
      flex: 0 0 auto;
      box-sizing: border-box;
      width: min(100%, calc((614px - 32px) / 3));
      align-self: center;
      justify-content: center;
    }
    .devotel-solutions__category-tab-active {
      border-style: none;
      border-width: 0;
      border-bottom: 2px solid var(--Border-border-brand, #325fec);
    }
    .devotel-solutions__category-tab-inactive {
      border-bottom: 2px solid transparent;
    }
    .devotel-solutions__category-tab-label-active,
    .devotel-solutions__category-tab-label-inactive {
      text-align: center;
    }
  }

/* Theme: root-relative pattern URL → local uploads base (set in enqueue inline style). */
.devotel-solutions {
  background-image: var(--devotel-solutions-pattern, none);
}

/* Theme: light hero uses dark header nav (default + scrolled). */
body.devotel-home-solutions-hero .header-navbar-wrapper .header-products,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-telco,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-company,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-menu-item-text,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-menu-item,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-frame-parent a {
  color: #0f172b !important;
}

body.devotel-home-solutions-hero .header-navbar-wrapper .header-arrow-down svg path {
  stroke: #0f172b !important;
}

body.devotel-home-solutions-hero .header-navbar-wrapper .header-login-wrapper {
  border-color: #0f172b !important;
  border: 1px solid var(--Border-border-primary, #cad5e2) !important;
  background-color: #fff !important;
}

body.devotel-home-solutions-hero .header-navbar-wrapper .header-login-text {
  color: #0f172b !important;
}

body.devotel-home-solutions-hero .header-navbar-wrapper .header-mobile-menu-button svg path {
  stroke: #414651 !important;
}

body.devotel-home-solutions-hero .header-navbar-wrapper .header-talk-to-an-expert-wrapper {
  background-color: #325fec !important;
}

body.devotel-home-solutions-hero .header-navbar-wrapper .header-talk-to-an {
  color: #fff !important;
}

body.devotel-home-solutions-hero .header-navbar-wrapper .header-products-parent:hover,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-telco-parent:hover,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-company-parent:hover,
body.devotel-home-solutions-hero .header-navbar-wrapper .header-menu-item:hover {
  border-radius: 10px !important;
  background: rgba(15, 23, 43, 0.06) !important;
  background-color: rgba(15, 23, 43, 0.06) !important;
}

body.devotel-home-solutions-hero .devotel-section--solutions-hero {
  margin: 0;
  padding: 0;
}


/* Source: assets/css/legacy/post-6.css */
.elementor-kit-6{--e-global-color-primary:#325FEC;--e-global-color-secondary:#F1F5F9;--e-global-color-text:#0F172B;--e-global-color-accent:#45556C;--e-global-color-a920fbc:#C0D7FF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h2{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;line-height:38px;}.elementor-kit-6 h3{font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}

/* Source: assets/css/legacy/post-1027.css */
.elementor-1027 .elementor-element.elementor-element-09ee701{--display:flex;--min-height:973px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:320px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-09ee701:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-09ee701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/wp-content/uploads/2026/02/Generated-image-3-af-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1027 .elementor-element.elementor-element-1aaf15b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:300px;--padding-bottom:0px;--padding-left:77px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1027 .elementor-element.elementor-element-90dd3d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1027 .elementor-element.elementor-element-90dd3d0.elementor-element{--align-self:flex-start;}.elementor-1027 .elementor-element.elementor-element-90dd3d0 .elementor-heading-title{font-family:"duplet", Sans-serif;font-size:54px;font-weight:600;line-height:64.8px;color:#FFFFFF;}.elementor-1027 .elementor-element.elementor-element-1128783{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1027 .elementor-element.elementor-element-1128783.elementor-element{--align-self:flex-start;}.elementor-1027 .elementor-element.elementor-element-1128783 .elementor-heading-title{font-family:"duplet", Sans-serif;font-size:54px;font-weight:600;line-height:64.8px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1027 .elementor-element.elementor-element-d586854{width:var( --container-widget-width, 608px );max-width:608px;--container-widget-width:608px;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-1027 .elementor-element.elementor-element-d586854.elementor-element{--align-self:flex-start;}.elementor-1027 .elementor-element.elementor-element-e452e48.elementor-element{--align-self:flex-start;}.elementor-1027 .elementor-element.elementor-element-f8637e1{--display:flex;--min-height:100vh;--border-radius:048px 48px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-f8637e1:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-f8637e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-1027 .elementor-element.elementor-element-cc977f7{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1027 .elementor-element.elementor-element-e06718b{margin:54px 56px calc(var(--kit-widget-spacing, 0px) + 120px) 56px;padding:0px 0px 0px 0px;}.elementor-1027 .elementor-element.elementor-element-698e5c1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-de9d7f9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-de9d7f9:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-de9d7f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}.elementor-1027 .elementor-element.elementor-element-f69cb00{z-index:1;}.elementor-1027 .elementor-element.elementor-element-336ca7d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-336ca7d:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-336ca7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1027 .elementor-element.elementor-element-6eda665{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1027 .elementor-element.elementor-element-59b569b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-59b569b:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-59b569b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}.elementor-1027 .elementor-element.elementor-element-f890a3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1027 .elementor-element.elementor-element-e33ba88 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:20px;}.elementor-1027 .elementor-element.elementor-element-ad94f56{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1027 .elementor-element.elementor-element-ad94f56 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:600;line-height:44px;letter-spacing:-0.72px;color:#0F172B;}.elementor-1027 .elementor-element.elementor-element-0eb9808{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#45556C;}.elementor-1027 .elementor-element.elementor-element-480683d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-1027 .elementor-element.elementor-element-b95a90f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-b95a90f:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-b95a90f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1027 .elementor-element.elementor-element-c587bad{--grid-columns:3;--grid-column-gap:0px;}.elementor-1027 .elementor-element.elementor-element-32c38a6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-1027 .elementor-element.elementor-element-641e913{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:120px;--padding-left:100px;--padding-right:100px;}.elementor-1027 .elementor-element.elementor-element-1b753ae{--display:grid;--min-height:770px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:start;--border-radius:48px 48px 48px 48px;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-1027 .elementor-element.elementor-element-1b753ae:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-1b753ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;background-image:url("/wp-content/uploads/2026/01/Group-1321314986.png");background-position:center right;background-repeat:no-repeat;}.elementor-1027 .elementor-element.elementor-element-c4be9c1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1027 .elementor-element.elementor-element-5c146aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1027 .elementor-element.elementor-element-5c146aa .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:20px;}.elementor-1027 .elementor-element.elementor-element-314edd4{text-align:start;}.elementor-1027 .elementor-element.elementor-element-314edd4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:600;line-height:44px;color:var( --e-global-color-text );}.elementor-1027 .elementor-element.elementor-element-8425fbd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#45556C;}.elementor-1027 .elementor-element.elementor-element-55f577f{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;line-height:28px;color:#314158;}.elementor-1027 .elementor-element.elementor-element-0e66065{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#325FEC;}.elementor-1027 .elementor-element.elementor-element-0e66065 a{color:#325FEC;}.elementor-1027 .elementor-element.elementor-element-3a6802f{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;line-height:28px;color:#314158;}.elementor-1027 .elementor-element.elementor-element-c45c753{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#325FEC;}.elementor-1027 .elementor-element.elementor-element-c45c753 a{color:#325FEC;}.elementor-1027 .elementor-element.elementor-element-064b273{--display:flex;--min-height:642px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1027 .elementor-element.elementor-element-c34fbef{width:100%;max-width:100%;}.elementor-1027 .elementor-element.elementor-element-a6b8909{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:96px;--padding-left:100px;--padding-right:100px;}.elementor-1027 .elementor-element.elementor-element-a6b8909:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-a6b8909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/wp-content/uploads/2026/01/Group-1321314986.png");background-position:center right;background-repeat:no-repeat;}.elementor-1027 .elementor-element.elementor-element-eb5aa58{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-1027 .elementor-element.elementor-element-cd0fb91{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1027 .elementor-element.elementor-element-cd0fb91 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:20px;}.elementor-1027 .elementor-element.elementor-element-e6f75c0{text-align:start;}.elementor-1027 .elementor-element.elementor-element-e6f75c0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:600;line-height:44px;color:var( --e-global-color-text );}.elementor-1027 .elementor-element.elementor-element-0fd4b5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#45556C;}.elementor-1027 .elementor-element.elementor-element-894f693{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;line-height:28px;color:#314158;}.elementor-1027 .elementor-element.elementor-element-b92b137{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#325FEC;}.elementor-1027 .elementor-element.elementor-element-3f1949e{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;line-height:28px;color:#314158;}.elementor-1027 .elementor-element.elementor-element-7a805a1{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:#325FEC;}.elementor-1027 .elementor-element.elementor-element-fd16748{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:-127px;}.elementor-1027 .elementor-element.elementor-element-fd16748.e-con{--align-self:flex-start;}.elementor-1027 .elementor-element.elementor-element-19c8713{width:var( --container-widget-width, 524px );max-width:524px;--container-widget-width:524px;--container-widget-flex-grow:0;}.elementor-1027 .elementor-element.elementor-element-486716f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-1027:not(.elementor-motion-effects-element-type-background), body.elementor-page-1027 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9FAFB;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1027 .elementor-element.elementor-element-c587bad{--grid-columns:2;}.elementor-1027 .elementor-element.elementor-element-1b753ae{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1027 .elementor-element.elementor-element-09ee701:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-09ee701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/wp-content/uploads/2026/02/hero-img.png");background-position:center right;}.elementor-1027 .elementor-element.elementor-element-09ee701{--min-height:0px;--margin-top:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-1aaf15b{--padding-top:88px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-1027 .elementor-element.elementor-element-90dd3d0{text-align:center;}.elementor-1027 .elementor-element.elementor-element-90dd3d0 .elementor-heading-title{font-size:36px;line-height:44px;letter-spacing:-0.72px;}.elementor-1027 .elementor-element.elementor-element-1128783{text-align:start;}.elementor-1027 .elementor-element.elementor-element-1128783 .elementor-heading-title{font-size:36px;line-height:44px;letter-spacing:-0.72px;}.elementor-1027 .elementor-element.elementor-element-d586854{text-align:start;font-size:16px;line-height:24px;}.elementor-1027 .elementor-element.elementor-element-e452e48{width:100%;max-width:100%;}.elementor-1027 .elementor-element.elementor-element-f8637e1{--border-radius:24px 24px 0px 0px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-cc977f7{margin:56px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1027 .elementor-element.elementor-element-e06718b{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-1027 .elementor-element.elementor-element-59b569b{--padding-top:056px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-b95a90f{--padding-top:0px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-1027 .elementor-element.elementor-element-c587bad{--grid-columns:1;}.elementor-1027 .elementor-element.elementor-element-32c38a6{--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1027 .elementor-element.elementor-element-3365618.elementor-element{--align-self:stretch;}.elementor-1027 .elementor-element.elementor-element-1b753ae{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-314edd4 .elementor-heading-title{font-size:30px;letter-spacing:-0.6px;}.elementor-1027 .elementor-element.elementor-element-8425fbd{font-size:16px;line-height:24px;}.elementor-1027 .elementor-element.elementor-element-064b273{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1027 .elementor-element.elementor-element-c34fbef{width:100%;max-width:100%;}.elementor-1027 .elementor-element.elementor-element-a6b8909:not(.elementor-motion-effects-element-type-background), .elementor-1027 .elementor-element.elementor-element-a6b8909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1027 .elementor-element.elementor-element-a6b8909{--padding-top:30px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-1027 .elementor-element.elementor-element-e6f75c0 .elementor-heading-title{font-size:30px;letter-spacing:-0.6px;}.elementor-1027 .elementor-element.elementor-element-0fd4b5f{font-size:16px;line-height:24px;}.elementor-1027 .elementor-element.elementor-element-fd16748{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1027 .elementor-element.elementor-element-19c8713{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-1027 .elementor-element.elementor-element-1aaf15b{--content-width:1440px;}.elementor-1027 .elementor-element.elementor-element-f890a3f{--width:66.6666%;}.elementor-1027 .elementor-element.elementor-element-480683d{--width:33.3333%;}.elementor-1027 .elementor-element.elementor-element-b95a90f{--content-width:1173px;}.elementor-1027 .elementor-element.elementor-element-32c38a6{--width:33.3333%;}.elementor-1027 .elementor-element.elementor-element-641e913{--content-width:1440px;}.elementor-1027 .elementor-element.elementor-element-1b753ae{--content-width:1440px;}.elementor-1027 .elementor-element.elementor-element-c4be9c1{--width:100%;}.elementor-1027 .elementor-element.elementor-element-064b273{--width:575px;}.elementor-1027 .elementor-element.elementor-element-a6b8909{--content-width:1440px;}.elementor-1027 .elementor-element.elementor-element-eb5aa58{--width:44%;}.elementor-1027 .elementor-element.elementor-element-fd16748{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-09ee701 *//* Mobile background only */
@media (max-width: 767px) {
    .elementor-1027 .elementor-element.elementor-element-09ee701 {
        background:
            linear-gradient(
                90deg,
                #0F172B 12.32%,
                rgba(15, 23, 43, 0.00) 155.84%
            ),
            url("/wp-content/uploads/2026/02/Generated-image-3-af-1-1.png")
            no-repeat;

        background-color: #0f172b;
        background-position: -328.837px 0;
        background-size: 255.271% 104.973%;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS *//* End Custom Fonts CSS */