*{
  
}
.underline{
  margin: 0 55px 20px 10px
}
#hero2{
  background: url('../img/culture2.jpg'),rgba(0,0,0,0.5);
  background-blend-mode: multiply;
  background-size: cover;
}
.contact-page {
  padding: 2rem;
  max-width: 1200px;
  margin: auto;
}

.contact-page h1 {
  text-align: center;
  color: #4b0082;
  margin-bottom: 2rem;
}

.contact-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2rem;
  
}
.contact-info{
  /*border: 1px solid grey;*/
  border-radius: 5px;
  padding: 0 30px;
}
.contact-info, .contact-form {
  flex: 1;
  min-width: 300px;
}

.contact-info p {
  margin: 0.8rem 0;
  color: #333;
  padding-bottom: 15px;
  border-bottom: solid #ddd
}

.contact-info a {
  color: #4b0082;
  text-decoration: none;
}
.contact-info i{
  margin: 0;
  color:orange
}
#location{
  display: inline-flex;
  padding: 0;
  align-items: center;
  height: 20px;
}
#address{
  margin: 0;
  padding: 0;
  width:fit-content;
  height: auto;
  display: inline-flex;
}
#address p{
  margin: 0;
}
.contact-form form {
  display: flex;
  flex-direction: column;
}

.contact-form input,
.contact-form textarea {
  padding: 0.8rem;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1rem;
}

.contact-form button {
  background: #4b0082;
  color: #fff;
  padding: 0.8rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1rem;
}

.contact-form button:hover {
  background: #360062;
}

.map iframe {
  width: 100%;
  border-radius: 10px;
}
#whatsapp{
  position:fixed;
  right:1px;
  top:87vh;
}
#appbg{
  color: limegreen;
}