/* Styles used by the "Why We Stand Out" section on the home page */

.why-stand-out-section {
  background: linear-gradient(135deg, #0f172a 0%, #0b1220 100%);
  color: #e5e7eb;
}

.feature-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 18px;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.feature-card:hover {
  transform: translateY(-6px);
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
}

.feature-card-inner { display: grid; gap: 16px; }

.feature-icon-wrapper { position: relative; border-radius: 12px; overflow: hidden; }

.feature-image { width: 100%; height: 200px; object-fit: cover; display: block; }

.feature-icon-overlay { position: absolute; inset: 0; display: grid; place-items: center; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%); }

.feature-icon { width: 36px; height: 36px; color: #93c5fd; }

.feature-content { padding: 0 16px 18px; }

.feature-title { color: #fff; margin: 6px 0 8px; font-weight: 700; font-size: 1.1rem; }

.feature-description { color: rgba(255,255,255,.75); font-size: .95rem; }

.feature-highlights { color: rgba(255,255,255,.7); margin-top: 8px; }

.feature-link { display: inline-flex; gap: 8px; align-items: center; color: #93c5fd; text-decoration: none; margin-top: 10px; }

.feature-link:hover { color: #60a5fa; }

.text-gradient { background: linear-gradient(135deg, #60a5fa, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.course-heading { text-align: center; margin: 40px 0 10px; }

.courses-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; padding: 0 16px; }

.course-card { background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); border: 1px solid rgba(59,130,246,.25); border-radius: 16px; padding: 16px; display: grid; gap: 16px; }

.course-img { width: 100%; height: 180px; object-fit: contain; background: rgba(0,0,0,.2); border-radius: 10px; padding: 8px; }

.course-description h3 { color: #dbeafe; font-size: 1rem; font-weight: 500; }

.course-btn { color: white; border: none; padding: 10px 14px; border-radius: 10px; }

.logo-carousel-title { text-align: center; margin: 50px 0 10px; }

.logo-carousel-container { overflow: hidden; padding: 10px 0; }

.logo-carousel-track { display: flex; gap: 36px; animation: scroll 35s linear infinite; align-items: center; }

.logo-carousel-item img { max-height: 46px; filter: brightness(0.9) contrast(1.2); }

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}