/* Styles specific to the Solutions page components */

/* Feature Card Hover Effect */
.feature-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
  /* Use Tailwind colors/shadows if possible, or define custom shadow */
  box-shadow: 0 15px 30px -5px rgba(14, 10, 47, 0.1); /* Example shadow */
}

/* Image Overlay Effect */
.image-overlay {
  position: relative;
  /* Ensure border-radius is applied if parent has rounded corners */
  border-radius: inherit; 
}

.image-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Use Tailwind colors if possible */
  /* Example: bg-gradient-to-br from-investor-purple/70 to-investor-blue/70 */
  background: linear-gradient(135deg, rgba(75, 63, 138, 0.7) 0%, rgba(42, 108, 180, 0.7) 100%);
  border-radius: inherit; /* Match parent's border radius */
  z-index: 1; /* Ensure overlay is above the image */
}

/* Ensure image itself is below the overlay */
.image-overlay img {
    position: relative;
    z-index: 0;
}

/* Add shadow used in FeatureSection.tsx */
.shadow-feature {
    box-shadow: 0 10px 20px -5px rgba(75, 63, 138, 0.1), 0 6px 12px -6px rgba(0, 0, 0, 0.1); /* Example shadow */
}

/* Add shadow used in CtaSection.tsx card */
.shadow-card {
     box-shadow: 0 8px 25px -8px rgba(14, 10, 47, 0.1); /* Example shadow */
}

/* Add aspect ratio used in CtaSection image */
.aspect-\[4\/5\] {
    aspect-ratio: 4 / 5;
}