update

style.css

@@ -71,9 +71,9 @@
     }
     .vertical-text {
     position: absolute;
-    right: 8%;
-    top: 70%;
-    transform: rotate(90deg) translateY(-50%);
+    right: 5%;
+    top: 22%;
+    /* transform: rotate(90deg) translateY(-50%); */
     transform-origin: right center;
     z-index: 3;
     font-weight: bold;
@@ -124,7 +124,7 @@
     height: 100%;
     }
     .about-section {
-    padding: 70px 0px;
+    padding: 40px 0px;
     }
     .heading-main h6 {
     color: rgb(196, 139, 43);
@@ -179,7 +179,7 @@
     color: rgb(0, 0, 0);
     }
     .challenge-section {
-    padding: 80px 0px;
+    padding: 50px 0px;
     }
     .heading-main p {
     max-width: 700px;
@@ -277,7 +277,7 @@
     }
     .services-section {
     background: rgb(245, 241, 237);
-    padding: 70px 0px;
+    padding: 50px 0px;
     }
     .heading-main h2 {
     font-size: 37px;
@@ -324,7 +324,7 @@
     border-radius: 18px;
     }
     .evolution-section {
-    padding: 80px 0px;
+    padding: 50px 0px;
     }
     .evolution-header {
     display: flex;
@@ -358,6 +358,7 @@
     border-radius: 30px;
     font-size: 13px;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
+    z-index: 9999;
     }
     .tag-left {
     left: 120px;
@@ -378,7 +379,7 @@
     letter-spacing: 2px;
     }
     .material-section {
-    padding: 80px 0px;
+    padding: 50px 0px;
     }
     .material-title {
     text-align: center;
@@ -452,7 +453,7 @@
     }
     .impact-section {
     background: #F5F1ED;
-    padding: 80px 0px;
+    padding: 50px 0px;
     }
     .impact-title {
     font-size: 28px;
@@ -484,7 +485,7 @@
     color: #3A3A3A;
     }
     .why-section {
-    padding: 80px 0px;
+    padding: 60px 0px 0;
     }
     .why-images {
     }
@@ -589,7 +590,7 @@
     padding: 20px 20px;
     }
     .compare-section {
-    padding: 60px 80px;
+    padding: 50px 0px;
     }
     /* TOP TEXT */
     .top-content {
@@ -612,12 +613,12 @@
     .wrapper {
     position: relative;
     width: 100%;
-    height: 450px;
+    height: 506px;
     overflow: hidden;
     border-radius: 6px;
     }
     .wrapper img {
-    width: 100%;
+    /* width: 100%; */
     height: 100%;
     object-fit: cover;
     }
@@ -675,8 +676,11 @@
     font-size: 18px;
     }
     .visualprototyping {
-    padding: 70px 0;
+    padding: 50px 0 0;
     }
+.compare-card .wrapper {
+    height: 340px;
+}
     .compare-card {
     border: 1px solid #EFEFEF;
     box-shadow: 15px 20px 45px rgba(233, 233, 233, 0.43);
@@ -690,4 +694,17 @@
     font-size: 20px;
     font-weight: 500;
     color: black;
+    }
+    .material-item {
+        transition: all 0.3s ease;
+    }
+    
+    .material-item:hover {
+        transform: translateY(-5px) !important;
+    }
+    .impact-card{
+        transition: all 0.3s ease;
+    }
+    .impact-card:hover {
+        transform: translateY(-5px) !important;
     }