/* General */
body { margin:0; font-family:Arial,sans-serif; line-height:1.6; }
.container { width:1180px; max-width:95%; margin:auto; }

/* Top Bar */
.top-bar { background:skyblue; height:40px; display:flex; align-items:center; color:#fff; font-size:14px; }

/* Header */
.main-header { background:#ccc; position:sticky; top:0; z-index:1000; }
.header-flex { display:flex; align-items:center; justify-content:space-between; height:100px; }
.logo img { height:70px; margin-right:10px; }
.logo span { font-size:24px; font-weight:bold; }
.main-nav ul { list-style:none; display:flex; margin:0; padding:0; }
.main-nav li { margin-left:20px; }
.main-nav a { text-decoration:none; color:#000; font-weight:bold; }
.hamburger { display:none; font-size:28px; cursor:pointer; }

/* Mobile Drawer */
.mobile-menu { position:fixed; top:0; right:-300px; width:300px; height:100%; background:#333; color:#fff; transition:right 0.3s ease; z-index:2000; padding-top:60px; }
.mobile-menu ul { list-style:none; padding:0; }
.mobile-menu li { margin:20px 0; text-align:center; }
.mobile-menu a { color:#fff; text-decoration:none; font-size:20px; }
.mobile-menu.open { right:0; }
.close-btn { position:absolute; top:15px; right:20px; font-size:30px; cursor:pointer; }

/* Slider */
.slider { position:relative; overflow:hidden; height:700px; }
.slider-track { display:flex; transition: transform 1s ease-in-out; }
.slide { min-width:100%; position:relative; }
.slide img { width:100%; height:700px; object-fit:cover; }
.overlay { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:48px; font-weight:bold; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,0.7); opacity:0; animation:fadeInText 1s forwards; animation-delay:0.5s; }
@keyframes fadeInText { to { opacity:1; } }

/* Why Choose Us */
.why-choose { padding:50px 0; text-align:center; }
.why-choose h2 { font-size:36px; margin-bottom:20px; }
.why-choose .desc { font-size:18px; margin-bottom:40px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px; }
.grid-item { background:#f9f9f9; padding:20px; border-radius:8px; }
.grid-item img { width:60px; margin-bottom:10px; }
.grid-item h3 { margin-bottom:10px; }

/* Clients Slider */
.clients-slider { overflow:hidden; margin-top:20px; }
.clients-track { display:flex; transition: transform 1s ease-in-out; }
.client { min-width:25%; text-align:center; padding:10px; }
.client img { width:150px; height:150px; object-fit:contain; }

/* Footer */
.footer-top { background:#ccc; padding:30px 0; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.footer-grid h4 { margin-bottom:10px; }
.footer-bottom { background:#aaa; text-align:center; padding:10px 0; }
.footer-bottom a { color:#000; text-decoration:none; }

/* Responsive */
@media(max-width:768px){
  .main-nav { display:none; }
  .hamburger { display:block; }
  .overlay { font-size:28px; }
  .why-choose h2 { font-size:28px; }
  .why-choose .desc { font-size:16px; }
  .client { min-width:50%; }
}