.centers-map-section{
    padding: 120px 0;
}

.map-bg {
    height: 90vh;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.map-pointer {
    border: 3px solid #e31818;
    background-color: #e31818;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    /* padding: 5px; */
    background-image: url('/assets/images/shield.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* transform: translate(-32.8%, -51.65%); */
    animation: throb 1.5s infinite;
    -webkit-box-shadow: 0 0 2px 1px rgba(227, 24, 24, 0.7);
    -moz-box-shadow: 0 0 2px 1px rgba(227, 24, 24, 0.7);
    box-shadow: 0 0 2px 1px rgba(227, 24, 24, 0.7);
    /* To be dynamic */
}


.map-bg-filter {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
}
.height-100-p{
    height: 100% !important;
}

.map-pointer-position{
    z-index: 2  ;
    position: absolute;
}

@keyframes throb {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
} 


@media screen and (max-width: 1200px) {
    .map-pointer-position {
        transform: translate(-18px, -1px);
    }
}

@media screen and (max-width: 992px) {
    .map-pointer-position {
        transform: translate(-35px, -1px);
    }
}

@media screen and (max-width: 767px) {
    .map-pointer-position {
        transform: translate(-39px, 14px);
    }
}