* {
	margin: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html, body {
	height: 100%;
}
html {
	scroll-behavior: smooth;
}
a {
	text-decoration: none;
}
@media (prefers-reduced-motion: no-preference) {
:root {
	scroll-behavior: smooth;
}
}
body {
	overflow-x: hidden;
}
body.txc-wrap {
	font-family: "League Spartan", sans-serif;
	font-optical-sizing: auto;
	color: #000;
	font-style: normal;
	padding-top: 0;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
}
b, strong {
	font-weight: bold;
}
a {
	color: #349cf3;
}
/* Grid css */
/* .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}

.container, .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}


@media (min-width: 992px) {
   .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-lg-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}
  .col-lg-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}
  .col-lg-9 {
	flex: 0 0 auto;
	width: 75%;
}
  .col-lg-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}
   .col-lg-7 {
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 58.33333333%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 50%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 41.66666667%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-3 {
	flex: 0 0 auto;
	width: 25%;
   }
   .col-lg-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}
.col-lg-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}
} */
.mt-20 {
	margin-top: 20px !important;
}
.txc-links a {
	display: block;
	color: #359CF3;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 12px;
}
.txc-wrap h4, .txc-wrap .h4 {
	font-size: 23px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 20px;
}
.txc-btn {
	padding: 18px 52px;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
}
.txc-btn a {
	border-radius: 42px;
	border: 1px solid #FFF;
	background: linear-gradient(90deg, #9D61FF 0%, #5E3A99 100%);
	font-size: 20px;
	color: #fff;
	display: inline-block;
	padding: 17px 45px;
	font-weight: 700;
}
.txc-heading h2 {
	font-size: 51px;
	line-height: normal;
}
.txc-heading {
	margin-bottom: 20px;
}
.txc-section-padding {
	padding: 120px 0;
}
h1, .h1 {
	font-size: 40px;
	line-height: 48px;
}
h2, .h2 {
	font-size: 38px;
}

/* Alert */
body.txc-wrap#has-alert {
	padding-top: 0 !important;
}
.alert-head-txc p {
  color: #fff;
  font-size: 18px !important;
}
.alert-head-txc p a {
  color: #fff !important;
  font-weight: 700;
}
.alert.alert-success.alert-txc {
	padding: 15px 35px;
}
.alert.alert-success.alert-dismissible.alert-txc {
	border: 0px solid;
	border-radius: 0;
}
.alert.alert-success.alert-txc.text-center {
	background: radial-gradient(449.92% 300.19% at -1.33% 0%, #081C2E 13.5%, #28E5A6 100%);
}
.alert.alert-success.alert-dismissible.alert-txc.show.text-center {
	position: relative;
	z-index: 1;
}
.alert.alert-success.alert-dismissible.alert-txc {
	margin-bottom: 0;
}
.txc-wrap p {
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 15px;
	font-weight: 400;
}
.alert-head-txc p {
	color: #fff;
	font-size: 18px !important;
}
.alert.alert-success.alert-dismissible.alert-txc p {
	margin-bottom: 0;
}
p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	overflow-wrap: break-word;
}
.alert-head-txc p a {
	color: #fff !important;
	font-weight: 700;
}
.alert-dismissible .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 1.25rem 1rem;
}
/* Header top */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
.txc-banner.txc-banner--home, .header--wrap.txc--header-wrap {
	background-color: #081C2E;
}
.header--wrap.txc--header-wrap {
	background-image: url(../img/home/bg-menu.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.header--top {
	position: relative;
	padding: 15px 0;
	z-index: 99999;
}
.header--wrap.txc--header-wrap .header--top, .header--wrap.txc--header-wrap .header--main {
	background: transparent;
}
.header--wrap.txc--header-wrap .header--top {
	border-bottom: .5px solid #fff;
}
.header--top__info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header--top__info .text-cve span {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
}
.text-cve span.cve-desk {
	display: flex;
	gap: 15px;
	align-items: center;
}
.text-cve .mobile-only {
	display: none;
}
/* WCAG 2.5.8: when this phone-only link shows, its 13px text alone is a 12px-tall
   target. The padding enlarges the hit box to 24px+ and the matching negative
   margin cancels it in layout, so the bar keeps its height. */
.text-cve .mobile-only a {
	display: inline-block;
	padding: 6px 0;
	margin: -6px 0;
}
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
	height: auto;
}
.text-cve span.cve-desk img {
	position: relative;
	top: -2px;
}
.widget {
	margin: 0;
}
.header--top__info .text-cve span p {
	margin-bottom: 0;
	font-size: 13px;
}

/* The "Learn More" link sits inside a sentence of white text, and its blue is only
   2.9:1 against that text, so colour alone can't mark it as a link (WCAG 1.4.1).
   The underline is the non-colour cue. */
.header--top__info .text-cve .widget a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.menu-top-header-menu-container ul {
	display: flex;
}
.header--top__info .top-links #menu-top-header-menu {
	margin-bottom: 0;
}
ol, ul {
	list-style: none;
	margin: 0px 0px 16px 0px;
}
p, li {
	font-size: 20px;
	line-height: 26px;
}
.menu-top-header-menu-container ul li {
	position: relative;
	margin-left: 20px;
}
.menu-top-header-menu-container ul li a {
	padding: 15px 0px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
}
/* WCAG 2.5.8 (audit item c1, seven top-bar links). The padding above already
   makes these 42px tall in the theme, but that rule keys on the WordPress menu
   slug ("top-header-menu"), so a renamed menu or a plugin stylesheet can strip
   it. This rule keys on the theme's own .top-links wrapper and pins the minimum
   target size whatever the menu is called. */
.header--top__info .top-links ul li a {
	padding: 15px 0;    /* inline: painted, so the target box is 42px tall while the bar's height is untouched */
}
.menu-top-header-menu-container ul li a img {
	display: inline-block;
	margin-right: 5px;
	top: 1px;
	position: relative;
	height: 12px;
	width: 12px;
}
/* Header */
.header--wrap.txc--header-wrap .header--main {
	border-bottom: 0px solid;
}
.header--main__inn {
	display: flex;
	justify-content: space-between;
	padding: 30px 0px;
	align-items: center;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul {
	margin: 0;
	display: flex;
	align-items: center;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li {
	display: inline-block;
	margin-left: 18px;
}
body .header--main__inn .main__nav ul li a {
	font-size: 17px !important;
	color: #081c2e;
	font-weight: 400
	word-break: break-word;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li > a {
	position: relative;
}
.header--wrap.txc--header-wrap .header--main__inn .main__nav ul#menu-main-menu > li > a {
	font-size: 17px;
	color: #fff;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li > a > .fa {
	color: #359cf3;
	position: relative;
	left: 3px;
	top: 1px;
}
.fa-caret-down::before {
	content: "\f0d7";
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li > .wp-megamenu-sub-menu {
	padding-top: 10px;
	box-shadow: 0px 4px 48.9px 0px rgba(53, 156, 243, 0.20);
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li > .wp-megamenu-sub-menu {
	background: #fff;
	border-radius: 13px !important;
	padding: 20px 4px 10px;
}
.main__nav #menu-main-menu #wp-megamenu-item-17846 > .wp-megamenu-sub-menu, .main__nav #menu-main-menu .wp-megamenu-item-17849 > .wp-megamenu-sub-menu {
	border-radius: 20px !important;
	background: #fff;
	box-shadow: 0px 4px 48.9px 0px rgba(53, 156, 243, 0.20);
	padding: 14px !important;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li#wp-megamenu-item-17846 ul.wp-megamenu-sub-menu li:last-child {
	margin-bottom: -8px;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li {
	padding-top: 20px !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li:first-child {
	padding-top: 10px !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:first-child > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li, body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:nth-child(4) > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li {
	padding: 7px !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li:first-child > ul.wp-megamenu-sub-menu {
	height: 100%;
	background: #e9f6ff;
	padding: 22px;
	border-radius: ;
	border-radius: 13px;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:first-child > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li:first-child > ul.wp-megamenu-sub-menu, body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:nth-child(4) > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li:first-child > ul.wp-megamenu-sub-menu {
	padding: 0;
	background: transparent;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:first-child > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li > ul > li {
	height: auto;
	background: #E9F6FF;
	border-radius: 9px;
}
.txc-s-m-i {
	background: #E9F6FF;
	border-radius: 9px;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:first-child > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li > ul > li:first-child .textwidget .txc-s-m-i {
	min-height: 237px;
	margin-bottom: 14px;
}
.txc-s-m-i .s-m-i-h {
	padding: 15px 10px 10px;
	position: relative;
}
.txc-wrap h1, .txc-wrap h2, .txc-wrap h3, .txc-wrap h4, .txc-wrap h5, .txc-wrap h6,
.txc-wrap .h1, .txc-wrap .h2, .txc-wrap .h3, .txc-wrap .h4, .txc-wrap .h5, .txc-wrap .h6 {
	color: #081c2e;
	font-family: "League Spartan", sans-serif;
}body .wp-megamenu-wrap .wpmm-nav-wrap > ul > li .wp-megamenu-sub-menu .txc-s-m-i .s-m-i-h h5,
body .wp-megamenu-wrap .wpmm-nav-wrap > ul > li .wp-megamenu-sub-menu .txc-s-m-i .s-m-i-h .h5 {
	display: flex;
	align-items: flex-start;
	font-size: 18px !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul .txc-s-m-i .s-m-i-h p {
	font-size: 12px !important;
	line-height: 16px !important;
	margin-bottom: 0 !important;
}
.txc-s-m-i .s-m-i-h h5 img,
.txc-s-m-i .s-m-i-h .h5 img {
	margin-right: 8px;
}body .wp-megamenu-wrap .wpmm-nav-wrap > ul > li .wp-megamenu-sub-menu .txc-s-m-i .s-m-i-h h5 a,
body .wp-megamenu-wrap .wpmm-nav-wrap > ul > li .wp-megamenu-sub-menu .txc-s-m-i .s-m-i-h .h5 a {
	padding: 0;
	font-size: 18px !important;
	font-weight: 700 !important;
}
.s-m-i-n.grd-2 ul {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.wp-megamenu-wrap .wpmm-nav-wrap ul ul {
	opacity: 1;
	display: block;
	position: relative;
	left: auto;
	top: auto;
	box-shadow: none;
}
ul.wp-megamenu li ul.wp-megamenu-sub-menu .menu-widget-class ul {
	background: none;
	border: none;
	list-style: none;
	padding: 0;
	margin: 0;
	left: 0;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul .txc-s-m-i ul li a {
	font-size: 14px !important;
	color: #2571B0 !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul .txc-s-m-i ul li a {
	background: #fff !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul .txc-s-m-i ul li a span {
	font-size: 12px;
	color: #000;
	display: block;
}
.txc-s-m-i .s-m-i-d {
	padding: 10px 12px;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul .txc-s-m-i .s-m-i-d .smid-i a {
	font-size: 14px !important;
	display: inline-block;
	padding: 0;
	color: #2571B0 !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:first-child > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li > ul > li:first-child .textwidget .txc-s-m-i.fw {
	min-height: 376px;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:first-child > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li > ul > li:first-child .textwidget .txc-s-m-i.fw {
	min-height: 392px;
}
.txc-s-m-i.fw .s-m-i-h h5 img,
.txc-s-m-i.fw .s-m-i-h .h5 img {
	max-width: 23px;
}
#wp-megamenu-mainmenu > .wpmm-nav-wrap ul.wp-megamenu > li ul.wp-megamenu-sub-menu li a {
	color: inherit;
	font-size: 12px;
	font-weight: 400;
	text-transform: none;
	background-color: inherit;
}
.txc-s-m-i ul {
	padding: 10px 12px !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li:first-child > .wp-megamenu-sub-menu > li > ul.wp-megamenu-sub-menu > li > ul > li:first-child .textwidget .txc-s-m-i.mh-al {
	min-height: 234px;
}
.txc-s-m-i.mh-al .s-m-i-h h5,
.txc-s-m-i.mh-al .s-m-i-h .h5 {
	align-items: flex-start !important;
	line-height: normal;
	position: relative;
	top: -6px;
}
.s-m-i-n.al-rl > ul {
	padding-top: 7px !important;
	padding-bottom: 16px !important;
}
.s-m-i-n.al-rl > ul > li:first-child {
	border: 0px solid #B1DFFF;
	padding: 5px 7px;
	border-radius: 5px;
	margin-bottom: 8px;
	background: #fff;
}
.s-m-i-n.al-rl > ul > li > a {
	margin: 3px 0 !important;
	padding: 6px 14px !important;
	font-weight: 600;
}
.s-m-i-n.al-rl ul li ul.al-rl-ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
}
.s-m-i-n ul li a {
	border: 1px solid #B1DFFF !important;
	display: block !important;
	border-radius: 7px;
	margin-top: 6px;
	padding: 10px !important;
	margin-bottom: 10px;
}
.s-m-i-n.grd-2 ul li a {
	margin: 0;
}
/* WCAG 2.5.8 target size: the link rows in the mega-menu panels were 22px tall with no gap
   between rows, so neither the 24px minimum nor the spacing exception held. 24px rows. */
.txc-megapanel .s-m-i-d .smid-i a {
	min-height: 24px;
	line-height: 24px;
}
.txc-megapanel .s-m-i-m-d-f li a {
	display: inline-block;
	min-height: 24px;
	line-height: 24px;
}

.txc-s-m-i .s-m-i-d .smid-all {
	padding: 0;
	font-size: 12px !important;
	color: #2571B0 !important;
	display: block !important;
	margin-top: 10px;
}



.main__nav .txc-mainnav ul .txc-s-m-i .s-m-i-n.al-rl ul li ul.al-rl-ul li a {
	background: #E9F6FF !important;
	border: 1px solid #B1DFFF !important;
}




.main__nav .txc-mainnav .txc-s-m-i .smid-all.first.text-center {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 12px !important;
	color: #2571B0 !important;
}


.d-flex {
	display: flex !important;
}
ul.s-m-i-m-d-f.d-flex {
	justify-content: space-between;
}
.s-m-i-h.n-bb {
	border-bottom: 0px solid;
	padding-bottom: 18px;
}
.txc-s-m-i .s-m-i-h {
	position: relative;
}

.txc-s-m-i.mb-15 {
	margin-bottom: -15px;
}
.txc-s-m-i.smi-commic {
	min-height: 249px;
}
.txc-s-m-i .s-m-i-h.n-bb.d-flx {
	display: flex;
	justify-content: space-between;
}

.smih-l-s-n.d-flex {
	align-items: center;
	background: #fff;
	padding: 15px;
	margin-top: 19px;
}
.smih-l-s-n.d-flex .thumb.s a {
	margin-top: 0;
}
.smih-l-s-n.d-flex .thumb.s a {
	padding-top: 0 !important;
}
.smih-l-s-n.d-flex .thumb.s a img {
	max-width: 145px;
	margin: 0 !important;
}
body .header--main__inn .main__nav > .wp-megamenu-wrap > .wpmm-nav-wrap > ul > li.nav--ask-a-qsn {
	margin-left: 30px;
}
.header--wrap.txc--header-wrap .header--main__inn .main__nav ul#menu-main-menu > li.nav--ask-a-qsn > a {
	border-radius: 42px;
	border: 1px solid #FFF;
	background: linear-gradient(90deg, #9D61FF 0%, #5E3A99 100%);
	font-size: 19px !important;
	font-weight: 700 !important;
	padding: 15px 32px;
}
.header--wrap.txc--header-wrap .header--main__inn .main__nav ul#menu-main-menu > li.nav--ask-a-qsn > a img {
	display: none;
}
.header--main__inn .main__nav ul li.nav--ask-a-qsn a img {
	margin-right: 12px;
}
.s-m-i-n.al-rl > ul > li:first-child > a {
	border: 0px solid !important;
	text-align: center;
	margin: 0 !important;
}
.s-m-i-n.al-rl > ul > li:first-child a {
	padding: 5px 7px;
}
.header--wrap.txc--header-wrap .header--main.fixed-top {
	background-image: url(../img/home/bg-menu.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.header--main.fixed-top .header--main__inn {
	padding: 15px 0;
}
/* Footer css */
footer {
	position: relative;
}
.txc--footer-top {
	padding-top: 90px;
}
footer.txc-footer .txc--footer-top {
	background-image: url(../img/home/bg-footer.svg);
	background-size: cover;
	background-position: center;
}
.footer-top-d {
	padding-bottom: 35px;
	border-bottom: 1px solid #fff;
}
.footer-top-b {
	padding: 30px 0;
}
footer .footer-logo {
	margin-right: auto;
	margin-left: auto;
	max-width: 176px;
	width: 100%;
	position: relative;
}
footer .footer-logo {
	text-align: left;
	margin: 0 0 25px 0;
}
.txc-footer-widget p {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}
.txc-footer-right {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: -7px;
}
.menu__items h4, .menu__items .h4 {
	font-size: 24px;
	line-height: 39px;
	color: #fff;
}
.txc-footer-right .menu__items h4, .txc-footer-right .menu__items .h4 {
	margin-bottom: 10px;
	color: #fff;
}
.menu__items ul {
	padding: 0;
}
.txc-footer-right .menu__items ul li {
	margin-bottom: 8px;
}
.txc-footer-right .menu__items ul li a {
	color: #fff !important;
	font-size: 15px;
}
footer ul a {
	display: inline-block;
	color: #364755 !important;
	font-size: 13px;
	line-height: 22px;
}
.txc-footer-right .menu__items ul li {
	margin-bottom: 8px;
}
.footer-top-b {
	padding: 15px 0;
}
.bottom__d__left {
	height: 100%;
	display: flex;
	align-items: center;
}
.bottom__d__left {
	flex-wrap: wrap;
}
.txc-wrap .bottom__d__left p {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
}
.bottom__d__left p.mb-0 {
	position: relative;
	top: -3px;
	margin-bottom: 7px !important;
}
.bottom__d__right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.bottom__d__right {
	height: 100%;
}
.bottom__d_r_l {
	margin-right: 14px;
}
.bottom__d__right .bottom__d_r_l ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bottom__d__right .bottom__d_r_l ul li {
	display: inline-block;
	margin: 0 12px;
	position: relative;
}
.bottom__d__right .bottom__d_r_l ul li::after {
	position: absolute;
	content: "|";
	right: -12px;
	top: 2px;
	width: 1px;
	height: 100%;
	color: #fff;
}
footer ul a {
	display: inline-block;
}
.bottom__d__right .bottom__d_r_l ul li a {
	font-size: 15px;
	line-height: normal;
	font-weight: 400;
	color: #fff !important;
	padding: 0 12px;
}
.bottom__d_r_r ul {
	margin-bottom: 0;
	margin-right: -4px;
}
.bottom__d_r_r ul li {
	margin-bottom: 0;
	display: inline-block;
	padding: 0 4px;
}
.bottom__d_r_r ul li a {
	position: relative;
}
.bottom__d_r_r ul li a img {
	max-width: 22px;
}
.bottom__d__right .bottom__d_r_l ul li:last-child::after {
	display: none;
}
.txc--footer-bottom {
	padding: 35px 0;
}
.txc--footer-bottom .footer-bottom-logos {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* WCAG 1.4.10: 19 badges overflowed the page below about 1400px; let them wrap. */
	flex-wrap: wrap;
	gap: 10px;
}
.txc--footer-bottom .footer-bottom-logos .thumb img {
	max-width: 65px;
}
.txc-footer-right .menu__items ul li {
	line-height: 1px;
}
.els-page-tip-n .txc-info {
	margin-top: 0 !important;
}
.txc-btn.patching-btn {
	padding: 0;
}
.txc-s-m-i .s-m-i-n.grd-2 {
	padding-bottom: 18px;
}
.s-m-i-d .smid-i.grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.a-min-h-1.txc-s-m-i {
	min-height: 195px;
}
.alert-head-txc.alert-txc p a {
	color: #2F8CDA !important;
}
.txc-megapanel.mm-resource.mm-mh .txc-s-m-i .s-m-i-h {
	border-bottom: 0px;
}

/* =========================================================
   TXC Megamenu (static, no plugin)
   ========================================================= */
.txc-mainnav {
	position: relative;
}
.txc-mainnav > ul {
	display: flex;
	align-items: center;
	gap: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.txc-mainnav > ul > li {
	position: relative;
}
/* When the item holds a full megapanel, let the panel position relative
   to the nav (not the li) so it can center across the header instead of
   slipping off-screen under the leftmost item. */
.txc-mainnav > ul > li.has-mega:has(> .txc-megapanel) {
	position: static;
}
.txc-mainnav > ul > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 22px 18px;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
}
/* "Ask a Question" pill button — match old plugin styling */
.txc-mainnav > ul > li.nav--ask-a-qsn {
	margin-left: 12px;
}
.txc-mainnav > ul > li.nav--ask-a-qsn > a,
.txc-mainnav > ul > li.ask-q-btn > a {
	border-radius: 42px;
	border: 1px solid #fff;
	background: linear-gradient(90deg, #9D61FF 0%, #5E3A99 100%);
	font-size: 19px;
	font-weight: 700;
	padding: 12px 32px;
	color: #fff;
}
.txc-mainnav .arr {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
	transition: transform .2s ease;
}
.txc-mainnav .has-mega.open > a .arr {
	transform: rotate(180deg);
}

/* Panels — hidden default state */
.txc-mainnav .has-mega > .txc-megapanel,
.txc-mainnav .has-mega > ul {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
	z-index: 1000;
	background: #fff;
	box-shadow: 0 4px 48.9px 0 rgba(53, 156, 243, .20);
	border-radius: 20px;
}
.txc-mainnav .has-mega.open > .txc-megapanel,
.txc-mainnav .has-mega.open > ul {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Megapanel (Solutions, Resources, Media Hub) */
.txc-megapanel {
	position: absolute;
	top: calc(100% + 0px);
	left: 50%;
	transform: translateX(-50%) translateY(8px);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 12px;
	width: min(1035px, 96vw);
	padding: 14px;
}
/* Comics card: fix horizontal flex (image + text side-by-side). Without
   this, long image widths squeeze the text column to letter-per-line. */
.txc-megapanel .s-m-i-h.d-flx {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.txc-megapanel .s-m-i-h.d-flx .s-m-i-h-h {
	flex: 1 1 auto;
	min-width: 0;
}
.txc-megapanel .s-m-i-h.d-flx .thumb {
	flex: 0 0 auto;
	max-width: 45%;
}
.txc-megapanel .s-m-i-h.d-flx .thumb img {
	max-width: 100%;
	height: auto;
	display: block;
}
.txc-mainnav .has-mega.open > .txc-megapanel {
	transform: translateX(-50%) translateY(0);
}
.txc-megapanel .mp-col {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Simple dropdown (Partners) */
.txc-mainnav .has-mega > ul {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	min-width: 240px;
	padding: 12px 0;
	list-style: none;
	transform: translateY(8px);
}
.txc-mainnav .has-mega.open > ul {
	transform: translateY(0);
}
.txc-mainnav .has-mega > ul li a {
	display: block;
	padding: 10px 20px;
	color: #222;
	font-size: 15px;
}
.txc-mainnav .has-mega > ul li a:hover {
	background: #f5f7fb;
	color: #2f8cda;
}
body .main__nav > .txc-mainnav > ul > li > a {
	color: #fff;
}
.txc-mainnav .has-mega .txc-s-m-i .s-m-i-h h5,
.txc-mainnav .has-mega .txc-s-m-i .s-m-i-h h5 a,
.txc-mainnav .has-mega .txc-s-m-i .s-m-i-h .h5,
.txc-mainnav .has-mega .txc-s-m-i .s-m-i-h .h5 a {
	display: flex;
	align-items: flex-start;
	font-size: 18px !important;
	margin-bottom: 3px;
	line-height: normal;
}body .txc-mainnav .has-mega .txc-s-m-i .s-m-i-h h5 a,
body .txc-mainnav .has-mega .txc-s-m-i .s-m-i-h .h5 a {
	font-weight: 700;
	padding: 0;
}
body .txc-mainnav .has-mega .txc-s-m-i .s-m-i-h p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 0;
}
.txc-megapanel.mm-grid-2 {
	grid-template-columns: 1fr 2fr;
}
.mp-col.mp-smm-right .mp-smm-r-top {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 15px;
}
.s-m-i-n.al-rl > ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background: #fff;
	padding: 0 !important;
	margin: 10px;
	border-radius: 5px;
}
.s-m-i-n.al-rl > ul > li {
	margin: 5px;
}
body .header--main__inn .main__nav .txc-s-m-i ul li a {
	font-size: 14px !important;
}
.s-m-i-n ul li a {
	background: #E9F6FF;
}
.s-m-i-n ul li:first-child a {
	background: #fff;
}
.s-m-i-n.al-rl > ul > li:first-child, .s-m-i-n.al-rl > ul > li:nth-child(2), .s-m-i-n.al-rl > ul > li:first-child a, .s-m-i-n.al-rl > ul > li:nth-child(2) a {
	margin: 0;
	border: 0px solid !important;
	margin: 0 !important;
	border-radius: 0 0 0 5px;
}
body .header--main__inn .main__nav .mp-smm-r-top .txc-s-m-i .s-m-i-n li a {
	font-size: 15px !important;
	font-weight: 600;
	background: #fff;
	line-height: normal;
}
body .header--main__inn .main__nav .mp-smm-r-top .txc-s-m-i .s-m-i-n li a .s-m-i-n-li-split {
	font-size: 15px !important;
	font-weight: 600;
	background: #fff;
	line-height: normal;
	color: #2571B0;
	display: flex;
	align-items: center;
	gap: 18px;
}
body .header--main__inn .main__nav .mp-smm-r-top .txc-s-m-i .s-m-i-n li a .s-m-i-n-in-one-l {
	color: #359CF3;
	font-size: 12px !important;
	display: block;
	margin-top: 5px;
	line-height: 16px;
}

body .header--main__inn .main__nav .mp-smm-r-top .txc-s-m-i .s-m-i-n li a span, body .header--main__inn .main__nav .mp-smm-r-top .txc-s-m-i .s-m-i-n li a .s-m-i-n-li-split small {
	font-weight: 400;
	font-size: 12px !important;
	line-height: 17px;
	display: block;
	color: #000;
}
.txc-megapanel .txc-s-m-i .s-m-i-n.grd-2 {
	padding-bottom: 0px;
}

.txc-megapanel .txc-s-m-i .s-m-i-n.grd-2 ul li.mm-kce-1st-i {
  grid-column: 1/-1;
}
.txc-megapanel .txc-s-m-i .s-m-i-n.grd-2 ul li.mm-kce-1st-i a {
  display: flex !important;
  gap: 15px;
  align-items: center;
}
.mp-smm-r-top-r .txc-s-m-i-els {
	border-top-left-radius: 9px;
	background: #80E2C6;
	padding: 5px 10px 10px;
	border-top-right-radius: 9px;
	position: relative;
}
.mp-smm-r-top-r .txc-s-m-i-els::after {
	position: absolute;
	top: 100%;
	content: "";
	background: #80E2C6;
	left: 0;
	width: 100%;
	height: 165px;
	z-index: -1;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}
.mp-smm-r-top-r .txc-s-m-i-els span.text-center {
  display: block;
  font-size: 18px;
  font-weight: 700;
}

.mp-smm-r-top-r .txc-s-m-i-els span.text-center {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.mp-smm-r-top-r .txc-s-m-i-els .txc-s-m-i.mm-els.fw .s-m-i-n ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px 10px;
}
.mp-smm-r-top-r .txc-s-m-i-els .txc-s-m-i.mm-els.fw .s-m-i-n ul li a {
	display: block;
	text-align: center;
	margin: 0;
	padding: 13px 0 !important;
}
.mp-smm-r-bottom .txc-s-m-i.mm-sc-i {
	border-radius: 9px;
	background: #E5E6FF;
	padding: 5px 10px 10px;
	margin-right: 10px;
}
.mp-smm-r-bottom .txc-s-m-i.mm-sc-i .s-m-i-h h5,
.mp-smm-r-bottom .txc-s-m-i.mm-sc-i .s-m-i-h .h5 {
	justify-content: center;
}
.mp-smm-r-bottom {
	position: relative;
	top: -8px;
}
.mp-smm-r-bottom .txc-s-m-i.mm-sc-i .s-m-i-h h5,
.mp-smm-r-bottom .txc-s-m-i.mm-sc-i .s-m-i-h .h5 {
  justify-content: center;
}
.mm-sc-i-b {
  display: flex;
  align-items: center;
  gap: 20px;
}
.mm-sc-i-b .mm-sc-i-b-l {
  width: 40%;
}
.mm-sc-i-b .mm-sc-i-b-l span {
  font-size: 12px;
  display: inline-block;
  line-height: 15px;
}
.mm-sc-i-b .mm-sc-i-b-r {
	width: 70%;
	border-radius: 5px;
	background: linear-gradient(90deg, #40237F 0%, #744DBA 41.05%, #359CF3 100%);
	color: #fff;
	padding: 2px 18px;
}
.mm-sc-i-b .mm-sc-i-b-r span {
  font-size: 13px;
}
.mp-smm-r-bottom .mm-sc-i-f ul {
	border-radius: 5px;
	border: 1px solid #E3DAFF;
	background: #FFF;
	display: flex;
	padding: 0 !important;
}
.mp-smm-r-bottom .mm-sc-i-b {
	margin-bottom: 10px;
}
.mp-smm-r-bottom .mm-sc-i-b {
  margin-bottom: 10px;
}
.mp-smm-r-bottom .mm-sc-i-f ul a {
	display: block;
	padding: 5px 9px 2px;
	color: #744DBA !important;
	font-size: 12px;
}
.s-m-i-n.grd-2 ul {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	padding-top: 0 !important;
}body .header--main__inn .main__nav .mp-smm-r-top .txc-s-m-i .s-m-i-n li a,
body .header--main__inn .main__nav .txc-s-m-i ul li a,
body .txc-mainnav .has-mega .txc-s-m-i .s-m-i-h h5 a,
body .txc-mainnav .has-mega .txc-s-m-i .s-m-i-h .h5 a {
	color: #2571B0;
}

body .header--main__inn .main__nav .mp-smm-r-top .txc-s-m-i .s-m-i-n li a span {
	color: #000;
}
.txc-megapanel.mm-resource .txc-s-m-i {
  position: relative;
}
.txc-megapanel.mm-resource .txc-s-m-i .s-m-i-h {
  border-bottom: 1px solid #B1DFFF;
}
.txc-megapanel.mm-resource .txc-s-m-i .s-m-i-h h5 img,
.txc-megapanel.mm-resource .txc-s-m-i .s-m-i-h .h5 img {
  display: block;
  margin-right: 0;
  margin-bottom: 8px;
}
.txc-megapanel.mm-resource .txc-s-m-i .s-m-i-h h5,
.txc-megapanel.mm-resource .txc-s-m-i .s-m-i-h .h5 {
  display: block;
}
.txc-megapanel.mm-resource .s-m-i-d {
  padding-bottom: 25px;
}

.txc-megapanel.mm-resource .s-m-i-d .smid-i a {
	color: #2571B0 !important;
	display: block;
	font-size: 14px !important;
	line-height: 22px;
}
body .txc-mainnav  .has-mega .txc-megapanel.mm-resource .txc-s-m-i .s-m-i-h p {
	max-width: 90%;
}
.txc-s-m-i.pb-0 .s-m-i-d {
	padding-bottom: 5px;
}
.alert.alert-success.alert-dismissible.alert-txc p {
	min-width: 1320px;
}
/* .alert-head-txc p {
	border-radius: 10px;
	border: 1px solid rgba(247, 243, 39, 0.81);
	background: rgba(247, 243, 39, 0.16);
	display: inline-block;
	padding: 7px 20px;
} */


/* Desktop hover (hover-capable pointers only, not touch) */
@media (hover: hover) and (min-width: 992px) {
	.txc-mainnav .has-mega:hover > .txc-megapanel,
	.txc-mainnav .has-mega:hover > ul {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.txc-mainnav .has-mega:hover > .txc-megapanel {
		transform: translateX(-50%) translateY(0);
	}
	.txc-mainnav .has-mega:hover > ul {
		transform: translateY(0);
	}
	.txc-mainnav .has-mega:hover > a .arr {
		transform: rotate(180deg);
	}
}

/* Mobile — stacked accordion */
@media (max-width: 991px) {
	.txc-mainnav > ul {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	.txc-mainnav .has-mega > .txc-megapanel,
	.txc-mainnav .has-mega > ul {
		position: static;
		width: 100%;
		transform: none;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
	}
	.txc-megapanel {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.txc-mainnav .has-mega.open > .txc-megapanel,
	.txc-mainnav .has-mega.open > ul {
		padding: 16px 0;
	}
}

/* ===== Mobile nav hamburger toggle ===== */
.txc-nav-toggle {
    display: none;
    width: 36px;
    height: 36px;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.txc-nav-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    transition: transform .25s ease, opacity .2s ease;
    transform-origin: center;
}

.txc-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.txc-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.txc-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.alert em, .alert em strong {
	font-style: normal;
	color: #9D61FF;
	font-size: 26px;
	font-weight: 700;
	position: relative;
	top: 2px;
}
.bottom_d_open_ssh {
	border: 1px solid #fff;
	border-radius: 12px;
	padding: 8px 15px;
}
.bottom_d_open_ssh img {
	max-width: 80px;
	margin-left: 5px;
}
.bottom_d_open_ssh p.mb-0 {
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
}
.o-ssh .bottom_d_open_ssh img {
	max-width: 65px;
}
.o-ssh .bottom_d_open_ssh {
	padding: 3px 15px;
	border-radius: 8px;
}
.bottom__d__left .mb-0.bdl {
	font-size: 12px;
	line-height: 12px;
}
.bottom__d__left.bdl_logos ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 0;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #9D61FF;
	background: linear-gradient(180deg, rgba(157, 97, 255, 0.78) -114.09%, rgba(157, 97, 255, 0.20) 17.79%, rgba(53, 156, 243, 0.00) 68.81%, rgba(53, 156, 243, 0.20) 125.12%, #359CF3 199.21%);
	padding: 10px 20px 0;
	/* WCAG 1.4.10: five logos overflowed a 320px viewport; let them wrap. */
	flex-wrap: wrap;
}
.bottom__d__left.bdl_logos ul li {
	margin-bottom: 0;
	line-height: normal;
	height: auto;
}
.txc-footer-widget.txc-footer-left p {
	font-size: 14px;
	line-height: 18px;
	max-width: 350px;
}
.txc-f-left .bottom__d__left.d-block p {
	font-size: 14px;
	line-height: 18px;
	position: static;
	max-width: 365px;
}
.txc-f-left .bottom__d__left.d-block p.txc-inc-txt {
	font-size: 15px;
	font-weight: 500;
	margin-top: 15px;
}
.bottom__d__left.bdl_logos ul li a img {
	max-width: 83px;
}
.bottom__d__left.bdl_logos ul li:last-child a img {
	max-width: 142px;
}
#menu-item-9264 ul li a {
	color: #000;
}

/* New design css update */

/* =========================================================
   Solutions megapanel — redesign (Figma 36083:2449)
   The panel shell (absolute position, shadow, open/close
   transition, hover) is inherited from
   .txc-mainnav .has-mega > .txc-megapanel above — this block
   only carries the deltas for the stacked Solutions layout.

   NOTE ON SPECIFICITY: rules that style an <a> are prefixed
   .txc-megapanel.mm-sol rather than .mm-sol. They compete with
   `body .header--main__inn .main__nav ul li a` (0,2,4 + an
   !important font-size), which matches every link in the panel.
   Two classes are not enough to win, so the extra class is
   load-bearing — do not "simplify" it away.
   ========================================================= */
/* The theme sets no global border-box, so every padding and
   border here would otherwise add to the measured box. Scoped
   to the panel so nothing else on the site shifts. */
.mm-sol,
.mm-sol *,
.mm-sol *::before,
.mm-sol *::after {
	box-sizing: border-box;
}
.txc-mainnav .has-mega > .txc-megapanel.mm-sol {
	display: block;
	width: min(1035px, 96vw);
	padding: 15px 17px 21px;
	border-radius: 15px;
}

/* Section rule — label plus a hairline out to the right edge */
.mm-sol .sol-rule-h {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mm-sol .sol-rule-h span {
	font-size: 11px;
	font-weight: 600;
	line-height: 15px;
	color: #7795AF;
	white-space: nowrap;
}
.mm-sol .sol-rule-h::after {
	content: "";
	flex: 1 1 auto;
	border-top: 1px solid #E5EAF1;
}
/* The first rule sits against the panel's own padding; the
   "Other solutions" one needs the same 12px rhythm as the bands. */
.mm-sol .sol-band + .sol-rule-h {
	margin-top: 12px;
}

/* Icons — explicit box per glyph (the design sizes them
   individually); contain guards the two SVGs against any
   aspect drift between the export and the theme copy. */
.mm-sol .sol-ico {
	flex: 0 0 auto;
	object-fit: contain;
}
.mm-sol .sol-ico-sc     { width: 41px; height: 26px; }
.mm-sol .sol-ico-els    { width: 26px; height: 32px; }
.mm-sol .sol-ico-reboot { width: 22px; height: 22px; }
/* The only icon taller than the title's 22px line box. The design
   centres it on that line rather than letting it push the row down,
   so the negative margins keep it out of the header's height. */
.mm-sol .sol-ico-tes    { width: 23px; height: 25px; margin: -1.5px 0; }
.mm-sol .sol-ico-radar  { width: 23px; height: 22px; }
.mm-sol .sol-ico-kernel { width: 22px; height: 22px; }

/* ── Product bands (SecureChain, ELS) ─────────────────────
   Both bands share identical internal metrics in the design:
   title centre 34px from the band top, description centre at
   63.5, pill row at 79, total height 126. The fixed 32px
   header row is what lets the two different-height icons
   centre on the title without per-band nudging. */
.mm-sol .sol-band {
	margin-top: 12px;
	padding: 17px 18px 14px;
	border-radius: 10px;
}
.mm-sol .sol-band--sc  { background: #F3F0FB; border: 1px solid #E2D8F1; }
.mm-sol .sol-band--els { background: #E9F6FF; border: 1px solid #D3F2E5; }
.mm-sol .sol-band-h {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 32px;
}
.mm-sol .sol-band-h h5,
.mm-sol .sol-band-h .h5 {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}
.txc-megapanel.mm-sol .sol-band-h h5 a,
.txc-megapanel.mm-sol .sol-band-h .h5 a {
	font-size: 18px !important;
	font-weight: 700;
	padding: 0;
}
.mm-sol .sol-band > p {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 15px;
	color: #081C2E;
}

/* Pill rows — 6 across for SecureChain, 4 for ELS */
.mm-sol .sol-pills {
	display: grid;
	gap: 6px;
	margin: 8px 0 0;
	padding: 0;
}
.mm-sol .sol-pills--6 { grid-template-columns: repeat(6, 1fr); }
.mm-sol .sol-pills--4 { grid-template-columns: repeat(4, 1fr); gap: 9px; }
.txc-megapanel.mm-sol .sol-pills a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 6px;
	border: 1px solid #E3DAFF;
	border-radius: 8px;
	background: #fff;
	font-size: 12px !important;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	color: #081C2E;
}

/* ── Other solutions — 3 columns, the third split in two ── */
.mm-sol .sol-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 12px;
}
.mm-sol .sol-col {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: 9px;
}
.mm-sol .sol-card {
	padding: 19px 18px 18px;
	border-radius: 10px;
	background: #F6F8FA;
	border: 1px solid #E6ECF1;
}
.mm-sol .sol-card-h {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.mm-sol .sol-card-h h5 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}
.txc-megapanel.mm-sol .sol-card-h h5 a {
	font-size: 16px !important;
	font-weight: 700;
	padding: 0;
}
.mm-sol .sol-card > p {
	margin: 11px 0 0;
	font-size: 12px;
	line-height: 15px;
	color: #000;
}
/* Only two-line title in the set — the design tightens its
   leading and the gap under it so the card still lands at 110. */
.mm-sol .sol-card--kernel {
	padding-bottom: 17px;
}
.mm-sol .sol-card--kernel .sol-card-h h5 { line-height: 18px; }
.mm-sol .sol-card--kernel > p { margin-top: 6px; }

/* KernelCare / LibCare rows */
.mm-sol .sol-sub-list {
	display: grid;
	gap: 9px;
	margin: 9px 0 0;
	padding: 0;
}
.txc-megapanel.mm-sol .sol-sub-list a {
	display: block;
	border: 1px solid #E3DAFF;
	border-radius: 8px;
	background: #fff;
	font-size: 12px !important;
	line-height: 15px;
}
.txc-megapanel.mm-sol .sol-kc a { padding: 12px 15px 9px; }
.txc-megapanel.mm-sol .sol-lc a { padding: 9px 15px 6px; }
.mm-sol .sol-nm {
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	color: #081C2E;
}
.mm-sol .sol-sub {
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	color: #6B8296;
}
.mm-sol .sol-distro {
	display: block;
	margin-top: 5px;
	font-size: 10px;
	font-weight: 500;
	line-height: 17px;
	color: #359CF3;
}

/* Enterprise Support — 2x2 */
.mm-sol .sol-grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 9px 0 0;
	padding: 0;
}
.txc-megapanel.mm-sol .sol-grid2 a {
	display: flex;
	align-items: center;
	min-height: 53px;
	padding: 0 15px;
	border: 1px solid #E3DAFF;
	border-radius: 8px;
	background: #fff;
	font-size: 12px !important;
	font-weight: 700;
	line-height: 15px;
	color: #081C2E;
}

@media (max-width: 991px) {
	.txc-mainnav .has-mega > .txc-megapanel.mm-sol {
		width: 100%;
		padding: 16px 0;
	}
	.mm-sol .sol-cards { grid-template-columns: 1fr; }
	.mm-sol .sol-col { grid-template-rows: auto auto; }
	.mm-sol .sol-pills--6,
	.mm-sol .sol-pills--4 { grid-template-columns: repeat(2, 1fr); }
	.txc-megapanel.mm-sol .sol-grid2 a {
	min-height: auto;
}
}


/* Focusable scroll regions (tables and wide grids carry role="region" tabindex="0"):
   the theme has no visible focus style for non-form elements, so give keyboard
   users a ring when they land on one. global.css so landers get it too. */
[role="region"][tabindex="0"]:focus-visible {
	outline: 3px solid #359CF3;
	outline-offset: 3px;
}

/* Skip link (WCAG 2.4.1). First focusable element in <body> on every template;
   parked above the viewport until it receives keyboard focus. z-index clears the
   header, which sits at 99999. The target <main id="main"> carries tabindex="-1"
   so focus can land on it; that focus ring is hidden because the landmark is not
   itself interactive. */
.skip-link {
	position: absolute;
	top: -100px;
	left: 8px;
	z-index: 100000;
	padding: 12px 20px;
	background: #081C2E;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	border-radius: 8px;
	text-decoration: none;
}
.skip-link:focus {
	top: 8px;
	outline: 3px solid #359CF3;
	outline-offset: 2px;
}
#main:focus {
	outline: none;
}

/* Visually hidden, still announced. Used for the "(opens in new tab)" note on links with
   target="_blank" (WCAG G201), in the header, footer and mega menu. */
.txc-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Keyboard focus in the header and footer: a 2px ring with an offset, in a colour that reads on
   the navy chrome (5.8:1); inside the white mega-menu panels the AA blue (5.9:1). Browsers'
   default 1px ring was hard to see there (WCAG 2.4.7, 2.4.13). */
.header--wrap a:focus-visible,
.header--wrap button:focus-visible,
.txc-footer a:focus-visible {
	outline: 2px solid #359CF3;
	outline-offset: 2px;
}
.txc-megapanel a:focus-visible,
.txc-mainnav .has-mega > ul a:focus-visible {
	outline-color: #0A64B8;
}