.office-map svg {
    cursor: pointer;
}

.area-1 {
    position: absolute;
    top: 179px;
    left: 122px;
    z-index: 4;
}

.area-2 {
    position: absolute;
    top: 192px;
    left: 9px;
    z-index: 3;
}

.area-3 {
    position: absolute;
    top: 276px;
    left: 42px;
    z-index: 2; 
}

.area-4 {
    position: absolute;
    top: 194px;
    left: 190px;
    z-index: 7; 
}

.area-5 {
    position: absolute;
    top: 257px;
    left: 184px;
    z-index: 5; 
}

.area-6 {
    position: absolute;
    top: 150px;
    left: 199px;
    z-index: 8; 
}

.area-7 {
    position: absolute;
    top: 24px;
    right: 19px;
    z-index: 9; 
}

.area-8 {
    position: absolute;
    top: 125px;
    right: 0px;
    z-index: 6;
}

.area-9 {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 11;
}

.area-10 {
    position: absolute;
    top: 73px;
    left: 135px;
    z-index: 10;
}

.area-11 {
    position: absolute;
    top: 317px;
    left: 111px;
    z-index: 4;
}

.area-12 {
    position: absolute;
    top: 312px;
    left: 39px;
    z-index: 1;
}

.area-13 {
    position: absolute;
    top: 242px;
    right: 0;
    z-index: 2;
}

.area-14 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.area-15 {
    position: absolute;
    bottom: 4px;
    left: 28px;
    z-index: 6;
}

.line-map {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

@media screen and (max-width: 860px) {  
    .office-map-wrapper {
        display: none;
    }
}