refactor: css

main.css

@@ -452,7 +452,7 @@
      transition: opacity 0.6s ease, transform 0.6s ease;
  }
 
- /* when visible */
+
  .stat-item.visible {
      opacity: 1;
      transform: translateY(0);
@@ -631,7 +631,7 @@
      transform: scale(1.05);
  }
 
- /* Image overlays */
+
  .image-overlay {
      position: absolute;
      bottom: 0;
@@ -1371,9 +1371,9 @@
 
  }
 
- /*----------------------------------------------------------------------------------------------------------------------*/
 
- /* Practice Cards Component CSS - Unique class names to prevent conflicts */
+
+
  .practice-cards-container * {
      margin: 0;
      padding: 0;
@@ -1584,7 +1584,7 @@
      color: white;
  }
 
- /* Icon animation on hover */
+
  .practice-cards-wrapper:hover .practice-card:hover .practice-card-icon {
      transform: scale(1.05) rotate(3deg);
  }
@@ -1636,7 +1636,7 @@
      transition: transform 0.5s ease;
  }
 
- /* Text animation on hover */
+
  .practice-cards-wrapper:hover .practice-card:hover h3 {
      transform: translateY(-2px);
  }
@@ -1687,13 +1687,13 @@
      transform: translateY(-2px);
  }
 
- /* Show CTA button only on hovered card */
+
  .practice-cards-wrapper:hover .practice-card:hover .practice-cta-btn {
      opacity: 1;
      transform: translateY(0);
  }
 
- /* Subtle overlay effect */
+
  .practice-card::after {
      content: '';
      position: absolute;
@@ -1711,10 +1711,10 @@
      opacity: 1;
  }
 
- /* REMOVED: Default expanded state for first card */
- /* Now all cards start equal and only expand on hover */
 
- /* Show SVG and CTA button only on hover */
+
+
+
  .practice-cards-wrapper .practice-card .practice-card-svg {
      width: 0;
      opacity: 0;
@@ -1787,7 +1787,7 @@
      }
  }
 
- /* Mobile responsiveness */
+
  @media (max-width: 992px) {
      .practice-cards-container {
          display: none;