contact.css

.nav {
  display: flex;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  justify-content: space-around;
  color: rgb(235, 235, 242);
  align-items: center;

  /* height: 2%;
  padding: 2%;
  margin-bottom: 2%; */

  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  /* -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 30%); */
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
  background-color: #f9f9f9;
  background: rgb(21, 147, 40);
  background: radial-gradient(
    circle,
    rgba(21, 147, 40, 1) 0%,
    rgba(4, 23, 153, 1) 100%
  );
}
.nav h1 {
  font-weight: 80;
}

.Atitle {
  text-decoration: none;
  color: rgb(216, 213, 213);
}

form {
  display: flex;
  width: 100%;
  /* justify-content: ; */
}

.nav div {
  border: 1px solid rgb(171, 169, 169);
  border-radius: 5%;
  width: 25%;
  display: flex;
  justify-content: space-between;
  height: 30px;
}
.nav input {
  /* margin-left: 5%; */
  padding-left: 2%;
  border: none;
  width: 90%;
}
.nav button {
  border: none;
  background-color:rgb(55, 225, 225);
}

.contact {
  margin: 8%;
  margin-bottom: 0%;
  font-size: 50px;
  color: rgb(186, 186, 14);
}
.contact p:nth-child(1) {
  color: rgb(235, 144, 144);
  text-align: left;
}

.contact a {
  text-decoration: none;
}

.banner1_top {
  background-color: rgb(109, 109, 105);
  text-align: center;
  /* font-size: 50px; */
  padding: 16px;
  font-weight: 10;
}
/* .banner1_top h1{
  font-weight: 10;
 } */

 /* .banner{
  background-color:  rgb(109, 109, 105);;
 } */

 .footer-section {
  background-color: rgb(180, 180, 178);
  margin-bottom: 0px;
  margin-top: 2%;
  padding-top: 0.2rem;
}