/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Noto Sans Bengali",sans-serif; line-height:1.6; color:#000; background:#fff; }

/* Header */
header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 60px;
  background:#a40000;
  position:sticky;
  top:0;
  z-index:1000;
}
header img { height:100px; width:auto; } /* বড় লোগো */
nav ul { list-style:none; display:flex; gap:25px; }
nav ul li a { text-decoration:none; color:#fff; font-weight:600; }

/* Hero Slider */
.hero { position:relative; height:500px; overflow:hidden; text-align:center; }
.slides { display:flex; height:100%; width:100%; position:absolute; top:0; left:0; transition:transform 0.6s ease-in-out; z-index:1; }
.slides img { width:100%; height:100%; object-fit:cover; }
.hero-text { position:relative; z-index:2; top:50%; transform:translateY(-50%); padding:0 20px; }
.hero-text h1 { font-size:52px; font-weight:bold; color:#000; }
.hero-text p { font-size:20px; max-width:700px; margin:auto; color:#000; }
.nav-btn { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); color:#fff; border:none; padding:10px; cursor:pointer; z-index:2; font-size:24px; border-radius:50%; transition:0.3s; }
.nav-btn:hover { background:rgba(0,0,0,0.8); }
.prev{ left:20px; }
.next{ right:20px; }

/* About Sections with Background */
.about-bg { background:url('images/bg_about.jpg') center/cover no-repeat; color:#000; padding:80px 20px; }
.about-bg-2 { background:url('images/bg_about2.jpg') center/cover no-repeat; color:#000; padding:80px 20px; text-align:center; }
.about-flex { display:flex; align-items:flex-start; gap:30px; max-width:1000px; margin:auto; flex-wrap:wrap; }
.about-logo img { width:180px; border-radius:10px; }
.about-text { flex:1; }
.about-text h2 { color:#000; margin-bottom:20px; font-size:32px; font-weight:bold; }
.about-text p { margin-bottom:18px; line-height:1.6; }
.text-center { text-align:center; }

/* Four Images Section */
.four-images h2 { text-align:center; color:#000; margin-bottom:25px; font-weight:bold; }
.images-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
.images-grid img { width:100%; height:180px; object-fit:cover; border-radius:10px; }

/* New Section */
.new-section { text-align:center; padding:60px 20px; background:#f9f9f9; color:#000; }
.new-section h2 { color:#000; margin-bottom:20px; font-weight:bold; }

/* Footer */
footer { background:#a40000; color:#fff; padding:50px 15px 20px; text-align:left; }
.footer-container { display:flex; justify-content:space-between; flex-wrap:wrap; max-width:1200px; margin:auto; gap:20px; }
.footer-box { flex:1; min-width:250px; }
.footer-box h3 { margin-bottom:15px; color:#fff; font-size:20px; font-weight:bold; }
.footer-box p { font-size:14px; line-height:1.6; }
.footer-box ul { list-style:none; padding:0; }
.footer-box ul li { margin-bottom:10px; }
.footer-box ul li a { color:#fff; text-decoration:none; transition:0.3s; }
.footer-box ul li a:hover { text-decoration:underline; }
.footer-box a { display:inline-block; color:#fff; margin-bottom:10px; text-decoration:none; transition:0.3s; }
.footer-box a:hover { color:#222; }
.footer-logo { width:180px; margin-bottom:15px; }
.social-icon { width:20px; vertical-align:middle; margin-right:5px; }
.footer-bottom { text-align:center; margin-top:25px; font-size:14px; }

/* Responsive */
@media(max-width:1024px){
  header { flex-direction:column; gap:15px; padding:20px; }
  nav ul { flex-direction:column; align-items:center; gap:12px; }
  .hero-text h1 { font-size:40px; }
  .about-flex { flex-direction:column; align-items:center; }
}
@media(max-width:768px){
  .hero { height:400px; }
  .hero-text h1 { font-size:32px; }
  .images-grid img { height:150px; }
}
@media(max-width:480px){
  .hero { height:300px; }
  .hero-text h1 { font-size:24px; }
  .images-grid img { height:120px; }
}