.apos-area, .apos-area-widgets, .apos-area-widget {
    position: relative;
}

.has-background-tertiary {
    background-color: #e9eaec !important;
}

@media screen and (min-width: 1216px) {
.maps-content {
    max-width: 1408px;
    margin: 0 64px;
}
}
@media screen and (min-width: 1024px){
.maps-content {
    position: relative;
    max-width: 960px;
    min-height: 100%;
}
}
.maps-content {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 1024px){
.maps-content:before {
    content: "";
    display: block;
    width: 65%;
    height: auto;
    aspect-ratio: 1.33333333;
}
}

@media screen and (min-width: 1216px){
.maps-content .card {
    width: 33.33333%;
}
}

@media screen and (min-width: 1024px){
.maps-content .card {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40%;
    transform: translateY(-50%);
}


}
.title.is-3 {
    font-size: clamp(1.75rem, 10vw, 2.5rem);
}

.has-background-tertiary .maps-content .card ul {
    display: flex;
    flex-direction: column;
}
ul {
    list-style: none;
}

.maps-content .card ul li.is-active {
    font-weight: 600;
    border-bottom-color: #162c3b;
}
.maps-content .card ul li {
    border-bottom: 1px solid  #dbdbdb;
}
.maps-content .card ul a {
    display: block;
    padding: 0.5em 0;
}
a {
    color: #162c3b;
    cursor: pointer;
    text-decoration: none;
}
.maps-content .card ul li:last-child {
    border: none;
}
.maps-content .card ul {
    display: flex;
    flex-direction: column;
}
.maps-content ul {
    list-style: none;
}

@media screen and (min-width: 1024px){
.maps-content [role="tabpanel"] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
}
}
.maps-content [role="tabpanel"] {
    z-index: 1;
    transition: .45s opacity;
}
.maps-content [role="tabpanel"][hidden] {
    position: absolute;
    opacity: 0;
    z-index: 0;
}

.has-maps:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: linear-gradient(180deg, white 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 0;
}

@media screen and (min-width: 1024px) {
.svg-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
}

.svg-wrap {
    position: relative;
}

@media screen and (min-width: 1216px){
.maps-content .card {
    width: 33.33333%;
}}
@media screen and (min-width: 1024px){
.maps-content .card {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40%;
    transform: translateY(-50%);
}
}
.maps-content .card {
    position: relative;
    padding: 1.5rem;
    z-index: 3;
}
@media screen and (min-width: 1216px){
.card.has-padding-large {
    padding: 3rem 1.5rem;
}
.card.has-padding-large {
    padding-top: 1.5rem;
}
}
.maps-content .card {
    overflow: hidden;
    border-radius: 8px;
}
.maps-content .card {
    background-color: white;
    border-radius: 8px;
    box-shadow: var(--shadow, 0 .5em 1em -0.125em rgba(var(--scheme-invert-rgb, 10.2, 10.2, 10.2), .1), 0 0 0 1px rgba(var(--scheme-invert-rgb, 10.2, 10.2, 10.2), .02));
    color: #162c3b;
    max-width: 100%;
    position: relative;
}
.maps-content [role="tabpanel"] .has-hover {
    position: relative;
    transform-origin: center center;
}
@media (hover: hover){
.maps-content a:hover {
    color: #363636;
}
}
.maps-content .buttons.is-centered {
    justify-content: center;
}
.maps-content .buttons:last-child {
    margin-bottom: -0.5rem;
}

.maps-content .buttons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.maps-content .pin:hover {
    color:red;
}