.cc-map.cc-map-real{
  min-height:310px;
  padding:0;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 48% 52%,rgba(0,229,255,.13),transparent 17rem),
    radial-gradient(circle at 76% 72%,rgba(0,229,255,.08),transparent 12rem),
    linear-gradient(135deg,rgba(3,12,22,.96),rgba(8,20,34,.88)) !important;
}

.cc-availability-map-card{
  position:relative;
  width:100%;
  min-height:310px;
  height:100%;
  display:grid;
  place-items:center;
  padding:18px;
}

.cc-map-svg{
  width:100%;
  height:auto;
  max-height:360px;
  display:block;
  filter:drop-shadow(0 20px 42px rgba(0,0,0,.34));
}

.cc-map-frame{
  fill:rgba(255,255,255,.018);
  stroke:rgba(0,229,255,.18);
}

.cc-map-grid-line{
  stroke:rgba(0,229,255,.07);
  stroke-width:1;
}

.cc-map-continent{
  fill:url(#ccWorldDotPattern);
  stroke:rgba(0,229,255,.16);
  stroke-width:1.2;
}

.cc-map-route{
  fill:none;
  stroke:rgba(0,229,255,.20);
  stroke-width:1.6;
  stroke-dasharray:7 9;
}

.cc-map-pin-glow{
  fill:rgba(0,229,255,.16);
  filter:url(#ccPinGlow);
}

.cc-map-pin-ring{
  fill:rgba(0,229,255,.12);
  stroke:rgba(0,229,255,.76);
  stroke-width:2;
}

.cc-map-pin-core{
  fill:#27e58f;
  filter:url(#ccPinGlow);
}

.cc-map-label-bg{
  fill:rgba(5,15,27,.86);
  stroke:rgba(0,229,255,.28);
  stroke-width:1;
}

.cc-map-label-title{
  fill:#e8f7ff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.02em;
}

.cc-map-label-sub{
  fill:#9fb4c3;
  font-size:12px;
  font-weight:650;
}

.cc-map-compass{
  fill:rgba(0,229,255,.08);
  stroke:rgba(0,229,255,.28);
  stroke-width:1;
}

.cc-map-compass-text{
  fill:#00e5ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}

@media(max-width:780px){
  .cc-map.cc-map-real{
    min-height:260px;
  }

  .cc-availability-map-card{
    min-height:260px;
    padding:10px;
  }

  .cc-map-label-title{
    font-size:20px;
  }

  .cc-map-label-sub{
    display:none;
  }
}