body{margin:0;font-family:Arial,Helvetica,sans-serif}
header{background:#0b3c5d;position:sticky;top:0;z-index:999}
.header-flex{display:flex;align-items:center;justify-content:space-between}
.logo{color:#fff;font-size:22px;font-weight:bold}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.cta a{color:#f4b400;margin-left:10px}
.hero{background:#f4b400;padding:80px 20px;text-align:center}
.hero h1{color:#0b3c5d}
.btn{background:#0b3c5d;color:#fff;padding:10px 18px;text-decoration:none;border:none}
.btn.yellow{background:#fff;color:#0b3c5d}
.section{padding:60px 20px}
.section.light{background:#f7f7f7}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.card{background:#fff;padding:20px;text-align:center;font-weight:bold}
form input,form textarea{width:100%;padding:10px;margin:10px 0}
footer{background:#0b3c5d;color:#fff;text-align:center;padding:20px}

/* CINEMATIC HERO BACKGROUND */
.hero{
  background:
    linear-gradient(rgba(11,60,93,0.75), rgba(244,180,0,0.75)),
    url('../images/hero-ac1.jpg'),
    url('../images/hero-fan.jpg'),
    url('../images/hero-cooler.jpg'),
    url('../images/washing-machine.jpg');
  background-size: cover;
  background-position: center;
}

/* IMAGE + TEXT SECTION LAYOUT */
.media{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:30px;
  align-items:center;
}
.media img{
  width:100%;
  border-radius:12px;
  object-fit:cover;
}
.media-text{
  font-size:16px;
}
@media(max-width:768px){
  .media{grid-template-columns:1fr}
}

/* HERO TEXT – Bigger & Bold */
.hero h1{
  font-size:42px;
  font-weight:800;
  letter-spacing:1px;
}
.hero h2{
  font-size:26px;
  font-weight:700;
}
.hero p{
  font-size:18px;
  font-weight:600;
  line-height:1.6;
}

/* ABOUT US – Easy to Read & Bold */
#about p{
  font-size:18px;
  font-weight:600;
  line-height:1.7;
  max-width:900px;
}