:root{
  --green:#0b6b3a;
  --green-light:#e8f4ee;
  --green-dark:#07512a;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
.container{width:92%;max-width:1250px;margin:auto;}

/* INFO STRIP */
.info-strip{
  background:linear-gradient(90deg,var(--green),#118a4d);
  color:#fff;padding:30px 0;
}
.info-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:30px;text-align:center;
}
.info-box h3{font-size:34px;margin-bottom:6px;}
.info-box p{font-size:14px;}

/* ===== OUR OFFICES CARDS ===== */
.office-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
  margin-top:20px;
}
.office-card{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,0.1);
  transition:all 0.3s ease;
  cursor:pointer;
  display:flex;
  flex-direction:column;
}
.office-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 25px rgba(0,0,0,0.15);
}
.office-card img{
  width:100%;
  height:160px;
  object-fit:cover;
}
.office-card-body{
  padding:15px;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.office-card h4{
  color:var(--green-dark);
  margin-bottom:8px;
  font-size:18px;
}
.office-card p{
  font-size:14px;
  color:#555;
  line-height:1.5;
}

/* MAP */
#map{
  height:500px;
  border-radius:10px;
  box-shadow:0 6px 20px rgba(0,0,0,.1);
  margin-top:15px;
}

/* SECTION STYLING */
.section{padding:20px 0;}
.section-head{text-align:center;margin-bottom:20px;}
.section-title{font-size:32px;color:var(--green);margin-bottom:10px;}
.section-desc{font-size:16px;color:#444;max-width:900px;margin:auto;line-height:1.8;}

/* RESPONSIVE */
@media(max-width:1000px){
  .info-grid{grid-template-columns:repeat(2,1fr);}
}