/* ALZIO COURSE HUB COLORFUL V2 | 6 destinations | no external font, script or data */
.alzio-hubnav-v2 {
  --ah2-ink:#10243d;
  box-sizing:border-box;
  container-type:inline-size;
  width:100%;
  max-width:1450px;
  margin:32px auto;
  padding:26px;
  border:1px solid #e2e9f1;
  border-radius:26px;
  background:#fff;
  box-shadow:0 12px 36px rgba(21,46,80,.055);
  color:var(--ah2-ink);
  font-family:inherit;
  isolation:isolate;
}
.alzio-hubnav-v2 *,
.alzio-hubnav-v2 *::before,
.alzio-hubnav-v2 *::after { box-sizing:border-box; }
.alzio-hubnav-v2 .ah2-heading {
  margin:0 0 22px;
  padding:0;
  border:0;
  color:var(--ah2-ink);
  font-family:inherit;
  font-size:27px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:-.045em;
}
.alzio-hubnav-v2 .ah2-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
}
.alzio-hubnav-v2 .ah2-card {
  position:relative;
  display:block;
  min-width:0;
  height:218px;
  padding:24px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.22);
  border-radius:22px;
  box-shadow:0 6px 14px rgba(21,46,80,.11),inset 0 1px 0 rgba(255,255,255,.14);
  color:#fff;
  text-decoration:none!important;
  text-align:left;
  outline-offset:4px;
  transform:translateY(0);
  transition:transform .2s ease,box-shadow .2s ease;
}
.alzio-hubnav-v2 .ah2-card::before {
  position:absolute;
  inset:0;
  z-index:0;
  content:"";
  background:linear-gradient(112deg,rgba(255,255,255,.09),transparent 55%);
  pointer-events:none;
}
.alzio-hubnav-v2 .ah2-card--business {
  background:radial-gradient(ellipse at 104% 100%,#e88765 0%,transparent 65%),linear-gradient(125deg,#a72559 0%,#741f4b 58%,#502046 100%);
}
.alzio-hubnav-v2 .ah2-card--investment {
  background:radial-gradient(ellipse at 105% 108%,#33a987 0%,transparent 63%),linear-gradient(125deg,#007875 0%,#07505d 63%,#0c394b 100%);
}
.alzio-hubnav-v2 .ah2-card--ai {
  background:radial-gradient(ellipse at 100% 104%,#9671fb 0%,transparent 65%),linear-gradient(125deg,#6629ca 0%,#421c96 60%,#2c185f 100%);
}
.alzio-hubnav-v2 .ah2-card--language {
  background:radial-gradient(ellipse at 106% 110%,#7560d5 0%,transparent 66%),linear-gradient(125deg,#007dab 0%,#0757a8 59%,#193b8a 100%);
}
.alzio-hubnav-v2 .ah2-card--commerce {
  background:radial-gradient(ellipse at 105% 106%,#f29b40 0%,transparent 64%),linear-gradient(125deg,#bc461b 0%,#9c3c19 57%,#713716 100%);
}
.alzio-hubnav-v2 .ah2-card--it {
  background:radial-gradient(ellipse at 105% 100%,#3868ee 0%,transparent 65%),linear-gradient(125deg,#086ed3 0%,#114b9a 58%,#0c2b65 100%);
}
.alzio-hubnav-v2 .ah2-caption {
  position:relative;
  z-index:2;
  display:block;
  margin:0 0 11px;
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.025em;
  white-space:nowrap;
  text-shadow:0 1px 4px rgba(0,0,0,.12);
}
.alzio-hubnav-v2 .ah2-title {
  position:relative;
  z-index:2;
  display:block;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:0;
  color:#fff;
  font-family:inherit;
  font-size:33px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.055em;
  text-shadow:0 2px 7px rgba(0,16,45,.12);
}
.alzio-hubnav-v2 .ah2-title-line { display:block; white-space:nowrap; }
.alzio-hubnav-v2 .ah2-card--business .ah2-title,
.alzio-hubnav-v2 .ah2-card--commerce .ah2-title { font-size:30px; }
.alzio-hubnav-v2 .ah2-art {
  position:absolute!important;
  z-index:1;
  right:2px;
  bottom:-3px;
  display:block;
  width:206px!important;
  height:196px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain;
  object-position:right bottom;
  pointer-events:none;
  user-select:none;
  transition:transform .25s ease;
}
.alzio-hubnav-v2 .ah2-card--business .ah2-art { right:-2px; bottom:-2px; width:207px!important; height:207px!important; }
.alzio-hubnav-v2 .ah2-card--language .ah2-art { right:-3px; width:212px!important; height:190px!important; }
.alzio-hubnav-v2 .ah2-card--commerce .ah2-art { right:5px; bottom:-6px; width:179px!important; height:193px!important; }
.alzio-hubnav-v2 .ah2-card--it .ah2-art { right:-6px; bottom:-3px; width:236px!important; height:189px!important; }
.alzio-hubnav-v2 .ah2-action {
  position:absolute;
  z-index:3;
  left:24px;
  bottom:23px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#fff;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.02em;
}
.alzio-hubnav-v2 .ah2-arrow {
  display:grid;
  place-items:center;
  flex:0 0 33px;
  width:33px;
  height:33px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  background:rgba(0,20,42,.08);
  font-family:Arial,sans-serif;
  font-size:23px;
  font-weight:400;
  line-height:1;
}
.alzio-hubnav-v2 .ah2-card:focus-visible { outline:3px solid #1268ce; }
@media(hover:hover) {
  .alzio-hubnav-v2 .ah2-card:hover { transform:translateY(-4px); box-shadow:0 14px 24px rgba(21,46,80,.19),inset 0 1px 0 rgba(255,255,255,.14); }
  .alzio-hubnav-v2 .ah2-card:hover .ah2-art { transform:translateY(-3px); }
  .alzio-hubnav-v2 .ah2-card:hover .ah2-arrow { background:rgba(255,255,255,.15); }
}
@container(max-width:1120px) {
  .alzio-hubnav-v2 .ah2-card { height:206px; padding:21px; }
  .alzio-hubnav-v2 .ah2-caption { font-size:12px; margin-bottom:10px; }
  .alzio-hubnav-v2 .ah2-title { font-size:29px; }
  .alzio-hubnav-v2 .ah2-card--business .ah2-title,
  .alzio-hubnav-v2 .ah2-card--commerce .ah2-title { font-size:26px; }
  .alzio-hubnav-v2 .ah2-card .ah2-art { max-width:49%!important; max-height:151px!important; }
  .alzio-hubnav-v2 .ah2-action { left:21px; bottom:20px; }
}
@container(max-width:1080px) {
  .alzio-hubnav-v2 .ah2-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .alzio-hubnav-v2 .ah2-card { height:204px; }
  .alzio-hubnav-v2 .ah2-card .ah2-art { max-width:51%!important; max-height:164px!important; }
}
@container(max-width:580px) {
  .alzio-hubnav-v2 .ah2-grid { gap:10px; }
  .alzio-hubnav-v2 .ah2-card { height:204px; padding:16px 14px; border-radius:18px; }
  .alzio-hubnav-v2 .ah2-caption { font-size:11px; line-height:1.45; margin-bottom:11px; letter-spacing:-.045em; }
  .alzio-hubnav-v2 .ah2-title { font-size:24px; line-height:1.2; letter-spacing:-.055em; }
  .alzio-hubnav-v2 .ah2-card--business .ah2-title { font-size:20px; line-height:1.3; }
  .alzio-hubnav-v2 .ah2-card--commerce .ah2-title { font-size:19px; line-height:1.35; }
  .alzio-hubnav-v2 .ah2-card .ah2-art { max-width:76%!important; max-height:110px!important; right:-2px; bottom:-2px; }
  .alzio-hubnav-v2 .ah2-card--business .ah2-art { max-width:71%!important; max-height:112px!important; right:0; }
  .alzio-hubnav-v2 .ah2-card--commerce .ah2-art { max-width:65%!important; max-height:108px!important; right:-2px; bottom:-3px; }
  .alzio-hubnav-v2 .ah2-card--it .ah2-art { max-width:70%!important; max-height:107px!important; right:-3px; }
  .alzio-hubnav-v2 .ah2-action { left:14px; bottom:16px; }
  .alzio-hubnav-v2 .ah2-action-label { display:none; }
  .alzio-hubnav-v2 .ah2-arrow { flex-basis:30px; width:30px; height:30px; font-size:22px; }
}
@container(max-width:305px) {
  .alzio-hubnav-v2 .ah2-grid { grid-template-columns:1fr; }
  .alzio-hubnav-v2 .ah2-card { height:150px; padding:17px 16px; }
  .alzio-hubnav-v2 .ah2-caption { font-size:11px; margin-bottom:8px; }
  .alzio-hubnav-v2 .ah2-title { font-size:25px; }
  .alzio-hubnav-v2 .ah2-card--business .ah2-title { font-size:21px; }
  .alzio-hubnav-v2 .ah2-card--commerce .ah2-title { font-size:20px; }
  .alzio-hubnav-v2 .ah2-card .ah2-art { max-width:43%!important; max-height:123px!important; }
  .alzio-hubnav-v2 .ah2-action { left:16px; bottom:13px; }
  .alzio-hubnav-v2 .ah2-arrow { width:26px; height:26px; flex-basis:26px; font-size:20px; }
}
@media(max-width:600px) {
  .alzio-hubnav-v2 { width:calc(100% - 24px); margin:24px auto; padding:18px 14px 14px; border-radius:22px; }
  .alzio-hubnav-v2 .ah2-heading { font-size:22px; margin-bottom:17px; }
}
@supports not (container-type:inline-size) {
  @media(max-width:1024px) { .alzio-hubnav-v2 .ah2-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:600px) {
    .alzio-hubnav-v2 .ah2-grid { gap:10px; }
    .alzio-hubnav-v2 .ah2-card { height:204px; padding:16px 14px; }
    .alzio-hubnav-v2 .ah2-caption { font-size:11px; letter-spacing:-.045em; }
    .alzio-hubnav-v2 .ah2-title { font-size:24px; }
    .alzio-hubnav-v2 .ah2-card--business .ah2-title { font-size:20px; }
    .alzio-hubnav-v2 .ah2-card--commerce .ah2-title { font-size:19px; }
    .alzio-hubnav-v2 .ah2-card .ah2-art { max-width:71%!important; max-height:110px!important; }
    .alzio-hubnav-v2 .ah2-action { left:14px; bottom:16px; }
    .alzio-hubnav-v2 .ah2-action-label { display:none; }
  }
  @media(max-width:359px) {
    .alzio-hubnav-v2 .ah2-grid { grid-template-columns:1fr; }
    .alzio-hubnav-v2 .ah2-card { height:150px; }
    .alzio-hubnav-v2 .ah2-card .ah2-art { max-width:43%!important; max-height:123px!important; }
  }
}
@media(prefers-reduced-motion:reduce) {
  .alzio-hubnav-v2 .ah2-card,
  .alzio-hubnav-v2 .ah2-art { transition:none!important; }
  .alzio-hubnav-v2 .ah2-card:hover,
  .alzio-hubnav-v2 .ah2-card:hover .ah2-art { transform:none!important; }
}
@media(forced-colors:active) {
  .alzio-hubnav-v2 .ah2-card { border:2px solid LinkText; background:Canvas; }
  .alzio-hubnav-v2 .ah2-caption,
  .alzio-hubnav-v2 .ah2-title,
  .alzio-hubnav-v2 .ah2-action { color:LinkText; }
  .alzio-hubnav-v2 .ah2-art { display:none; }
}