/* ===== RESET ===== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
}

body{
  background:#fff7e6;
  color:#4a2c00;
  position:relative;
}

/* ===== WATERMARK ===== */
body::before{
  content:"जय श्री राम  जय श्री राम  जय श्री राम  जय श्री राम  जय श्री राम";
  position:fixed;
  inset:0;
  font-size:60px;
  color:rgba(255,153,0,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:pre-wrap;
  pointer-events:none;
  z-index:0;
}

/* ===== HEADER ===== */
header{
  background:linear-gradient(135deg,#ff7a00,#ffb347);
  padding:18px 20px;
  text-align:center;
  position:relative;
  z-index:2;
}
header h1{font-size:26px}
header p{font-size:14px}

/* ===== SLIDER (MOBILE FIXED) ===== */
.slider{
  width:100vw;
  height:45vh;
  overflow:hidden;
  position:relative;
}

.slides{
  display:flex;
  width:600vw;
  height:100%;
  animation:slide 25s infinite;
}

.slides img{
  width:100vw;
  height:100%;
  object-fit:cover;
  flex-shrink:0;
}

@keyframes slide{
  0%,16%{transform:translateX(0)}
  20%,36%{transform:translateX(-100vw)}
  40%,56%{transform:translateX(-200vw)}
  60%,76%{transform:translateX(-300vw)}
  80%,96%{transform:translateX(-400vw)}
  100%{transform:translateX(-500vw)}
}

/* ===== SECTION ===== */
section{
  padding:50px 20px;
  max-width:1100px;
  margin:auto;
  position:relative;
  z-index:2;
}

section h2{
  text-align:center;
  color:#e65100;
  margin-bottom:20px;
  font-size:28px;
}

section p{
  font-size:16px;
  line-height:1.7;
  text-align:center;
}

/* ===== INFO BOX ===== */
.info{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
  margin-top:40px;
}

.card{
  background:#fff3e0;
  border:1px solid #ffcc80;
  border-radius:12px;
  padding:20px;
  text-align:center;
  box-shadow:0 5px 15px rgba(0,0,0,0.12);
}

/* ===== FOOTER ===== */
footer{
  background:linear-gradient(135deg,#ff7a00,#ffb347);
  text-align:center;
  padding:22px;
  margin-top:40px;
  position:relative;
  z-index:2;
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  header h1{font-size:22px}
  .slider{height:35vh}
}