hero_bg change

assets/css/app.min.css

@@ -4939,19 +4939,8 @@ select {
   text-align: right;
 }
 .hero .hero_bg{
-  width: 50%;
   object-fit: cover;
-  object-position: left;
-}
-.hero::before{
-  position: absolute;
-  content: '';
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 70%;
-  z-index: 1;
-  background: linear-gradient(88deg, #FFF 0%, rgba(245, 245, 245, 0.00) 100%);
+  object-position: right;
 }
 .hero::after{
   position: absolute;
@@ -4961,7 +4950,6 @@ select {
   height: 100%;
   width: 50%;
   z-index: 0;
-  background: linear-gradient(185deg, #0060AB 0%, #6D9AD3 26.1%, #A1B9CE 36.1%, #BFD0F5 56.1%, #DDE2EF 87.6%, #E9E9E9 100%);
 }
 .serv-page__head__bg .cloud_1,
 .serv-page__head__bg .cloud_2,
@@ -5001,8 +4989,8 @@ select {
   overflow-x: auto;
   -ms-overflow-style: none;
   scrollbar-width: none;
-  margin: -50px;
-  padding: 50px;
+  margin: -70px -25px;
+  padding: 70px 25px;
 }
 .navs::-webkit-scrollbar {
   display: none;
@@ -5129,6 +5117,7 @@ select {
 }
 .review_item{
   margin: 0 10px;
+  cursor: pointer;
 }
 .review_item img,
 .review_item iframe,
@@ -5245,6 +5234,7 @@ select {
 }
 .feed_image{
   margin: -56px auto 0 auto;
+  cursor: pointer;
 }
 .feedback_row .slick-list{
   overflow-x: clip;
@@ -5738,14 +5728,6 @@ body:has(.hero){
   .license .license .serv-page__help{
     padding: 48px 0 48px 30px;
   }
-  .hero .hero_bg{
-    width: 100%;
-    object-fit: cover;
-    object-position: center;
-  }
-  .hero::before{
-    display: none;
-  }
   .hero {
     padding: 107px 0;
   }
@@ -5929,6 +5911,9 @@ body:has(.hero){
   .feed_image{
     width: 80px;
   }
+  .hero .hero_bg{
+    object-position: 78%;
+  }
 }
 
 @media only screen and (max-width: 500px){