.contact-box{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.contact-form{
    padding: 2.5rem;
}
.contact-icon{
    background-color: var(--bs-hsn-primary-color);
    padding: 1.3rem;
    color: var(--bs-hsn-white-color);
    border-radius: 50%;
    font-size: 1.3rem;
}
.contact-cards{
    background-color: var(--bs-hsn-white-color);
    border: solid 2px var(--bs-hsn-primary-color);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    padding: 1rem, 0.7rem;
}
.the-map{
    height:100% !important; 
    width: 100%;
}
#map-canvas{
    height:100% !important; 
    width: 100%;
}

@media(max-width:767px){
    .contact-form{
        padding: 1.5rem;
    }
}