From 5686b8c4a29353b568a3c821f962355ebc110be1 Mon Sep 17 00:00:00 2001
From: "dhanush.s" <dhanush.s@opsmonsters.in>
Date: Sat, 27 Sep 2025 19:13:46 +0530
Subject: [PATCH] refactor: css

---
 main.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/main.css b/main.css
index d8df60e..75ad144 100644
--- a/main.css
+++ b/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;