+ Top health and wellness app
developers Mumbai
2022
+ Top Web Development
Company 2023
2022
+ Top Web Development
Company 2023
2022
+ Top Web Development
Company 2023
2022
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 @@
+ Top health and wellness app
developers Mumbai
2022
+ Top Web Development
Company 2023
2022
+ Top Web Development
Company 2023
2022
+ Top Web Development
Company 2023
2022