/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Poppins', sans-serif; line-height:1.6; color:#333; }
.container { max-width:1200px; margin:0 auto; padding:0 0px; }
a { text-decoration:none; color:inherit; }

/* Header */
.header { background:#fff; color:#123E69; padding:0 0; position:; width:100%; top:0; z-index:1000; padding-bottom: 5px; padding-top: 5px; }
.header .container { display: flex; justify-content: space-between; align-items: center; }
.header .logo h1 { display: none; font-size:24px; font-family: "Poppins", Sans-serif; }
.header .logo p { font-size:18px; font-family: "Poppins", Sans-serif; font-weight: 600; color: #03C064; letter-spacing: 0.3px; }
.header .logo img { border-radius: 0; }
.menu-toggle { display: none; background: none; border: none; color: #064121; font-size: 24px; cursor: pointer; }
.main-nav { display: block; }
.main-nav .nav-list { list-style:none; display:flex; gap:20px; flex-wrap:wrap; justify-content:flex-end; }
.main-nav .nav-list a { color:#064121; font-weight:600; font-family: "Poppins", Sans-serif; }
.dropdown { position:relative; }
.dropdown-menu { list-style:none; display:none; position:absolute; background:#ecf3ba; min-width:280px; top:100%; left:0; padding:15px 0; z-index: 1000; }
.dropdown:hover .dropdown-menu { display:block; }
.dropdown-menu a { display:block; padding:8px 20px; }

/* Slider */
.image-slider-section { width: 100%; height: 80vh; overflow: hidden; position: relative; color: red;}
#image-slider1 { width: 100%; height: 100%; }
.slides-container {  display: flex; width: 100%; height: 100%; transition: transform 0.8s ease-in-out; }
.slide { flex: 0 0 25%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.slide::before { content: ''; position: absolute; inset: 0; z-index: 1; }
.slider-prev, .slider-next {position:absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none;padding: 15px 25px; font-size: 2.5rem; cursor: pointer; z-index: 10; }
.slider-prev { left: 30px; }
.slider-next { right: 30px; }
.slider-prev:hover, .slider-next:hover { background: rgba(0,0,0,0.8); }

/* Hero */
.hero { color:#fff; text-align:center; padding:120px 20px 80px; margin-top:40px; }

 }
.hero h2 { font-size:48px; margin-bottom:20px;}
.hero p { max-width:800px; margin:0 auto 30px; font-size:18px; color: #000000;}
.hero-points li { margin:15px 0; font-size:17px; display: none;}

/* Sections */
.section { padding:80px 0; }
.section-title { text-align:center; font-size:36px; margin-bottom:50px; color:#FF6600; }

/* Industries */
.industries-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:20px; text-align:center; }
.industry-item { background:#f0f0f0; padding:30px 15px; font-size:18px; font-weight:bold; border-radius:8px; }
.industry-item  h3 { font-size: 19px; margin-bottom: 10px; }
.pdfbutton { background-color:#FF6600; padding:10px 20px; border: none; color: #ffff; border-radius: 20px; font-size: 16px;}
.pdfbutton:hover { background-color:#03C064; padding:10px 20px; border: none; color: #ffff; border-radius: 20px; font-size: 19px;}


/* Services */
.services-list { max-width:900px; margin:0 auto; font-size:18px; }
.services-list li { margin:20px 0; }

/* Slider (Products & Testimonials) */
.slider { position:relative; overflow:hidden; border-radius:8px; }
.slides-container { display:flex; transition:transform 0.5s ease; }
.slide { min-width:100%; text-align:center; }
.slide img { width:100%; height:auto; max-height:500px; object-fit:cover; }
.slide p { padding:15px; background:#064121; color:#fff; font-size:20px; margin:0; }
.testimonial-slide { padding:40px; background:#f9f9f9; }
.testimonial-slide p { font-style:italic; font-size:20px; margin-bottom:20px; background:#FF6600; }
.testimonial-slide cite { display:block; font-weight:bold; color:#00000; }
.slider-prev, .slider-next { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); color:#fff; border:none; padding:15px; font-size:24px; cursor:pointer; }
.slider-prev { left:10px; }
.slider-next { right:10px; }

/* Contact */
.contact-wrapper { display:grid; grid-template-columns:1fr 1fr; gap:50px; }
.contact-info p { margin:15px 0; font-size:18px; }
.contact-form input, .contact-form textarea { width:100%; padding:12px; margin:10px 0; border:1px solid #ccc; border-radius:4px; }
.contact-form button { background:#FF6600; color:#fff; padding:12px 30px; border:none; cursor:pointer; }
.contact-form button:hover { background:#03C064; }

/* Footer */
.footer { background:#064121; color:#fff; padding:50px 0 20px; }
.footer-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; text-align:center; }
.social-links a { margin:0 10px; color:#fff; }
.newsletter input { padding:10px; width:70%; border-radius: 10px;  }
.newsletter button { padding:10px 20px; background:#fff; color:#00000; border:none; cursor:pointer; }

/* Responsive Breakpoints */
/* Small Mobile (e.g., 320px - 480px) */
@media (max-width: 480px) {
    .header .container { flex-wrap: wrap; }
    .menu-toggle { display: block; }
    .main-nav { display: none; width: 100%; }
    .main-nav.active { display: block; }
    .main-nav .nav-list { flex-direction: column; gap: 10px; text-align: left; }
    .dropdown-menu { position: static; display: none; }
    .dropdown:hover .dropdown-menu { display: block; }
    .hero { padding: 100px 10px 60px; margin-top: 60px; }
    .hero h2 { font-size: 28px; color: #FF6600; line-height: 1.2; padding-bottom: 10px;}
    .hero p { font-size: 14px; }
    .hero-points li { font-size: 13px; }
    .section { padding: 40px 0; }
    .section-title { font-size: 24px; margin-bottom: 30px; }
    .industries-grid { grid-template-columns: 1fr; gap: 10px; }
    .industry-item { padding: 20px; font-size: 16px; }
    .services-list { font-size: 14px; }
    .services-list li { margin: 15px 0; }
    .slide img { max-height: 250px; }
    .slide p { font-size: 16px; padding: 10px; }
    .testimonial-slide { padding: 20px; }
    .testimonial-slide p { font-size: 16px; }
    .slider-prev, .slider-next { padding: 10px; font-size: 18px; }
    .contact-wrapper { grid-template-columns: 1fr; gap: 30px; }
    .contact-info p { font-size: 14px; }
    .contact-form input, .contact-form textarea { padding: 10px; }
    .contact-form button { padding: 10px 20px; }
    .footer { padding: 30px 0 10px; }
    .footer-grid { grid-template-columns: 1fr; gap: 20px; }
    .newsletter input { width: 80%; margin-bottom: 5px; }
    .social-links a { margin: 0 5px; }
}

/* Larger Mobile/Smartphone (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .menu-toggle { display: block; }
    .main-nav { display: none; width: 100%; }
    .main-nav.active { display: block; }
    .main-nav .nav-list { flex-direction: column; gap: 15px; text-align: center; }
    .dropdown-menu { position: static; }
    .hero h2 { font-size: 36px; }
    .hero p { font-size: 16px; }
    .section-title { font-size: 28px; }
    .industries-grid { grid-template-columns: repeat(2, 1fr); }
    .slide img { max-height: 350px; }
    .testimonial-slide p { font-size: 18px; }
    .contact-wrapper { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .menu-toggle { display: none; }
    .main-nav { display: block; }
    .main-nav .nav-list { gap: 15px; }
    .hero h2 { font-size: 42px; }
    .industries-grid { grid-template-columns: repeat(3, 1fr); }
    .slide img { max-height: 400px; }
    .contact-wrapper { grid-template-columns: 1fr 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
     .image-slider-section { height: 60vh; }
}

/* Computer/Desktop (1024px+) */
@media (min-width: 1024px) {
    .menu-toggle { display: none; }
    .main-nav { display: block; }
    .container { max-width: 1200px; }
    .hero { padding: 150px 30px 100px; }
    .hero h2 { font-size: 48px; color: #FF6600; line-height: 1.2;  padding-bottom: 10px;}
    .section { padding: 100px 0; }
    .industries-grid { grid-template-columns: repeat(4, 1fr); justify-content: center; }
    }