/** @format */

.contact-main {
  background-image: url(images/contact\ us.png);
  height: 78vh;
  background-size: cover;
}
.contact-heading {
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  color: #8d8ba7;
}
.contact-heading1 {
  font-family: Inter;
  font-size: 44px;
  font-weight: 700;
  color: #00227c;
}
.contact-para {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  color: #9795b5;
}
.contact-next h6 {
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  color: #8d8ba7;
  margin-top: 20px;
}
form {
  box-shadow: 0px 0px 4px 2px #00000040;
  border-radius: 25px;
  padding: 30px;
}
textarea {
  width: 496px;
  height: 142px;
  border-radius: 20px;
  background: #f5f5f5;
  border: none;
}
label {
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: black;
}
input {
  width: 256px;
  height: 70px;
  background-color: #f5f5f5 !important;
  border-radius: 50px !important;
  border: none;
}
.send-msg-btn {
  width: 160px;
  height: 48px;
  background-color: #00227c;
  border-radius: 48px;
  border: none;
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  color: white;
}
@media screen and (max-width: 576px) {
  textarea {
    width: 300px;
  }
  .contact-main {
    height: 35vh;
  }
  .contact-heading1 {
    font-size: 32px;
  }
}