.elementor-2518 .elementor-element.elementor-element-f3b05e2{--display:flex;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-8cf07a7 */.contact-page{
  background:#f5f8f1;
  padding:50px 16px;
  font-family:Arial,sans-serif;
}
.contact-container{
  max-width:1200px;
  margin:auto;
}
.contact-hero{
  background:linear-gradient(135deg,#0f4d25,#2e8b45);
  color:#fff;
  text-align:center;
  border-radius:24px;
  padding:60px 25px;
  margin-bottom:30px;
}
.contact-hero h1{
  font-size:46px;
  margin:0;
}
.contact-hero p{
  font-size:18px;
}
.contact-card{
  background:#fff;
  padding:30px;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.info-item{
  padding:18px 0;
  border-bottom:1px solid #eee;
}
.info-item h3{
  color:#0f4d25;
  margin:0 0 8px;
  font-size:26px;
}
.info-item p{
  margin:0;
  font-size:17px;
  line-height:1.7;
}
@media(max-width:768px){
  .contact-page{padding:30px 12px;}
  .contact-hero{padding:40px 18px;}
  .contact-hero h1{font-size:34px;}
  .contact-card{padding:22px;}
}/* End custom CSS */