Fahad is a talented web developer with a fantastic dimension of creativity and proactivity. He made the whole process very easy for me with excellent communication. I enjoyed the process and timely delivery. Thank you so much.
My goodness! Fahad!!! You're a magician. Oh my gosshh! I can't thank you more, Also thanks to Max for referring you! I'm super happy!
Subscribe To My YouTube Channel For More Upcoming Videos
rippd-button rippd-button-white
.marquee {
animation: marquee 60s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.marquee:hover {
animation-play-state: paused;
}
.logo-slider-shadow {
background: linear-gradient(90deg, #F6F3EC 50.17%, rgba(243, 239, 231, 0) 100%);
opacity: 0.97;
}
marquee logo-slider-shadow
.section-triangle {
position: relative;
}
.section-triangle::before {
content: "";
position: absolute;
inset: 0;
background: #DFDFDF;
clip-path: polygon(
10% 0%,
90% 0%,
100% 50%,
90% 100%,
10% 100%,
0% 50%
);
z-index: 0;
}
.section-triangle::after {
content: "";
position: absolute;
inset: 1px;
background: #F7F4EE;
clip-path: polygon(
10% 0%,
90% 0%,
100% 50%,
90% 100%,
10% 100%,
0% 50%
);
z-index: 1;
}
.section-triangle > * {
position: relative;
z-index: 2;
}
.section-triangle-white {
position: relative;
}
.section-triangle-white::before {
content: "";
position: absolute;
inset: 0;
background: #DFDFDF;
clip-path: polygon(
10% 0%,
90% 0%,
100% 50%,
90% 100%,
10% 100%,
0% 50%
);
z-index: 0;
}
.section-triangle-white::after {
content: "";
position: absolute;
inset: 1px;
background: #FFF;
clip-path: polygon(
10% 0%,
90% 0%,
100% 50%,
90% 100%,
10% 100%,
0% 50%
);
z-index: 1;
}
.section-triangle-white > * {
position: relative;
z-index: 2;
}
section-triangle section-triangle-white
.work-number {
display: flex;
justify-content: center;
align-items: center;
padding: 16px 36px;
background: linear-gradient(180deg, rgba(11, 9, 10, 0.1) 12.23%, rgba(196, 252, 0, 0.1) 177.27%), #0E0F11;
border: 2px solid rgba(255, 255, 255, 0.1);
border-radius: 48px;
flex-shrink: 0;
}
@media (max-width: 767px) {
.work-number {
padding: 14px 34px;
border-radius: 50%;
flex-shrink: 0;
}
}
work-number
.ft-card-icon .elementor-icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background: #0E0F11;
border-radius: 100px;
}
@media (max-width: 767px) {
.ft-card {
position: absolute !important;
top: 0%!important;
left: 50%!important;
transform: translate(-50%) translateX(-95px) rotate(-26deg)!important;
}
.ft-card-icon .elementor-icon {
width: 30px;
height: 30px;
}
.ft-card2 {
position: absolute !important;
bottom: !important;
left: 50%!important;
transform: translate(-50%) translateX(90px) rotate(26deg)!important;
}
}
ft-card-icon ft-card ft-card-icon ft-card2