/**
 * Text with Cards styles
 */

.text-with-cards {
  position: relative;
  
  .cards-grid {
    gap: var(--spacing-md);
    
    @media (max-width: 768px) {
      gap: var(--spacing-lg);
    }
  }
  
  .card {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: calc(var(--spacing-md) + var(--spacing-xs));
    height: 100%;
    position: relative;
    
    h3 {
      margin-bottom: var(--spacing-xs);
      font-size: 1.5rem;
    }
    
    p {
      margin-bottom: var(--spacing-lg);
      line-height: 1.6;
    }
    
    .card-icon {
      position: absolute;
      bottom: var(--spacing-md);
      right: var(--spacing-md);
      width: 40px;
      height: 40px;
      
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
  }
}