.heading{
    
    text-transform: uppercase;
    color: rgb(15, 15, 136);
    /* margin-bottom: 25px; */
 }
 
 
 
 
 /* .map{
     display: flex;
     align-items: center;
     justify-content: center;
    
 } */

 .map-responsive{
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    border-radius: 10px;   
    box-shadow: 5px 5px 1px 1px #b3b4b4;
    margin-top: 8px;
 }
.map-responsive iframe{
    left: 0;
    top: 0;
    height: 170%;
    width: 100%;
    position: absolute;
    border-radius: 10px;   
    box-shadow: 5px 5px 1px 1px #b3b4b4;  
}

.new-contact-img{

    margin-top: 100px;

}

 .contact-form{
     /* height: 100vh; */
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: 5px;
    
 }
 
 
 /* max-width: 80%;
 height: 550px; */
 
 .box{
     width: 100%;
     height: 550px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     border: 2px solid #d4e7f8;
     border-radius: 10px;
     box-shadow: 5px 5px 1px 1px #b3b4b4;  
     padding-bottom: 2rem;
     /* box-shadow: 2px 2px 5px 5px #96BDE0;  */
 
 
     
 }
 
 /* max-width: 80%;
 height: 400px; */
 
 form{
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 30px;
     border-radius: 8px;
     gap: 20px;
     width: 80%;
     height: 400px;
     
    background-color: lightslategray;
 }
 
 
 input{
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 10px;
     border-color: lightgray;
     border-radius: 5px;
     width: 100%;
 }
 
 .space{
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 10px;
     border-radius: 5px;
     border-color: lightgray;
     width: 100%;
     height: 10rem;
 }
 
 .but{
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 5px;
     border-radius: 5px;
     width: 10rem;
     border-color: lightgray;
     text-transform: uppercase;
 
 } 

 .but:hover
 {
    background-color: blue;
    color: white;
 }