/* GENERAL STYLING */
body { font-family: Arial, sans-serif; margin:0; padding:0; color:#1b2633; line-height:1.6; }
.container { width:90%; max-width:1200px; margin:auto; }

/* HEADER / NAVBAR */
.header { background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1); position:sticky; top:0; z-index:1000; }
.nav { display:flex; justify-content:space-between; align-items:center; height:70px; padding:0 10px; }
.logo { font-weight:bold; font-size:24px; color:#1b2633; }

/* NAV LINKS */
nav { display:flex; align-items:center; gap:20px; }
nav a { text-decoration:none; color:#1b2633; font-weight:500; transition:0.3s; }
nav a:hover { color:#1abc9c; }

/* Dropdown */
.dropdown { position:relative; }
.dropbtn { cursor:pointer; display:flex; align-items:center; gap:5px; }
.dropdown-content {
  display:none;
  position:absolute;
  background-color:#fff;
  min-width:180px;
  box-shadow:0 6px 12px rgba(0,0,0,0.15);
  border-radius:6px;
  top:100%;
  left:0;
  flex-direction:column;
  z-index:100;
}
.dropdown-content a { padding:12px 16px; display:block; color:#1b2633; font-weight:500; text-decoration:none; }
.dropdown-content a:hover { background-color:#1abc9c; color:#fff; }
.dropdown.show .dropdown-content { display:flex; }

/* Hamburger */
.hamburger { display:none; cursor:pointer; font-size:24px; }

/* SECTIONS */
section { padding:60px 0; }
h2 { font-size:32px; margin-bottom:20px; text-align:center; }

/* VALUE / SOLUTIONS GRID */
.value-grid { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; }
.value-card { background:#fff; padding:20px; border-radius:8px; width:300px; box-shadow:0 4px 10px rgba(0,0,0,0.1); text-align:center; }
.value-card img { width:100%; height:180px; object-fit:cover; border-radius:6px; }
.value-card h3 { margin:10px 0; }
.value-card p { font-size:14px; color:#555; }

/* CORE SERVICES GRID */
.services-grid { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }
.service-card { background:#fff; padding:20px; border-radius:8px; width:250px; text-align:center; box-shadow:0 4px 10px rgba(0,0,0,0.1); transition:0.3s; }
.service-card i { color:#1abc9c; margin-bottom:10px; }
.service-card:hover { transform:translateY(-5px); }

/* PRODUCTS GRID */
.products-grid { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }
.product-card { background:#1abc9c; color:#fff; padding:40px 20px; border-radius:8px; width:220px; text-align:center; font-weight:bold; transition:0.3s; cursor:pointer; }
.product-card:hover { background:#159a84; }

/* RESOURCES */
.resources { text-align:center; color:#1b2633; }

/* FOOTER */
footer { background:#1b2633; color:#fff; text-align:center; padding:20px 0; }
footer .socials a { color:#fff; margin:0 10px; transition:0.3s; }
footer .socials a:hover { color:#1abc9c; }

/* RESPONSIVE */
@media (max-width:768px){
  .hamburger { display:block; }
  nav { 
    position:absolute; top:70px; left:0; width:100%; 
    background:#fff; flex-direction:column; align-items:flex-start;
    gap:0; display:none; padding:10px 20px; border-bottom:1px solid #e5e9ef;
  }
  nav.show { display:flex; }
  nav a { padding:12px 0; width:100%; border-bottom:1px solid #e5e9ef; }
  .dropdown-content { position:relative; box-shadow:none; border:none; width:100%; }
}