*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html {
  scroll-behavior: smooth;
}

body{
  font-family:Arial,sans-serif;
  background:#f5f1e8;
  color:#2f2f2f;
  line-height:1.7;
}

.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

header{
  min-height:100vh;
  background:
  linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
  url('images/hero.png') center/cover no-repeat;
  display:flex;
  align-items:center;
  text-align:center; 
  color:white;
}

.logo{
  width:140px;
  max-width:60%;
  margin:0 auto 25px;
  display:block;
}

.hero-content{
  width:100%;
  padding:2rem;
}

.hero-content h1{
  font-size:4rem;
  margin-bottom:1rem;
}

.hero-content p{
  max-width:700px;
  margin:auto;
  margin-bottom:2rem;
  font-size:1.2rem;
}

.btn{
  display:inline-block;
  background:#8d6b3f;
  color:white;
  text-decoration:none;
  padding:14px 30px;
  border-radius:40px;
}

section{
  padding:80px 0;
}

section-two{
  padding:40px 0;
}


.section-title{
  text-align:center;
  margin-bottom:50px;
}

.section-title h2{
  font-size:3rem;
  color:#4d3d2c;
}

.about-grid,
.contact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:40px;
  align-items:center;
}

.about-grid-two{
  display:grid;
  gap:0px;
  align-items:center;
	padding: 0 auto;
	text-align: center;

}

.about-image img{
  width:100%;
  border-radius:20px;
}

.benefits{
  background:#ede6d8;
}

.benefit-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.benefit-card{
  background:white;
  padding:30px;
  border-radius:18px;
  text-align:center;
}

.quote-section{
  background:#4d3d2c;
  color:white;
  text-align:center;
}

blockquote{
  font-size:2rem;
}

form{
  background:white;
  padding:30px;
  border-radius:20px;
}

input, textarea{
  width:100%;
  padding:14px;
  margin-bottom:20px;
}

.map iframe{
  width:100%;
  min-height:250px;
  border:0;
	padding: 20px;
}

footer{
  background:#2f2a23;
  color:white;
  text-align:center;
  padding:40px;
}

@media(max-width:768px){
  .hero-content h1{
    font-size:2.6rem;
  }

  .section-title h2{
    font-size:2rem;
  }
}