From b2fcc6f5a34aa0e267a71dd7f229e4ff350ccd97 Mon Sep 17 00:00:00 2001
From: "Priyanshu.Vishwakarma" <priyanshu.vishwakarma@wdimails.com>
Date: Fri, 27 Dec 2024 17:39:52 +0530
Subject: [PATCH] tick add in solution tab

---
 assets/css/style-new.css      | 157 +++++++++++++++++++---------------
 pages/homepage.php            |   8 +-
 pages/web-app-development.php |   8 +-
 3 files changed, 97 insertions(+), 76 deletions(-)

diff --git a/assets/css/style-new.css b/assets/css/style-new.css
index 6b7b734..5610ffb 100644
--- a/assets/css/style-new.css
+++ b/assets/css/style-new.css
@@ -236,7 +236,7 @@
 }
 
 .award-rec-sec img {
-    width: 75%;
+    width: 65%;
     height: auto;
     margin-bottom: 16px;
 }
@@ -306,6 +306,11 @@
 
 }
 
+.dual-slider .slick-initialized .slick-slide {
+    display: flex;
+    justify-content: center;
+}
+
 
 #card_slide .slick-slide.slick-current.slick-active img {
     transition: all 0.5s ease;
@@ -1068,38 +1073,43 @@ section.dual-slider .col-lg-10 {
     background-color: #000;
     color: #fff;
     position: relative;
-  }
-  
-  /* Content styling */
-  .details-content {
+}
+
+/* Content styling */
+.details-content {
     display: flex;
     flex-direction: column;
     position: relative;
-    opacity: 0; /* Initially hidden */
-    animation: show-content 1s ease forwards; /* Content visibility animation */
-  }
-  
-  .details-content:nth-child(1) {
-    animation-delay: 0s; /* Show immediately with the first dot */
-  }
-  
-  .details-content:nth-child(2) {
-    animation-delay: 2s; /* Trigger after the second dot blinks */
-  }
-  
-  .details-content:nth-child(3) {
-    animation-delay: 4s; /* Trigger after the third dot blinks */
-  }
-  
-  .details-img img {
+    opacity: 0;
+    /* Initially hidden */
+    animation: show-content 1s ease forwards;
+    /* Content visibility animation */
+}
+
+.details-content:nth-child(1) {
+    animation-delay: 0s;
+    /* Show immediately with the first dot */
+}
+
+.details-content:nth-child(2) {
+    animation-delay: 2s;
+    /* Trigger after the second dot blinks */
+}
+
+.details-content:nth-child(3) {
+    animation-delay: 4s;
+    /* Trigger after the third dot blinks */
+}
+
+.details-img img {
     width: 22px;
     height: 26px;
     margin: 30px 0 20px;
 }
 
-  
-  /* Dot */
-  .dot {
+
+/* Dot */
+.dot {
     width: 8px;
     height: 8px;
     background-color: #e5195e;
@@ -1107,18 +1117,18 @@ section.dual-slider .col-lg-10 {
     position: relative;
     opacity: 0;
     animation: fade-in 1s ease forwards;
-  }
-  
-  .details-content:nth-child(2) .dot {
+}
+
+.details-content:nth-child(2) .dot {
     animation-delay: 1s;
-  }
-  
-  .details-content:nth-child(3) .dot {
+}
+
+.details-content:nth-child(3) .dot {
     animation-delay: 3s;
-  }
-  
-  /* Line Animation */
-  .details-content:not(:last-child)::after {
+}
+
+/* Line Animation */
+.details-content:not(:last-child)::after {
     content: '';
     position: absolute;
     width: 0;
@@ -1130,46 +1140,50 @@ section.dual-slider .col-lg-10 {
     transform-origin: left;
     animation: line-grow 1s ease forwards;
     border-radius: 10px;
-  }
-  
-  .details-content:nth-child(1)::after {
+}
+
+.details-content:nth-child(1)::after {
     animation-delay: 1s;
-  }
-  
-  .details-content:nth-child(2)::after {
+}
+
+.details-content:nth-child(2)::after {
     animation-delay: 3s;
-  }
-  
-  /* Keyframes */
-  @keyframes fade-in {
+}
+
+/* Keyframes */
+@keyframes fade-in {
     0% {
-      opacity: 0;
-      transform: scale(0);
+        opacity: 0;
+        transform: scale(0);
     }
+
     100% {
-      opacity: 1;
-      transform: scale(1);
+        opacity: 1;
+        transform: scale(1);
     }
-  }
-  
-  @keyframes line-grow {
+}
+
+@keyframes line-grow {
     0% {
-      width: 0;
+        width: 0;
     }
+
     100% {
-      width: 452px; /* Adjust based on spacing */
+        width: 452px;
+        /* Adjust based on spacing */
     }
-  }
-  
-  @keyframes show-content {
+}
+
+@keyframes show-content {
     0% {
-      opacity: 0;
+        opacity: 0;
     }
+
     100% {
-      opacity: 1;
+        opacity: 1;
     }
-  }
-  
+}
+
 
 
 
@@ -2002,6 +2016,7 @@ p.btn-sym {
 .consulting-look-sec .left-sec {
     max-width: 70%;
 }
+
 .consulting-look-sec .right-sec {
     position: relative;
     width: 300px;
@@ -2291,7 +2306,8 @@ p.btn-sym {
     background-size: cover;
     padding: 60px 0 100px;
 }
-.project-man-built .col-md-6{
+
+.project-man-built .col-md-6 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -2997,7 +3013,7 @@ p.btn-sym {
         grid-template-columns: repeat(2, 1fr);
     }
 
-    div#card_slide .next_arrow{
+    div#card_slide .next_arrow {
         right: 43%;
     }
 
@@ -3064,6 +3080,7 @@ p.btn-sym {
         width: 75%;
         height: auto;
     }
+
     .consulting-look-sec .consulting-side-img img {
         right: -10%;
     }
@@ -3073,12 +3090,13 @@ p.btn-sym {
 
     @keyframes line-grow {
         0% {
-          width: 0;
+            width: 0;
         }
+
         100% {
-          width: 300px; 
+            width: 300px;
         }
-      }
+    }
 
     .dual-slider .bg-img {
         height: 100vh;
@@ -3225,9 +3243,10 @@ p.btn-sym {
         padding: 40px 0;
     }
 
-    .project-man-built .row{
+    .project-man-built .row {
         gap: 20px;
     }
+
     .details-content:not(:last-child)::after {
         display: none;
     }
@@ -3235,7 +3254,7 @@ p.btn-sym {
     .dot {
         display: none;
     }
-     
+
 
     .details-container {
         gap: 10px;
@@ -3554,7 +3573,7 @@ p.btn-sym {
 
     .dual-slider .bg-img img {
         height: 48vh;
-        object-fit: contain;
+        /* object-fit: contain; */
     }
 
     .two_slider_main {
diff --git a/pages/homepage.php b/pages/homepage.php
index 2c982f4..1d8ee2e 100644
--- a/pages/homepage.php
+++ b/pages/homepage.php
@@ -609,9 +609,11 @@
                                         <img src="../assets/images/new-img/arrow-down-circle.svg">
                                     </h3>
                                     <div class="accordion_content" style="display: none;">
-                                        <p class="grey-para">We maintain transparency throughout the journey...</p>
-                                        <p class="grey-para">An NDA protects the intellectual property...</p>
-                                        <p class="grey-para">We do not tie any of our clients...</p>
+                                    <ul class="custom-list">
+                                            <li>We maintain transparency throughout the journey...</li>
+                                            <li>An NDA protects the intellectual property...</li>
+                                            <li>We do not tie any of our clients...</li>
+                                        </ul>
                                     </div>
                                 </div>
                             </div>
diff --git a/pages/web-app-development.php b/pages/web-app-development.php
index c4e035b..7b5f7a1 100644
--- a/pages/web-app-development.php
+++ b/pages/web-app-development.php
@@ -306,22 +306,22 @@
 
         <div class="award-content-main">
             <div class="award-content">
-                <img loading="lazy" src="../assets/images/new-img/award-first.webp" alt="">
+                <img loading="lazy" src="../assets/images/new-img/award-first.svg" alt="">
                 <p>Top health and wellness app <br> developers Mumbai</p>
                 <p>2022</p>
             </div>
             <div class="award-content">
-                <img loading="lazy" src="../assets/images/new-img/award-second.webp" alt="">
+                <img loading="lazy" src="../assets/images/new-img/award-second.svg" alt="">
                 <p>Top Web Development <br> Company 2023</p>
                 <p>2022</p>
             </div>
             <div class="award-content">
-                <img loading="lazy" src="../assets/images/new-img/award-third.webp" alt="">
+                <img loading="lazy" src="../assets/images/new-img/award-third.svg" alt="">
                 <p>Top Web Development <br> Company 2023</p>
                 <p>2022</p>
             </div>
             <div class="award-content">
-                <img loading="lazy" src="../assets/images/new-img/award-fourth.webp" alt="">
+                <img loading="lazy" src="../assets/images/new-img/award-fourth.svg" alt="">
                 <p>Top Web Development <br> Company 2023</p>
                 <p>2022</p>
             </div>