/* Start custom CSS for html, class: .elementor-element-1cfbab1 *//* ============================
   CONTACT US PAGE — UPDATED WITH #5D612E
   ============================ */

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap');

/* HERO */
.contact-hero {
  background: linear-gradient(180deg, #5D612E, #42461E);
  padding: 70px 20px;
  text-align: center;
  color: #fff;
  font-family: 'Urbanist', sans-serif;
}

.contact-hero-wrap h1 {
  font-size: 40px;
  font-weight: 700;
}

.contact-hero-wrap p {
  font-size: 16px;
  opacity: .9;
  margin-top: 10px;
}

/* MAIN AREA */
.contact-main {
  padding: 70px 20px;
  font-family: 'Urbanist', sans-serif;
}

.contact-grid {
  max-width: 1150px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 50px;
}

/* LEFT SIDE */
.contact-details h2 {
  font-size: 30px;
  font-weight: 700;
  color: #5D612E;
  margin-bottom: 25px;
}

.detail-box {
  display: flex;
  gap: 18px;
  margin-bottom: 26px;
  align-items: flex-start;
}

.detail-icon {
  width: 54px;
  height: 54px;
  background: #F1F3E1;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 26px;
  color: #5D612E;
  box-shadow: inset 0 0 0 1px #DCE0C2;
}

.detail-box h4 {
  margin: 0;
  font-size: 16px;
  color: #5D612E;
  font-weight: 600;
}

.detail-box p,
.detail-box a {
  margin-top: 5px;
  font-size: 15px;
  color: #3D4030;
  text-decoration: none;
}

/* FORM */
.contact-full-form {
  background: #FBFCEF;
  padding: 32px;
  border-radius: 18px;
  border: 1px solid #E2E4C8;
  box-shadow: 0 10px 32px rgba(0,0,0,0.06);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.contact-full-form label {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 600;
  color: #5D612E;
}

.contact-full-form input,
.contact-full-form textarea {
  margin-top: 6px;
  padding: 14px;
  border-radius: 14px;
  border: 1.6px solid #DDE1C8;
  background: #FFFFFF;
  font-size: 15px;
  transition: .2s ease;
}

input:focus,
textarea:focus {
  border-color: #5D612E;
  box-shadow: 0 0 0 3px rgba(93,97,46,0.20);
  outline: none;
}

textarea {
  min-height: 120px;
  resize: vertical;
}

.full {
  grid-column: span 2;
}

/* SUBMIT BUTTON */
.btn-submit-full {
  grid-column: span 2;
  padding: 16px;
  background: #5D612E;
  color:#fff;
  border-radius: 14px;
  border: none;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 14px 32px rgba(93,97,46,0.25);
}

.btn-submit-full:hover {
  background: #4A4E23;
  transform: translateY(-3px);
}

/* MAP SECTION */
.contact-map {
  margin-top: 40px;
  padding: 60px 20px;
  background: #F5F7EA;
}

.map-box {
  max-width: 1150px;
  margin: auto;
  background: #F1F3E1;
  border: 1px solid #D9DDC2;
  height: 320px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#5D612E;
  font-size: 18px;
  font-weight:600;
}

/* RESPONSIVE */
@media(max-width: 900px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 600px) {
  .contact-full-form {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */