#map {
    background-color: #00062a;
    width: 100%;
    padding: 90px 0px;
}

/* #map div{
    height: 700px;
    background-color: aqua;
} */

#map h2{
    font-style: normal;
    font-weight: 800;
    font-size: 69px;
    line-height: 77px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0px;
    margin-bottom: 30px;
}

#map .map-container{
    position: relative;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -ms-align-items: center;
}

#map .map-container::after{
    --angle: 0deg;
    content: "";
    background: conic-gradient(from var(--angle),transparent 270deg, #021FFF);
    position: absolute;
    inset: -10px;
    animation: rotate linear 7s infinite;
}

@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes rotate {
    from{
        --angle: 0deg;
    } 
    to {
        --angle: 360deg;
    }   
}


#map .map-container iframe{
    z-index: 2;
    width: 100%;
}