/* Auto-generated from our-projects.html. Keep page-specific styles here. */

/* Extracted style block 1 from our-projects.html */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');

  * {margin: 0; padding: 0; box-sizing: border-box;}

  body {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #f9f9f9 0%, #e8f7ef 50%, #f0faff 100%);
  }

/* Extracted style block 2 from our-projects.html */
.filter-btn {
        padding:10px 22px;
        border:none;
        border-radius:8px;
        background:#405482 ;
        color:#fff;
        margin:0 10px;
        font-weight:600;
        cursor:pointer;
        transition:0.3s;
      }
      .filter-btn:hover, .filter-btn.active { background:#f16136 ; }

      .portfolio-grid, .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
        margin-top:40px;
      }

      .grid-item {
        background:#fff;
        border-radius:14px;
        box-shadow:0 4px 14px rgba(0,0,0,0.1);
        overflow:hidden;
        transition:all .35s ease;
        cursor:pointer;
      }

      .grid-item img {
        width:100%; height:220px; object-fit:cover; display:block;
      }

      .item-info {
        padding:15px;
        text-align:left;
      }
      .item-info h3 {
        font-size:1.2rem;
        font-weight:600;
        color:#222;
        margin-bottom:6px;
        font-family: 'Times New Roman', Times, serif;
      }
      .item-info p {
        font-size:0.9rem;
        color:#555;
      }

      /* Empty services styling */
      .services-grid.empty {
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:200px;
        border:2px dashed #6CC04A;
        border-radius:14px;
        background:rgba(108,192,74,0.05);
        font-size:1.1rem;
        font-weight:500;
        color:#444;
        text-align:center;
        flex-direction:column;
        gap:10px;
      }
      .services-grid.empty span { color:#f24d29; font-weight:600; }

      /* Lightbox */
      #lightbox {
        position:fixed;
        top:0; left:0; right:0; bottom:0;
        background:rgba(0,0,0,0.85);
        display:none;
        justify-content:center;
        align-items:center;
        z-index:9999;
      }
      #lightbox img {
        max-width:90%;
        max-height:80%;
        border-radius:10px;
        box-shadow:0 0 20px rgba(255,255,255,0.3);
      }

/* Extracted style block 3 from our-projects.html */
.services-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  font-family: 'Poppins', sans-serif;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

.services-table thead {
  background: linear-gradient(135deg,#007bff,#00c6ff);
  color: #fff;
}

.services-table th,
.services-table td {
  padding: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-align: left;   /* ✅ force left alignment */
  color: #333;
}

.services-table th {
  padding: 16px 14px;
  font-weight: 600;
  text-align: center;
}

.services-table tbody tr:nth-child(even) {
  background: #f4f8ff;
}

.services-table tbody tr:hover {
  background: #eaf4ff !important;
  transform: scale(1.01);
  box-shadow: 0 3px 10px rgba(0,123,255,0.15);
  transition: all 0.3s ease;
}

/* Extracted inline styles from our-projects.html */
.our-projects-inline-001 { margin-top: 40px; padding: 100px 20px; font-family: 'Poppins',sans-serif; background: linear-gradient(135deg, #f9f9f9 0%, #e8f7ef 50%, #f0faff 100%); }
.our-projects-inline-002 { max-width: 1200px; margin: auto; text-align: center; }
.our-projects-inline-003 { font-size: 3rem; font-family: 'Times New Roman', Times, serif; font-weight: 700; margin-bottom: 10px; color: #374b95; position: relative; display: inline-block; }
.our-projects-inline-004 { display: block; width: 90px; height: 4px; background: #6CC04A; margin: 14px auto 0; border-radius: 2px; }
.our-projects-inline-005 { font-size: 1.1rem; color: rgb(72, 72, 72); margin-bottom: 30px; font-weight: 500; line-height: 1.7; max-width: 850px; margin-left: auto; margin-right: auto; }
.our-projects-inline-006 { color: #f16136; font-weight: 600; }
.our-projects-inline-007 { color: #405482; }
.our-projects-inline-008 { color: #405482; text-decoration: none; font-weight: 600; }
.our-projects-inline-009 { margin: 30px 0; }
.our-projects-inline-010 { display: none; }
.our-projects-inline-011 { overflow-x: auto; }
.our-projects-inline-012 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); display: none; justify-content: center; align-items: center; z-index: 9999; cursor: pointer; }
.our-projects-inline-013 { position: absolute; top: 20px; right: 30px; font-size: 2.5rem; color: #fff; cursor: pointer; font-weight: 700; z-index: 10000; }
.our-projects-inline-014 { max-width: 90%; max-height: 80%; border-radius: 10px; box-shadow: 0 0 20px rgba(255,255,255,0.3); }