.contact-card{
    width: 500px;
    transition: 0.5s;
}
@media screen and (max-width:767px) {
    .contact-card{
        width: 350px;
    }
}
@media screen and (max-width:597px) {
    .contact-card{
        width: 100%;
    }
}
.contact-card:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    transform: translateY(-2px);
}
.btn{
    box-shadow: none;
    border: none;
    transition: 0.5s;
}
.btn:hover,:focus{
    box-shadow: none;
    border: none;
    filter: brightness(95%);
}

.contact-banner {
    height: 50vh;
    background-image: url("../Images/Banner/1.jpg");
    background-position: center;
    background-size: cover;
    color: var(--color-light);
    position: relative;
  }