
:root {
	--mm-accent: #4e97fd;          
	--mm-accent-600: #2f7ce6;
	--mm-navy: #16263f;           
	--mm-navy-2: #23557f;
	--mm-ink: #1c2733;            
	--mm-muted: #7a8798;          
	--mm-line: #eef1f5;
	--mm-panel-bg: #ffffff;
	--mm-panel-radius: 0;
	--mm-panel-shadow: 0 24px 60px -20px rgba(16, 38, 63, .28), 0 8px 24px -12px rgba(16, 38, 63, .18);
	--mm-ic-bg: #eaf2ff;
	--mm-bg-bg: #0049b7;
}


@media (min-width: 992px) {

	.utm-mega .mm-item.mm-has-mega {
		position: static;
	}

	.utm-mega .mm-panel {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 999;
/*		padding-top: 14px;              */
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
		transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
		pointer-events: none;
	}

	.utm-mega .mm-item.mm-has-mega:hover > .mm-panel,
	.utm-mega .mm-item.mm-has-mega:focus-within > .mm-panel,
	.utm-mega .mm-item.mm-has-mega.is-open > .mm-panel {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0s;
		pointer-events: auto;
	}

	.utm-mega .mm-panel__inner {
		background: var(--mm-panel-bg);
		border-radius: var(--mm-panel-radius);
		box-shadow: var(--mm-panel-shadow);
		border-top: 3px solid var(--mm-navy);
		padding: 28px 32px;
		max-width: 1200px;
		margin: 0 auto;
	}

	.utm-mega .mm-cols {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.mm-mega--grid > .mm-panel .mm-cols {
		    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
		flex-wrap: wrap;
		align-items: stretch;  
		gap: 20px 48px;
	}
	.mm-mega--grid > .mm-panel .mm-col {
		flex: 1 1 220px;
		min-width: 200px;
		max-width: 300px;
	}
	.mm-mega--grid > .mm-panel .mm-col--wide,
	.mm-mega--grid > .mm-panel .mm-wide {
		flex-basis: 460px;
		max-width: none;
	}
	.mm-mega--grid > .mm-panel .mm-col--cta {
		flex: 0 0 320px;
		max-width: none;
		margin-left: auto;     
	}

	.mm-mega--flat > .mm-panel .mm-cols {
		column-count: 3;
		column-gap: 48px;
	}
	.mm-mega--flat > .mm-panel .mm-col {
		break-inside: avoid;
		margin: 0 0 6px;
	}

	.utm-mega .mm-col__title {
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .08em;
		text-transform: uppercase;
		color: var(--mm-muted);
		text-decoration: none;
		padding: 4px 0 12px;
		margin: 0;
	}
	.utm-mega a.mm-col__title:hover { color: var(--mm-accent); }

	.utm-mega .mm-col__title--eyebrow {
		display: inline-flex;
		color: #fff;
		background: var(--mm-accent);
		border-radius: 999px;
		padding: 5px 12px;
		letter-spacing: .04em;
	}

	.utm-mega .mm-col__links {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.utm-mega .mm-a {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		text-decoration: none;
		padding: 9px 10px;
		border-radius: 10px;
		color: var(--mm-ink);
		line-height: 1.3;
		transition: background .15s ease, color .15s ease;
	}
	.utm-mega .mm-a:hover,
	.utm-mega .mm-a:focus-visible {
		background: var(--mm-ic-bg);
		color: var(--mm-accent-600);
	}
	.utm-mega .mm-a__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
	.utm-mega .mm-a__label { font-size: 15px; font-weight: 600; }
	.utm-mega .mm-a__desc { font-size: 13px; font-weight: 400; color: var(--mm-muted); }
	.utm-mega .mm-a:hover .mm-a__desc { color: var(--mm-muted); }

	.mm-mega--flat .mm-a { padding: 7px 8px; }
	.mm-mega--flat .mm-a__label { font-weight: 500; font-size: 14px; }

	.utm-mega .mm-ic {
		flex: 0 0 auto;
		width: 36px;
		height: 36px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		background: var(--mm-ic-bg);
		color: var(--mm-accent);
		font-size: 16px;
	}
	.utm-mega .mm-col__title .mm-ic {
		width: 22px;
		height: 22px;
		border-radius: 6px;
		font-size: 12px;
	}

	.utm-mega .mm-cta {
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: 100%;
		text-decoration: none;
		background-color:var(--mm-bg-bg);
		color: #fff;
		border-radius: 14px;
		padding: 24px;
	}
	.utm-mega .mm-cta__title { font-size: 20px; font-weight: 800; line-height: 1.2; }
	.utm-mega .mm-cta__text { font-size: 14px; color: rgba(255, 255, 255, .82); line-height: 1.45; }
	.utm-mega .mm-cta__btn {
		margin-top: auto;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		align-self: flex-start;
		background: #fff;
		color: var(--mm-navy);
		font-weight: 700;
		font-size: 14px;
		padding: 10px 18px;
		border-radius: 999px;
		transition: transform .15s ease;
	}
	.utm-mega .mm-cta:hover .mm-cta__btn { transform: translateX(3px); }

	
	/*.utm-mega .mm-item.mm-has-mega:hover > .mm-top::after,
	.utm-mega .mm-item.mm-has-mega.is-open > .mm-top::after {
		transform: translateY(0) rotate(-135deg);
	}*/
}

@media (min-width: 992px) and (max-width: 1200px) {
	.mm-mega--flat > .mm-panel .mm-cols { column-count: 2; }
}
