/* HERO / CONTACT */
.contact-hero{
  position:relative;
  width:100%;
  min-height:100vh;
 background: url('../../img/Bungalow Houses-SAIKAS (1).jpeg') center/cover no-repeat;

  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}

.contact-hero .overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.55);
  pointer-events: none;

}

.contact-content{
  position:relative;
  z-index:1;
  max-width:700px;
  padding:20px;
}

.contact-content h1{
  font-size:48px;
  margin-bottom:16px;
  text-shadow:0 4px 12px rgba(0,0,0,0.6);
}

.contact-content p{
  font-size:18px;
  line-height:1.6;
  margin-bottom:32px;
  text-shadow:0 3px 10px rgba(0,0,0,0.5);
}

/* Buttons */
.contact-buttons{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:40px;
}

.contact-btn{
  padding:14px 28px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  transition:all 0.3s ease;
}

.email-btn{
  color: #5a3a2e;
 background:#fff;
}

.email-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 15px rgba(255,107,107,0.3);
}

.insta-btn{
  background:rgba(255,255,255,0.15);
  color:#fff;
  border:2px solid #fff;
}

.insta-btn:hover{
  background:rgba(255,255,255,0.25);
  transform:translateY(-3px);
}

/* Timing */
.timing h3{
  font-size:22px;
  margin-bottom:10px;
}

.timing p{
  font-size:16px;
  line-height:1.6;
}