.Map-Leaning{
    width: 100%;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 10px;
    
}

iframe {
    width: 100%;
    height: 500px;
    padding: 0px;
    border-radius: ;
    
    /* filter: invert(100%); */
}
.Map-Learning iframe {
 
    border-radius: 10px;
    border:  solid #1e1964;
    /* box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);  Slightly larger, more prominent shadow */
    transition: box-shadow 0.3s ease;
    /* margin: 0px 20px; */
}

.Map-Learning iframe:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);  /* Stronger shadow on hover */
}


@media only screen and (max-width : 700px){
    iframe {
        width: 100%;
        height: 300px;
       

}