.client-box {
            width: 100px;
            height: 100px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            transition: transform 0.3s ease;
        }

        .client-box:hover {
            transform: scale(1.05);
        }

        .client-box img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 10px;
        }

        .client-logos {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            /* 8 per row */
            gap: 20px;
            /* spacing between logos */
            justify-items: center;
            /* center logos */
            align-items: center;
        }

        /* Responsive for mobile */
        @media (max-width: 768px) {
            .client-logos {
                grid-template-columns: repeat(3, 1fr);
                /* 4 per row on mobile */
            }
        }

    
  /* Recognitions Grid */
.recognitions-logos {
  display: grid;
   grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  justify-items: center;
  align-items: center;
}

/* Recognition Box */
.recognition-box {
  width: 120px;       /* fixed width */
  height: 120px;      /* fixed height */
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.recognition-box:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 8px 18px rgba(0,0,0,0.15);
}

/* Logo Images */
.recognition-box img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 768px) {
  .recognitions-logos {
    grid-template-columns: repeat(3, 1fr);
  }
  .recognition-box{
      width: 80px;
    height: 80px;
  }
}



        /* Overlay */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.65);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        /* Popup box */
        .popup-content {
            background: linear-gradient(135deg, #ffffff, #f8f9fa);
            padding: 40px 30px;
            border-radius: 16px;
            max-width: 500px;
            width: 90%;
            position: relative;
            box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
            animation: fadeInScale 0.4s ease-in-out;
        }

        /* Close button */
        .close-btn {
            position: absolute;
            top: 12px;
            right: 15px;
            border: none;
            background: none;
            font-size: 26px;
            cursor: pointer;
            color: #555;
            transition: color 0.3s;
        }

        .close-btn:hover {
            color: #e63946;
        }

        /* Title */
        .popup-title {
            font-size: 26px;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 15px;
        }

        /* Text */
        .popup-text {
            font-size: 16px;
            color: #555;
            margin-bottom: 25px;
            line-height: 1.6;
        }

        /* CTA Button */
        .popup-btn {
            display: inline-block;
            background: linear-gradient(135deg, #007bff, #0056d2);
            color: #fff;
            padding: 12px 28px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.3s ease;
            box-shadow: 0px 4px 12px rgba(0, 91, 187, 0.3);
        }

        .popup-btn:hover {
            background: linear-gradient(135deg, #0056d2, #003c9e);
            box-shadow: 0px 6px 16px rgba(0, 91, 187, 0.5);
        }

        /* Animation */
        @keyframes fadeInScale {
            0% {
                transform: scale(0.8);
                opacity: 0;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .img-fluid {
            width: -webkit-fill-available;
        }

        .key-name {
            border: 1px solid lightgrey;
            padding: 4px;
            font-size: 13px;
        }

        .container.shadow-lg {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);


}

.about-us {
  background: #f9f9f9;
}
.about-us .heading {
  font-size: 28px;
  font-weight: 700;
  color: #2e7d32;
  margin-bottom: 15px;
}
.about-us .sub-heading {
  font-size: 22px;
  font-weight: 600;
  color: #388e3c;
  margin-top: 25px;
  margin-bottom: 15px;
}
.about-us .text-muted {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}
.about-us .custom-list {
  list-style: none;
  padding: 0;
}
.about-us .custom-list li {
  background: #e8f5e9;
  margin-bottom: 12px;
  padding: 10px 15px;
  border-left: 4px solid #43a047;
  border-radius: 6px;
  font-size: 16px;
   list-style-type: none;
}
.about-us .image-box img {
  border-radius: 12px;
  transition: transform 0.4s ease;
}
.about-us .image-box:hover img {
  transform: scale(1.05);
}