.feature-title123
        {
            transition: color 0.3s ease;
        }
        
        .feature-title123:hover
        {
            color: orange;
            cursor: pointer;
        }
        .card-hover:hover
        {
            transform: translateY(-6px);
            box-shadow: 0 10px 25px rgba(13,110,253,0.08);
        }
        
        
        .project-card
        {
            height: 100%; /* Equal height cards */
        }
        
        .project-card img
        {
            width: 100%;
            height: 220px; /* Fixed height (adjust as needed) */
            object-fit: cover; /* Crop instead of stretch */
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
        }
        /* Clients Section - make all logos uniform */
.client-logo {
  width: 225px;   /* fixed width */
  height: 225px;  /* fixed height */
  object-fit: contain;  /* scale proportionally */
  background: #fff;  /* white background */
  padding: 10px;  /* breathing space */
  border-radius: 8px; /* optional for rounded box */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* optional subtle shadow */
  transition: transform 0.4s ease, box-shadow 0.3s ease; /* smooth zoom */
  cursor: pointer;
}
.page-header7 {
  background: linear-gradient(to right, #c1f0f6, #6dd5fa); /* pastel blue to aqua */
  color:#fff;  
  text-align: center;
}
.logo img:hover {
  animation: pulse 1.2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.12); }
}

.client-logo:hover {
  transform: scale(1.15); /* zoom in */
  box-shadow: 0 8px 20px rgba(0,0,0,0.25); /* add shadow */
}
  
 
 /* ===== Festival Greeting Banner ===== */
.festival-banner {
  text-align: center;
  background: linear-gradient(to right, #f0f8ff, #e6f7ff);
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  
  
  animation: borderGlow 3s ease-in-out infinite;
  position: relative;
}

.festival-banner span {
  display: inline-block;
  animation: blinkColors 2s infinite;
  border: 2px solid #ff8a00;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(255, 138, 0, 0.6);
  
}

@keyframes blinkColors {
  0%   { color: #ff0000; }   /* Red */
  20%  { color: #ffa500; }   /* Orange */
  40%  { color: #ffff00; }   /* Yellow */
  60%  { color: #008000; }   /* Green */
  80%  { color: #0000ff; }   /* Blue */
  100% { color: #800080; }   /* Purple */
}





/* Certification Badges */
.certification-badges {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 40px 0;
    border-top: 3px solid #3498db;
    border-bottom: 3px solid #3498db;
}

.cert-badge {
    background: white;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border: 2px solid transparent;
    height: 100%;
}

.cert-badge:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    border-color: #3498db;
}

.cert-icon {
    font-size: 4rem;
    color: #e74c3c;
    margin-bottom: 20px;
}

.iso-badge {
    background: linear-gradient(135deg, #3498db, #2c3e50);
    color: white;
    padding: 15px 25px;
    border-radius: 25px;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px;
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
}

.certificate-modal img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.certificate-preview {
    cursor: pointer;
    transition: all 0.3s ease;
    border: 3px solid transparent;
}

.certificate-preview:hover {
    transform: scale(1.05);
    border-color: #3498db;
}