From 7aa1dc37e773d7d8b50b5b82976e201bde210ade Mon Sep 17 00:00:00 2001
From: Dheeraj Singh <72201773+dheeraj1129@users.noreply.github.com>
Date: Wed, 14 Jun 2023 12:56:05 +0530
Subject: [PATCH] Solving Hover Effect and animation on deading

Solving Hover Effect and animation effect on heading of
1. SERVICES
2.TESTIMONIALS
3.CONTRACT US
---
 assets/css/style.css | 32 ++++++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 9d1c340..a87c569 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -480,20 +480,36 @@ section {
   text-transform: uppercase;
   font-weight: 700;
   position: relative;
+  width: max-content;
   padding-bottom: 20px;
+    cursor: pointer;
 }
-
-.section-header h2::before {
+.section-header h2::after {
   content: "";
-  position: absolute;
+  height: 2px;
+  margin-top: 7px;
+  width: 0%;
   display: block;
-  width: 50px;
-  height: 3px;
-  background: #2796ff;
-  bottom: 0;
-  left: 0;
+  background-color: #1b8df8;
+  transition: .5s ease-in-out;
 }
 
+
+.section-header h2:hover::after {
+  content: " ";
+  background-color: #188efc;
+  height: 2px;
+  width: 100%;
+  display: block;
+  margin-top: 7px;
+
+}
+
+.section-header h2:hover {
+  color: #2796ff;
+}
+
+
 .section-header p {
   padding: 0;
   margin: 0;