.static-map {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px),
        linear-gradient(135deg, #dfe8df 0%, #b8c7b8 45%, #8fa08f 100%);
    background-size: 42px 42px, 42px 42px, auto;
    border: 1px solid rgba(24, 33, 24, 0.12);
}

.static-map:before,
.static-map:after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.26);
    transform: rotate(-18deg);
}

.static-map:before {
    width: 82%;
    height: 58px;
    left: -12%;
    top: 29%;
}

.static-map:after {
    width: 70%;
    height: 44px;
    right: -18%;
    bottom: 24%;
}

.static-map__marker {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: min(82%, 360px);
    transform: translate(-50%, -50%);
    padding: 22px 24px;
    background: rgba(255, 255, 255, 0.92);
    color: #233020;
    box-shadow: 0 18px 40px rgba(17, 24, 17, 0.18);
    text-align: center;
}

.static-map__marker .fa {
    display: block;
    margin-bottom: 12px;
    color: #e33a2f;
    font-size: 36px;
}

.static-map__marker strong,
.static-map__marker small {
    display: block;
}

.static-map__marker strong {
    margin-bottom: 8px;
    font-size: 18px;
}

.static-map__marker small {
    line-height: 1.7;
}