diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index d006777..0001436 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -3,19 +3,10 @@
import React, { useEffect } from "react";
import Header1 from "@/components/layout/Header1";
import Footer1 from "@/components/layout/Footer1";
-
-import InnerBanner from "@/components/common/InnerBanner";
-import AboutSection from "@/components/home/home-1/AboutSection";
-import ServiceSliderSection from "@/components/home/home-1/ServiceSliderSection";
-import CtaSection from "@/components/home/home-1/CtaSection";
-import ProjectsSection from "@/components/home/home-1/ProjectsSection";
-import ChooseSection from "@/components/home/home-1/ChooseSection";
-import TeamSection from "@/components/home/home-1/TeamSection";
-import TestimonialsSection from "@/components/home/home-1/TestimonialsSection";
import BlogSection from "@/components/home/home-1/BlogSection";
-import BrandSection from "@/components/home/home-1/BrandSection";
+import PageHeader from "@/components/common/PageHeader";
-export default function Home1() {
+export default function BlogPage() {
useEffect(() => {
if (typeof window !== "undefined" && (window as any).initMetatron) {
(window as any).initMetatron();
@@ -26,9 +17,8 @@ export default function Home1() {
<>
-
-
-
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
index 1fb3418..fd5c3fe 100644
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -6,6 +6,7 @@ import Footer1 from "@/components/layout/Footer1";
import InnerBanner from "@/components/common/InnerBanner";
import FaqPageSection from "@/components/faq/FaqPageSection";
import FaqVideoSection from "@/components/careers/FaqVideoSection";
+import PageHeader from "@/components/common/PageHeader";
export default function FaqPage() {
useEffect(() => {
@@ -23,7 +24,7 @@ export default function FaqPage() {
<>
-
diff --git a/src/app/globals.css b/src/app/globals.css
index 39c6000..b089f3a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2702,4 +2702,4613 @@ body {
.work-process-thumb {
grid-template-columns: 1fr;
}
+}
+
+
+/* ═══════════════════════════════════════════════════════════
+ Preloader
+ ═══════════════════════════════════════════════════════════ */
+#preloader {
+ position: fixed;
+ inset: 0;
+ width: 100%;
+ height: 100%;
+ background: #07172b;
+ z-index: 99999;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.bd-loader-inner {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.bd-loader {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+@keyframes rotate-smooth {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Portfolio Inner Banner
+ ═══════════════════════════════════════════════════════════ */
+.pf-banner {
+ position: relative;
+ overflow: hidden;
+ background-size: cover;
+ background-position: center;
+ padding: 100px 0 80px;
+ text-align: center;
+ z-index: 1;
+}
+
+.pf-banner::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ background: linear-gradient(270.07deg, #002b98 0.07%, #00060c 99.95%);
+ opacity: 0.88;
+ z-index: -1;
+}
+
+.pf-banner .ib-shape2 {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ z-index: 0;
+ pointer-events: none;
+ opacity: 0.5;
+ animation: pf-slideInLeft 1.2s ease both;
+}
+
+.pf-banner .ib-shape3 {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ z-index: 0;
+ pointer-events: none;
+ opacity: 0.35;
+ animation: pf-slideInRight 1.2s ease both;
+}
+
+@keyframes pf-slideInLeft {
+ from {
+ opacity: 0;
+ transform: translateX(-80px);
+ }
+
+ to {
+ opacity: 0.5;
+ transform: translateX(0);
+ }
+}
+
+@keyframes pf-slideInRight {
+ from {
+ opacity: 0;
+ transform: translateX(80px);
+ }
+
+ to {
+ opacity: 0.35;
+ transform: translateX(0);
+ }
+}
+
+.pf-banner-inner {
+ position: relative;
+ z-index: 2;
+ animation: pf-fadeInUp 0.9s ease both;
+}
+
+@keyframes pf-fadeInUp {
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.pf-banner-sub {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ font-size: 13px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 2.5px;
+ color: #3779b9;
+ margin-bottom: 14px;
+}
+
+.pf-banner-sub .line {
+ display: inline-block;
+ width: 36px;
+ height: 2px;
+ background: #3779b9;
+ border-radius: 2px;
+}
+
+.pf-banner h1 {
+ font-size: clamp(32px, 5vw, 52px);
+ font-weight: 800;
+ line-height: 1.2;
+ color: #fff;
+ margin: 0 auto 20px;
+ max-width: 700px;
+}
+
+.pf-banner h1 span {
+ color: #3779b9;
+}
+
+.pf-banner-bread {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 6px;
+ font-size: 15px;
+ color: rgba(255, 255, 255, 0.75);
+}
+
+.pf-banner-bread a {
+ color: #fff;
+ text-decoration: none;
+ transition: color 0.3s;
+}
+
+.pf-banner-bread a:hover {
+ color: #3779b9;
+}
+
+.pf-banner-bread i {
+ font-size: 12px;
+ color: #3779b9;
+}
+
+/* Page Header Integration */
+.page-header .ib-shape2,
+.page-header .ib-shape3 {
+ position: absolute;
+ bottom: 0;
+ z-index: 0;
+ pointer-events: none;
+}
+
+.page-header .ib-shape2 {
+ left: 0;
+ animation: pf-slideInLeft 1.2s ease both;
+}
+
+.page-header .ib-shape3 {
+ right: 0;
+ animation: pf-slideInRight 1.2s ease both;
+}
+
+@media (max-width: 768px) {
+ .pf-banner {
+ padding: 70px 0 60px;
+ }
+
+ .pf-banner .ib-shape3 {
+ display: none;
+ }
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Portfolio Section
+ ═══════════════════════════════════════════════════════════ */
+.pf-section {
+ background: #f7f9fc;
+ padding: 80px 0;
+}
+
+.pf-container {
+ max-width: 1260px;
+ margin: 0 auto;
+ padding: 0 20px;
+}
+
+/* ── Tabs ── */
+.pf-tabs {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+ justify-content: center;
+ margin-bottom: 56px;
+}
+
+.pf-tab-btn {
+ padding: 10px 22px;
+ border-radius: 50px;
+ border: 2px solid #d1dbed;
+ background: #fff;
+ color: #444;
+ font-size: 14px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.25s;
+ white-space: nowrap;
+}
+
+.pf-tab-btn:hover,
+.pf-tab-btn.active {
+ background: #3779b9;
+ border-color: #3779b9;
+ color: #fff;
+ box-shadow: 0 6px 20px rgba(55, 121, 185, 0.35);
+}
+
+/* ── Grids ── */
+.pf-grid {
+ display: grid;
+ gap: 36px;
+ grid-template-columns: repeat(3, 1fr);
+}
+
+@media (max-width: 1024px) {
+ .pf-grid {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (max-width: 640px) {
+ .pf-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+.pf-grid-meta {
+ display: grid;
+ gap: 36px;
+ grid-template-columns: repeat(2, 1fr);
+}
+
+@media (max-width: 768px) {
+ .pf-grid-meta {
+ grid-template-columns: 1fr;
+ }
+}
+
+.pf-grid-mobile {
+ display: grid;
+ gap: 36px;
+ grid-template-columns: repeat(3, 1fr);
+}
+
+@media (max-width: 1024px) {
+ .pf-grid-mobile {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (max-width: 640px) {
+ .pf-grid-mobile {
+ grid-template-columns: 1fr;
+ }
+}
+
+/* ── Section divider label ── */
+.pf-section-label {
+ text-align: center;
+ margin: 60px 0 30px;
+}
+
+.pf-section-label h3 {
+ font-size: 22px;
+ font-weight: 700;
+ color: #1a1f2b;
+ display: inline-flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.pf-section-label h3::before,
+.pf-section-label h3::after {
+ content: "";
+ display: block;
+ width: 50px;
+ height: 2px;
+ background: #3779b9;
+ border-radius: 2px;
+}
+
+/* ── Shared card info ── */
+.pf-card-info {
+ margin-top: 14px;
+}
+
+.pf-category-badge {
+ display: inline-block;
+ font-size: 11px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 1.5px;
+ color: #3779b9;
+ background: rgba(55, 121, 185, 0.1);
+ border-radius: 30px;
+ padding: 3px 12px;
+ margin-bottom: 6px;
+}
+
+.pf-card-name {
+ font-size: 16px;
+ font-weight: 700;
+ color: #1a1f2b;
+ margin: 0 0 8px;
+}
+
+.pf-card-link {
+ font-size: 13px;
+ color: #3779b9;
+ text-decoration: none;
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
+ transition: opacity 0.2s;
+}
+
+.pf-card-link:hover {
+ opacity: 0.75;
+}
+
+/* ── Fade-in ── */
+@keyframes pfFadeUp {
+ from {
+ opacity: 0;
+ transform: translateY(24px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.pf-fade-item {
+ animation: pfFadeUp 0.45s ease both;
+}
+
+/* ══════════════════════════════════════════════════════
+ MONITOR mockup (Web / Shopify / WordPress)
+ ══════════════════════════════════════════════════════ */
+.pf-monitor-wrap {
+ text-align: center;
+}
+
+.pf-monitor {
+ display: inline-block;
+ position: relative;
+ width: 100%;
+ max-width: 360px;
+}
+
+.pf-monitor-screen {
+ background: #0a0a12;
+ border: 8px solid #2a2e3d;
+ border-bottom: 14px solid #2a2e3d;
+ border-radius: 8px 8px 4px 4px;
+ overflow: hidden;
+ aspect-ratio: 16 / 10;
+ box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
+}
+
+.pf-monitor-screen img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: top;
+ /* Show top of website */
+ display: block;
+ transition: transform 0.5s ease;
+}
+
+.pf-monitor-wrap:hover .pf-monitor-screen img {
+ transform: scale(1.04);
+}
+
+.pf-monitor-stand {
+ width: 28px;
+ height: 22px;
+ background: #2a2e3d;
+ margin: 0 auto;
+ clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
+}
+
+.pf-monitor-base {
+ width: 70px;
+ height: 6px;
+ background: #2a2e3d;
+ border-radius: 4px;
+ margin: 0 auto;
+}
+
+/* ─────────────────── Card Names and Links ─────────────────── */
+.pf-card-name {
+ margin: 0;
+ font-size: 18px;
+ font-weight: 700;
+ color: #1a1f2b;
+ transition: color 0.3s;
+}
+
+.pf-card-name a {
+ color: inherit;
+ text-decoration: none;
+ display: inline-block;
+ cursor: pointer;
+}
+
+.pf-card-name a:hover {
+ color: #3779b9;
+}
+
+/* ─────────────────── Graphic Design: Pinned on Wall ─────────────────── */
+.pf-pinned-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ transition: transform 0.3s ease;
+}
+
+.pf-pinned-item:hover {
+ transform: translateY(-5px) rotate(1deg);
+}
+
+.pf-pinned-paper {
+ position: relative;
+ background: #fff;
+ padding: 12px 12px 30px;
+ /* Polaroid/Paper style bottom margin */
+ box-shadow:
+ 2px 5px 15px rgba(0, 0, 0, 0.2),
+ 0 0 1px rgba(0, 0, 0, 0.1);
+ transition: box-shadow 0.3s;
+}
+
+.pf-pinned-item:hover .pf-pinned-paper {
+ box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.3);
+}
+
+.pf-pin {
+ position: absolute;
+ top: -10px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 14px;
+ height: 14px;
+ background: #db2777;
+ /* Pin head color */
+ border-radius: 50%;
+ box-shadow:
+ 0 2px 4px rgba(0, 0, 0, 0.3),
+ inset -2px -2px 4px rgba(0, 0, 0, 0.4);
+ z-index: 5;
+}
+
+.pf-pinned-paper img {
+ display: block;
+ max-width: 100%;
+ height: auto;
+ border: 1px solid #eee;
+}
+
+/* Dynamic sizes based on detected orientation */
+.pf-pinned-item.landscape .pf-pinned-paper {
+ width: 100%;
+}
+
+.pf-pinned-item.portrait .pf-pinned-paper {
+ max-width: 280px;
+ margin: 0 auto;
+}
+
+/* ══════════════════════════════════════════════════════
+ LIGHTBOX
+ ══════════════════════════════════════════════════════ */
+.pf-lightbox-backdrop {
+ position: fixed;
+ inset: 0;
+ background: rgba(0, 0, 0, 0.95);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ z-index: 100000;
+ padding: 40px;
+ cursor: zoom-out;
+ opacity: 0;
+ animation: pfFadeIn 0.3s forwards;
+}
+
+@keyframes pfFadeIn {
+ to {
+ opacity: 1;
+ }
+}
+
+.pf-lightbox-content {
+ position: relative;
+ max-width: 90%;
+ max-height: 90%;
+ cursor: default;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ animation: pfScaleIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+
+@keyframes pfScaleIn {
+ from {
+ opacity: 0;
+ transform: scale(0.9);
+ }
+
+ to {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+.pf-lightbox-img {
+ max-width: 100%;
+ max-height: 80vh;
+ object-fit: contain;
+ border-radius: 4px;
+ box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
+}
+
+.pf-lightbox-details {
+ background: #fff;
+ padding: 20px 30px;
+ border-radius: 0 0 8px 8px;
+ width: 100%;
+ text-align: center;
+}
+
+.pf-lightbox-details h3 {
+ margin: 0 0 5px;
+ color: #1a1f2b;
+ font-weight: 800;
+}
+
+.pf-lightbox-details p {
+ margin: 0;
+ color: #3779b9;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-size: 12px;
+ letter-spacing: 1px;
+}
+
+/* ── META ADS card ── */
+.pf-meta-wrap {
+ border-radius: 10px;
+ overflow: hidden;
+}
+
+.pf-meta-screen {
+ position: relative;
+ border-radius: 10px;
+ overflow: hidden;
+ box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
+}
+
+.pf-meta-screen img {
+ width: 100%;
+ height: 260px;
+ object-fit: cover;
+ display: block;
+ transition: transform 0.45s;
+}
+
+.pf-meta-wrap:hover .pf-meta-screen img {
+ transform: scale(1.04);
+}
+
+.pf-meta-overlay {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ padding: 12px 16px;
+ background: linear-gradient(transparent, rgba(10, 15, 35, 0.75));
+}
+
+/* ── LOGO BRANDING card ── */
+.pf-logo-wrap {
+ text-align: center;
+}
+
+.pf-logo-frame {
+ background: #fff;
+ border-radius: 12px;
+ box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10);
+ overflow: hidden;
+ padding: 20px;
+ transition: box-shadow 0.3s, transform 0.3s;
+}
+
+.pf-logo-wrap:hover .pf-logo-frame {
+ box-shadow: 0 12px 40px rgba(55, 121, 185, 0.22);
+ transform: translateY(-4px);
+}
+
+.pf-logo-frame img {
+ width: 100%;
+ max-height: 200px;
+ object-fit: contain;
+}
+
+/* ── VIDEO EDITING card ── */
+.pf-video-wrap {
+ text-align: center;
+}
+
+.pf-video-player {
+ position: relative;
+ border-radius: 12px;
+ overflow: hidden;
+ background: #0a0a12;
+ box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
+ aspect-ratio: 16 / 9;
+}
+
+.pf-video-player iframe,
+.pf-video-player video {
+ width: 100%;
+ height: 100%;
+ border: none;
+ display: block;
+}
+
+/* ══════════════════════════════════════════════════════
+ PHONE mockup — Mobile App Development
+ ══════════════════════════════════════════════════════ */
+.pf-mobile-wrap {
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.pf-phone {
+ position: relative;
+ width: 220px;
+ background: #0f1320;
+ border-radius: 40px;
+ padding: 12px;
+ box-shadow:
+ 0 25px 50px rgba(0, 0, 0, 0.5),
+ inset 0 0 0 2px rgba(255, 255, 255, 0.1);
+ margin: 0 auto 10px;
+ transition: transform 0.3s ease;
+}
+
+.pf-phone:hover {
+ transform: translateY(-10px);
+}
+
+.pf-phone-notch {
+ position: absolute;
+ top: 18px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 70px;
+ height: 18px;
+ background: #0a0d17;
+ border-radius: 12px;
+ z-index: 10;
+}
+
+.pf-phone-screen {
+ background: #fff;
+ border-radius: 30px;
+ overflow: hidden;
+ aspect-ratio: 9 / 18.5;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.pf-phone-screen img {
+ display: block;
+ width: 85%;
+ height: auto;
+ object-fit: contain;
+ transition: transform 0.5s ease;
+}
+
+.pf-phone:hover .pf-phone-screen img {
+ transform: scale(1.1);
+}
+
+.pf-phone-home-btn {
+ width: 40px;
+ height: 4px;
+ background: rgba(255, 255, 255, 0.2);
+ border-radius: 10px;
+ margin: 15px auto 5px;
+}
+
+.pf-live-badge {
+ display: inline-block;
+ font-size: 11px;
+ font-weight: 700;
+ color: #10c47a;
+ background: rgba(16, 196, 122, 0.1);
+ padding: 2px 10px;
+ border-radius: 20px;
+ margin-top: 4px;
+}
+
+.pf-soon-badge {
+ display: inline-block;
+ font-size: 11px;
+ font-weight: 700;
+ color: #f59e0b;
+ background: rgba(245, 158, 11, 0.1);
+ padding: 2px 10px;
+ border-radius: 20px;
+ margin-top: 4px;
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Medical Services Circular Section
+ ═══════════════════════════════════════════════════════════ */
+.medical-services-section {
+ background-size: cover;
+ background-position: center;
+ position: relative;
+ z-index: 1;
+}
+
+.medical-services-section.space {
+ padding-top: 80px;
+ padding-bottom: 80px;
+}
+
+.section-title.text-center {
+ margin-bottom: 75px;
+}
+
+.sec-title.h1 {
+ font-size: 48px;
+ font-weight: 700;
+ margin-bottom: 10px;
+}
+
+.sec-title .inner-text {
+ color: var(--theme-color2, #3779b9);
+}
+
+.sec-text {
+ font-size: 16px;
+ color: var(--getizy-text, #7F7D86);
+ margin-bottom: 20px;
+}
+
+.sec-icon2 img {
+ max-width: 100%;
+}
+
+@media (min-width: 767px) {
+ .service-circle {
+ position: relative;
+ width: 800px;
+ height: 800px;
+ margin-left: auto;
+ margin-right: auto;
+ overflow: hidden;
+ border-radius: 50%;
+ }
+
+ .service-circle__lines .line {
+ background-color: #f5f7ff;
+ width: 20px;
+ height: 900px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%) rotate(-30deg);
+ z-index: 2;
+ }
+
+ .service-circle__lines .line:nth-child(2) {
+ transform: translate(-50%, -50%) rotate(30deg);
+ }
+
+ .service-circle__lines .line:nth-child(3) {
+ transform: translate(-50%, -50%) rotate(90deg);
+ }
+
+ .service-circle__lines .line:nth-child(4) {
+ transform: translate(-50%, -50%) rotate(150deg);
+ }
+
+ .service-circle__menu {
+ position: relative;
+ width: 800px;
+ height: 800px;
+ margin: 0 auto;
+ }
+
+ .service-circle__menu ul {
+ position: absolute;
+ width: 800px;
+ height: 800px;
+ padding: 0;
+ list-style: none;
+ border-radius: 50%;
+ overflow: hidden;
+ }
+
+ .service-circle__menu li {
+ position: absolute;
+ top: -84px;
+ left: -84px;
+ width: 484px;
+ height: 484px;
+ transform-origin: 100% 100%;
+ overflow: hidden;
+ transform: rotate(var(--rotate-item, 0)) skew(30deg);
+ }
+
+ .service-circle__menu li:nth-child(1) {
+ --rotate-item: 0deg;
+ --rotate-icon: -300deg;
+ }
+
+ .service-circle__menu li:nth-child(2) {
+ --rotate-item: 60deg;
+ --rotate-icon: 0deg;
+ }
+
+ .service-circle__menu li:nth-child(3) {
+ --rotate-item: 120deg;
+ --rotate-icon: -60deg;
+ --icon-top: 34%;
+ --icon-left: 46%;
+ }
+
+ .service-circle__menu li:nth-child(4) {
+ --rotate-item: 180deg;
+ --rotate-icon: -120deg;
+ --icon-left: 46%;
+ }
+
+ .service-circle__menu li:nth-child(5) {
+ --rotate-item: 240deg;
+ --rotate-icon: -180deg;
+ --icon-left: 48%;
+ }
+
+ .service-circle__menu li:nth-child(6) {
+ --rotate-item: 300deg;
+ --rotate-icon: -240deg;
+ }
+
+ .service-circle__menu li a {
+ display: block;
+ width: 484px;
+ height: 484px;
+ margin-top: 119px;
+ margin-left: 119px;
+ background-color: #fff;
+ transform: skew(-30deg) rotate(-60deg);
+ transition: background-color 0.5s;
+ text-align: center;
+ position: relative;
+ }
+
+ .service-circle__menu li a img {
+ position: absolute;
+ left: var(--icon-left, 50%);
+ top: var(--icon-top, 35%);
+ transform: translate(-50%, -50%) rotate(var(--rotate-icon, -300deg));
+ transform-origin: 50% center;
+ transition: all ease 0.4s;
+ }
+
+ .service-circle__menu li a:hover,
+ .service-circle__menu li.active a {
+ background-color: var(--theme-color2, #3779b9);
+ }
+
+ .service-circle__menu li a:hover img,
+ .service-circle__menu li.active a img {
+ filter: brightness(0) invert(1);
+ }
+
+ .service-circle__center {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 10;
+ width: 425px;
+ height: 425px;
+ border-radius: 50%;
+ background-color: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ }
+
+ .service-circle__item {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+ padding: 20px;
+ opacity: 0;
+ visibility: hidden;
+ transition: all ease 0.4s;
+ }
+
+ .service-circle__item.active {
+ opacity: 1;
+ visibility: visible;
+ }
+
+ .service-circle__title {
+ color: #fff;
+ max-width: 260px;
+ position: relative;
+ padding-bottom: 20px;
+ font-size: 24px;
+ font-weight: 600;
+ }
+
+ .service-circle__title:after,
+ .service-circle__title:before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ bottom: 0;
+ width: 220px;
+ margin: 0 0 0 -110px;
+ height: 1px;
+ background-color: #fff;
+ border-radius: 10px;
+ opacity: 0.7;
+ }
+
+ .service-circle__title:after {
+ height: 3px;
+ width: 40px;
+ margin: 0 0 -1px -20px;
+ opacity: 1;
+ }
+
+ .service-circle__title a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ .service-circle__text {
+ color: #fff;
+ font-size: 15px;
+ max-width: 300px;
+ margin-top: 15px;
+ }
+}
+
+/* Base styles for visibility across screen sizes */
+@media (max-width: 766px) {
+ .service-circle {
+ padding: 40px 0;
+ }
+
+ .service-circle__menu {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 15px;
+ margin-bottom: 30px;
+ }
+
+ .service-circle__menu ul {
+ display: contents;
+ }
+
+ .service-circle__menu li {
+ width: 80px;
+ height: 80px;
+ background: #fff;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+ }
+
+ .service-circle__menu li.active {
+ background: var(--theme-color2, #3779b9);
+ }
+
+ /* ═══════════════════════════════════════════════════════════
+ Facilities Section Nine & Ten (v2 - Exact Match)
+ ═══════════════════════════════════════════════════════════ */
+ .facilities-main-section.space {
+ padding-top: 130px;
+ padding-bottom: 130px;
+ }
+
+ .service-section-nine {
+ position: relative;
+ }
+
+ .container-style8 {
+ max-width: 1320px;
+ margin: 0 auto;
+ padding: 0 15px;
+ }
+
+ .title-area-four {
+ margin-bottom: 49px;
+ }
+
+ .title-area-four .sub-title8 {
+ position: relative;
+ color: #444;
+ text-align: center;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: normal;
+ letter-spacing: 3.2px;
+ text-transform: uppercase;
+ display: inline-block;
+ margin-top: 61px;
+ }
+
+ .title-area-four .sub-title8::before {
+ content: "";
+ position: absolute;
+ top: -61px;
+ transform: translateX(-50%);
+ left: 50%;
+ width: 41px;
+ height: 36px;
+ background-image: url(/assets/img/about/plus.svg);
+ background-repeat: no-repeat;
+ }
+
+ .title-area-four h2 {
+ color: #15274E;
+ font-size: 60px;
+ font-weight: 700;
+ line-height: normal;
+ }
+
+ .service-tabs {
+ border-radius: 10px 10px 300px 10px;
+ background: #27477d;
+ padding: 25px 25px 23px 22px;
+ overflow: hidden;
+ }
+
+ .service-tabs .nav-tabs {
+ border: 0;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .service-tabs .nav-tabs .nav-link {
+ border: 0;
+ width: 100%;
+ text-align: left;
+ border-radius: 10px;
+ background: rgba(217, 217, 217, 0.1);
+ height: 60px;
+ line-height: 60px;
+ padding: 0 27px;
+ margin-bottom: 10px;
+ color: #fff;
+ font-size: 18px;
+ font-weight: 700;
+ line-height: normal;
+ transition: all 0.4s ease;
+ }
+
+ .service-tabs .nav-tabs .nav-link:hover,
+ .service-tabs .nav-link.active {
+ background-color: #07ccec;
+ color: #fff;
+ }
+
+ .service-tabs .nav-link.active i,
+ .service-tabs .nav-tabs .nav-link:hover i {
+ color: #fff;
+ }
+
+ .service-tabs .nav-tabs .nav-link i {
+ position: relative;
+ font-size: 14px;
+ top: -1px;
+ margin-right: 15px;
+ color: rgba(255, 255, 255, 0.5);
+ }
+
+ .service-tab-content {
+ position: relative;
+ border-radius: 300px 10px 10px 10px;
+ background: #FFF;
+ padding: 68px 88px 71px 306px;
+ min-height: 500px;
+ }
+
+ .service-tab-content .title {
+ color: #15274E;
+ font-size: 35px;
+ font-weight: 700;
+ line-height: normal;
+ }
+
+ .service-tab-content p {
+ color: #444;
+ font-size: 18px;
+ font-weight: 400;
+ line-height: 32px;
+ margin-bottom: 23px;
+ }
+
+ .ser-list-nine {
+ padding-left: 0;
+ list-style: none;
+ margin-bottom: 30px;
+ }
+
+ .ser-list-nine li {
+ position: relative;
+ color: #000;
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 26px;
+ padding-left: 28px;
+ margin-bottom: 20px;
+ }
+
+ .ser-list-nine li::before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 0;
+ width: 14px;
+ height: 14px;
+ border-radius: 50px;
+ background-color: #07ccec;
+ }
+
+ .ser-btn-nine {
+ color: #000;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 28px;
+ border-bottom: 2px solid #07ccec;
+ display: inline-block;
+ text-decoration: none;
+ }
+
+ .service-tab-content .ser-img-nine {
+ position: absolute;
+ top: 51px;
+ left: -230px;
+ margin: 20px;
+ width: 426px;
+ height: 426px;
+ border-radius: 100%;
+ }
+
+ .service-tab-content .ser-img-nine::before {
+ content: "";
+ position: absolute;
+ top: -20px;
+ left: -20px;
+ width: 466px;
+ height: 466px;
+ border: 5px solid var(--theme-color4, #3779b9);
+ border-radius: 50%;
+ }
+
+ .service-tab-content .ser-img-nine>img {
+ border-radius: 50%;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+
+ .service-tab-content .ser-img-nine .icon-box {
+ position: absolute;
+ top: 33px;
+ right: -18px;
+ width: 124px;
+ height: 124px;
+ line-height: 124px;
+ text-align: center;
+ border-radius: 50%;
+ background-color: #07ccec;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .service-tab-content .ser-img-nine .icon-box::before {
+ content: "\f067";
+ position: absolute;
+ top: -50px;
+ right: -11px;
+ font-family: "Font Awesome 5 Pro";
+ font-weight: 900;
+ color: var(--theme-color4, #3779b9);
+ }
+
+ .outer-box {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ background: #fff;
+ padding: 40px;
+ border-radius: 20px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
+ margin-top: 50px;
+ }
+
+ .service-block-ten {
+ display: flex;
+ align-items: center;
+ gap: 20px;
+ padding: 10px;
+ }
+
+ .ser-icon-ten {
+ width: 60px;
+ height: 60px;
+ flex-shrink: 0;
+ }
+
+ .ser-content-ten .title {
+ font-size: 32px;
+ font-weight: 700;
+ color: #15274E;
+ margin: 0;
+ }
+
+ .ser-content-ten .title span {
+ font-size: 20px;
+ }
+
+ .ser-content-ten span {
+ color: #7F7D86;
+ font-size: 15px;
+ }
+
+ @media (max-width: 1199px) {
+ .service-tab-content {
+ padding: 50px 40px 50px 250px;
+ margin-left: 50px;
+ }
+ }
+
+ @media (max-width: 991px) {
+ .service-tab-content {
+ border-radius: 20px;
+ padding: 40px;
+ margin-left: 0;
+ margin-top: 300px;
+ }
+
+ .service-tab-content .ser-img-nine {
+ top: -250px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 300px;
+ height: 300px;
+ margin: 0;
+ }
+
+ .service-tab-content .ser-img-nine::before {
+ width: 340px;
+ height: 340px;
+ }
+
+ .service-tab-content .ser-img-nine .icon-box {
+ width: 80px;
+ height: 80px;
+ top: 10px;
+ right: -10px;
+ }
+ }
+}
+
+
+.service-circle__menu li.active img {
+ filter: brightness(0) invert(1);
+}
+
+.service-circle__center {
+ background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
+ padding: 40px 20px;
+ border-radius: 20px;
+ text-align: center;
+ color: #fff;
+}
+
+.service-circle__item {
+ display: none;
+}
+
+.service-circle__item.active {
+ display: block;
+}
+
+.service-circle__title {
+ color: #fff;
+ font-size: 22px;
+ margin-bottom: 15px;
+}
+
+.service-circle__text {
+ color: #fff;
+ font-size: 14px;
+}
+
+.service-circle__lines {
+ display: none;
+}
+
+/* ═══════════════════════════════════════════════════════════
+ About Two Section
+ ═══════════════════════════════════════════════════════════ */
+:root {
+ --pelocis-base: #e2a475;
+ --pelocis-black: #222222;
+ --pelocis-white: #fff;
+ --pelocis-border-color: #DDDDDD;
+ --pelocis-text-dark: #636363;
+ --pelocis-font: inherit;
+ --pelocis-heading-font: inherit;
+}
+
+.about-two {
+ position: relative;
+ padding: 120px 0;
+ border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD);
+ overflow: hidden;
+}
+
+.about-two__shape {
+ width: 600px;
+ height: 100%;
+ background-color: var(--pelocis-base, #e2a475);
+ clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: -1;
+}
+
+.about-two__shape__two {
+ position: absolute;
+ left: 50px;
+ bottom: 50px;
+ width: 250px;
+ opacity: 0.2;
+ animation: messageMove 2s linear 0s infinite;
+ z-index: -1;
+}
+
+.about-two__shape__three {
+ position: absolute;
+ right: 0;
+ bottom: 70px;
+ animation: zumpBottom 2s linear 0s infinite;
+ z-index: -1;
+}
+
+.about-two__img {
+ position: relative;
+ display: block;
+ border: 15px solid var(--pelocis-white, #fff);
+ border-radius: 50%;
+ float: right;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ margin-right: 50px;
+ z-index: 2;
+}
+
+.about-two__img img {
+ max-width: 500px;
+ border-radius: 50%;
+ width: 100%;
+}
+
+@media (max-width: 1199px) {
+ .about-two__img {
+ float: none;
+ margin-bottom: 50px;
+ }
+}
+
+.about-two__content {
+ position: relative;
+}
+
+.sec-title {
+ padding-bottom: 20px;
+ position: relative;
+ margin-top: 30px;
+}
+
+.about-two__dot-circle {
+ position: absolute;
+ top: -50px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 26px;
+ height: 26px;
+ border: 2px solid #e2a475;
+ border-radius: 50%;
+ display: block;
+}
+
+.about-two__dot-circle::before {
+ content: "";
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 8px;
+ height: 8px;
+ background-color: #e2a475;
+ border-radius: 50%;
+}
+
+.sec-title__shape {
+ position: relative;
+ display: inline-block;
+}
+
+.sec-title__shape::before {
+ content: "";
+ width: 13px;
+ height: 13px;
+ background-color: var(--pelocis-base, #e2a475);
+ display: block;
+}
+
+.sec-title__shape::after {
+ content: "";
+ width: 12px;
+ height: 12px;
+ background-color: var(--pelocis-black, #222222);
+ border: 1px solid var(--pelocis-white, #fff);
+ display: block;
+ position: absolute;
+ bottom: -3px;
+ right: -3px;
+}
+
+.sec-title__tagline {
+ margin: 0;
+ color: var(--pelocis-base, #e2a475);
+ font-size: 18px;
+ line-height: 16px;
+ text-transform: uppercase;
+ font-weight: 500;
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: 10px;
+}
+
+.sec-title__title {
+ margin: 0;
+ font-size: 35px;
+ color: var(--pelocis-black, #222222);
+ font-weight: bold;
+ line-height: 46px;
+ margin-top: 6px;
+}
+
+.about-two__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+ margin: 0 0 20px;
+}
+
+.about-two__list {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+@media (min-width: 1200px) {
+ .about-two__list li {
+ padding-right: 10px;
+ }
+}
+
+.about-two__list li {
+ display: flex;
+ align-items: center;
+ gap: 26px;
+ border-left: 2px solid var(--pelocis-black, #222222);
+ padding-left: 23px;
+ margin-bottom: 30px;
+ position: relative;
+ transition: all 500ms ease;
+}
+
+.about-two__list li::before {
+ content: "";
+ width: 0;
+ height: 2px;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ background-color: var(--pelocis-base, #e2a475);
+ transition: width 500ms ease;
+}
+
+.about-two__list li::after {
+ content: "";
+ width: 0;
+ height: 2px;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background-color: var(--pelocis-base, #e2a475);
+ transition: width 500ms ease;
+}
+
+.about-two__list li:hover::after {
+ width: 47px;
+}
+
+.about-two__list li span {
+ font-size: 45px;
+ color: var(--pelocis-black, #222222);
+ transition: all 300ms ease;
+}
+
+[class^="icon-"],
+[class*=" icon-"] {
+ font-family: 'icomoon' !important;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-social-care:before {
+ content: "\e92f";
+}
+
+.about-two__list__title {
+ font-size: 22px;
+ font-weight: 500;
+ line-height: 26px;
+ margin-bottom: 5px;
+}
+
+.about-two__list__text {
+ font-size: 18px;
+ font-weight: 400;
+ line-height: 28px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 0;
+}
+
+.about-two__author {
+ padding: 30px 0 0;
+ margin: 0;
+ list-style: none;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border-top: 1px solid var(--pelocis-border-color);
+}
+
+.about-two__author__img img {
+ border-radius: 50%;
+}
+
+.about-two__author__title {
+ font-size: 18px;
+ font-weight: 700;
+ margin: 0;
+}
+
+.about-two__author__text {
+ font-size: 15px;
+ color: var(--pelocis-text-dark);
+ margin: 0;
+}
+
+.about-two__author__signature {
+ font-family: 'Mrs Saint Delafield', cursive;
+ font-size: 40px;
+ color: var(--pelocis-black);
+}
+
+@keyframes messageMove {
+ 0% {
+ transform: translateX(0px);
+ }
+
+ 50% {
+ transform: translateX(10px);
+ }
+
+ 100% {
+ transform: translateX(0px);
+ }
+}
+
+@keyframes zumpBottom {
+ 0% {
+ transform: translate3d(0px, 0px, 0px);
+ }
+
+ 50% {
+ transform: translate3d(0px, 10px, 0px);
+ }
+
+ 100% {
+ transform: translate3d(0px, 0px, 0px);
+ }
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Medical Services Section (Circular Menu - Refined v2)
+ ═══════════════════════════════════════════════════════════ */
+.medical-services-section {
+ background-size: cover;
+ background-position: center;
+ position: relative;
+ z-index: 1;
+}
+
+.medical-services-section.space {
+ padding-top: 130px;
+ padding-bottom: 130px;
+}
+
+.section-title.text-center {
+ margin-bottom: 75px;
+}
+
+.sec-icon2 {
+ margin-top: 15px;
+}
+
+@media (min-width: 767px) {
+ .service-circle {
+ position: relative;
+ width: 800px;
+ height: 800px;
+ margin-left: auto;
+ margin-right: auto;
+ overflow: hidden;
+ border-radius: 50%;
+ }
+}
+
+@media (min-width: 767px) {
+ .service-circle__lines .line {
+ background-color: #f5f7ff;
+ width: 20px;
+ height: 900px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%) rotate(-30deg);
+ z-index: 2;
+ }
+
+ .service-circle__lines .line:nth-child(2) {
+ transform: translate(-50%, -50%) rotate(30deg);
+ }
+
+ .service-circle__lines .line:nth-child(3) {
+ transform: translate(-50%, -50%) rotate(90deg);
+ }
+}
+
+@media (min-width: 767px) {
+ .service-circle__menu {
+ position: relative;
+ width: 800px;
+ height: 800px;
+ margin: 0 auto;
+ }
+
+ .service-circle__menu ul {
+ position: absolute;
+ width: 800px;
+ height: 800px;
+ padding: 0;
+ list-style: none;
+ border-radius: 50%;
+ overflow: hidden;
+ }
+
+ .service-circle__menu li {
+ position: absolute;
+ top: -84px;
+ left: -84px;
+ width: 484px;
+ height: 484px;
+ transform-origin: 100% 100%;
+ overflow: hidden;
+ transform: rotate(var(--rotate-item, 0)) skew(30deg);
+ }
+
+ .service-circle__menu li:nth-child(2) {
+ --rotate-item: 60deg;
+ --rotate-icon: 0;
+ }
+
+ .service-circle__menu li:nth-child(3) {
+ --rotate-item: 120deg;
+ --rotate-icon: -60deg;
+ --icon-top: 34%;
+ --icon-left: 46%;
+ }
+
+ .service-circle__menu li:nth-child(4) {
+ --rotate-item: 180deg;
+ --rotate-icon: -120deg;
+ --icon-left: 46%;
+ }
+
+ .service-circle__menu li:nth-child(5) {
+ --rotate-item: 240deg;
+ --rotate-icon: -180deg;
+ --icon-left: 48%;
+ }
+
+ .service-circle__menu li:nth-child(6) {
+ --rotate-item: 300deg;
+ --rotate-icon: -240deg;
+ }
+
+ .service-circle__menu li a {
+ display: block;
+ width: 484px;
+ height: 484px;
+ margin-top: 119px;
+ margin-left: 119px;
+ background-color: #fff;
+ transform: skew(-30deg) rotate(-60deg);
+ transition: background-color 0.5s;
+ text-align: center;
+ }
+
+ .service-circle__menu li a:hover,
+ .service-circle__menu li.active a {
+ background-color: var(--theme-color2, #3779b9);
+ }
+
+ .service-circle__menu li img {
+ position: absolute;
+ left: var(--icon-left, 50%);
+ top: var(--icon-top, 35%);
+ transform: translate(-50%, -50%) rotate(var(--rotate-icon, -300deg));
+ transform-origin: 50% center;
+ display: block;
+ transition: all ease 0.4s;
+ }
+
+ .service-circle__menu li a:hover img,
+ .service-circle__menu li.active a img {
+ filter: brightness(0) invert(1);
+ }
+}
+
+@media (min-width: 767px) {
+ .service-circle__center {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 10;
+ width: 425px;
+ height: 425px;
+ border-radius: 50%;
+ background-color: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ text-align: center;
+ }
+
+ .service-circle__item {
+ position: absolute;
+ left: 47px;
+ top: 135px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+ border-radius: 50%;
+ padding: 20px;
+ text-align: center;
+ transition: all ease 0.4s;
+ opacity: 0;
+ visibility: hidden;
+ }
+
+ .service-circle__item.active {
+ opacity: 1;
+ visibility: visible;
+ }
+
+ .service-circle__title {
+ color: #fff;
+ max-width: 260px;
+ position: relative;
+ padding-bottom: 20px;
+ font-size: 24px;
+ font-weight: 700;
+ margin-bottom: 20px;
+ }
+
+ .service-circle__title:after,
+ .service-circle__title:before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ bottom: 0;
+ width: 220px;
+ margin: 0 0 0 -110px;
+ height: 1px;
+ background-color: #fff;
+ border-radius: 10px;
+ opacity: 0.7;
+ }
+
+ .service-circle__title:after {
+ height: 3px;
+ width: 40px;
+ margin: 0 0 -1px -20px;
+ opacity: 1;
+ }
+
+ .service-circle__title a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ .service-circle__text {
+ color: #fff;
+ font-size: 16px;
+ line-height: 1.6;
+ }
+}
+
+@keyframes g {
+ 0% {
+ opacity: 0;
+ transform: translateY(30px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Why Choose Us Section (WhyChooseTwo)
+ ═══════════════════════════════════════════════════════════ */
+.why-choose-two {
+ position: relative;
+ background-color: var(--pelocis-gray, #F5F2EF);
+ counter-reset: count;
+}
+
+.why-choose-two__shape-three {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+}
+
+.why-choose-two__content {
+ padding-top: 110px;
+ padding-bottom: 120px;
+}
+
+.why-choose-two .sec-title {
+ padding-bottom: 20px;
+}
+
+.why-choose-two__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 25px;
+}
+
+.why-choose-two__list {
+ padding: 0;
+ list-style: none;
+ margin-bottom: 0;
+}
+
+.why-choose-two__item {
+ background-color: var(--pelocis-white, #fff);
+ display: flex;
+ align-items: center;
+ padding: 10px;
+ position: relative;
+ overflow: hidden;
+ margin-bottom: 30px;
+ transition: all 500ms ease;
+ counter-increment: count;
+ border-radius: 10px;
+}
+
+.why-choose-two__item::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 63px;
+ height: 100%;
+ background-color: var(--pelocis-base, #e2a475);
+ clip-path: polygon(100% 0%, 48% 50%, 100% 100%, 0% 100%, 0 48%, 0% 0%);
+ transition: all 500ms ease;
+}
+
+.why-choose-two__count {
+ transition: all 500ms ease;
+ transition-delay: 200ms;
+ font-size: 40px;
+ font-weight: 700;
+ line-height: 48px;
+ color: var(--pelocis-white, #fff);
+ background-color: var(--pelocis-white, #fff);
+ font-family: var(--pelocis-heading-font);
+ -webkit-text-stroke: 1px var(--pelocis-black, #222222);
+ position: absolute;
+ left: -200px;
+ height: 100%;
+ width: 160px;
+ display: flex;
+ padding-left: 30px;
+ align-items: center;
+ -webkit-mask: url("data:image/svg+xml;utf8,");
+ mask: url("data:image/svg+xml;utf8,");
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: top right;
+ mask-position: top right;
+ -webkit-mask-size: auto;
+ mask-size: auto;
+}
+
+.why-choose-two__count:before {
+ content: counters(count, ".", decimal-leading-zero);
+ display: inline-block;
+ position: relative;
+}
+
+.icon-idea:before {
+ content: "\e927";
+}
+
+.icon-cognitive:before {
+ content: "\e904";
+}
+
+.icon-family-life:before {
+ content: "\e90b";
+}
+
+[class^="icon-"],
+[class*=" icon-"],
+.why-choose-two__icon span {
+ font-family: inherit !important;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.why-choose-two__icon {
+ width: 90px;
+ height: 88px;
+ border: 3px solid var(--pelocis-white, #fff);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: var(--pelocis-black, #222222);
+ border-radius: 10px;
+ z-index: 1;
+ flex-shrink: 0;
+ font-size: 44px;
+ color: var(--pelocis-white, #fff);
+ transition: all 500ms ease;
+}
+
+.why-choose-two__item__content {
+ padding-left: 20px;
+ transition: all 500ms ease;
+}
+
+.why-choose-two__item__title {
+ font-size: 22px;
+ font-weight: 500;
+ line-height: 26.4px;
+ color: var(--pelocis-black, #222222);
+ margin-bottom: 6px;
+ transition: all 500ms ease;
+}
+
+.why-choose-two__item__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 25px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 0;
+ transition: all 500ms ease;
+}
+
+.why-choose-two__item:last-child {
+ margin-bottom: 0;
+}
+
+.why-choose-two .pelocis-stretch-element-inside-column {
+ position: relative;
+ height: 100%;
+}
+
+.why-choose-two__shape-one {
+ -webkit-mask: url("data:image/svg+xml;utf8,");
+ mask: url("data:image/svg+xml;utf8,");
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: top left;
+ mask-position: top left;
+ -webkit-mask-size: cover;
+ mask-size: cover;
+ max-width: 987px;
+ position: relative;
+ z-index: 12;
+}
+
+.why-choose-two__shape-one img {
+ max-width: 100%;
+ height: 100%;
+ min-height: 869px;
+ object-fit: cover;
+}
+
+.why-choose-two__shape-two {
+ -webkit-mask: url("data:image/svg+xml;utf8,");
+ mask: url("data:image/svg+xml;utf8,");
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: bottom left;
+ mask-position: bottom left;
+ -webkit-mask-size: cover;
+ mask-size: cover;
+ max-width: 987px;
+ height: 100%;
+ width: 100%;
+ background-color: var(--pelocis-base, #e2a475);
+ position: absolute;
+ top: 0;
+ right: 25px;
+ z-index: 11;
+}
+
+/* Hover Effects Refined */
+.why-choose-two__item:hover {
+ background-color: var(--pelocis-black, #222222);
+ padding-left: 130px;
+}
+
+.why-choose-two__item:hover .why-choose-two__count {
+ left: 0;
+}
+
+.why-choose-two__item:hover .why-choose-two__icon {
+ background-color: var(--pelocis-base, #e2a475);
+ transform: translateX(-30px);
+}
+
+.why-choose-two__item:hover .why-choose-two__item__title,
+.why-choose-two__item:hover .why-choose-two__item__text {
+ color: var(--pelocis-white, #fff);
+}
+
+
+/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•
+ Our History Section (HistoryTwo)
+ â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
+.history-two {
+ position: relative;
+ padding: 110px 0 120px;
+ counter-reset: count;
+}
+
+.history-two__bg {
+ width: 100%;
+ height: 737px;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+}
+
+.history-two__bg::after {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(var(--pelocis-black-rgb, 34, 34, 34), 0.94);
+}
+
+.history-two .container {
+ max-width: 988px;
+}
+
+.history-two__wrapper {
+ border: 1px solid var(--pelocis-border-color, #DDDDDD);
+ position: relative;
+ padding-bottom: 50px;
+ border-radius: 10px;
+ background-color: var(--pelocis-white, #fff);
+ z-index: 1;
+}
+
+.history-two__wrapper::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 1px;
+ height: 100%;
+ background-color: var(--pelocis-border-color, #DDDDDD);
+}
+
+.history-two__wrapper .col-lg-6 {
+ padding: 0;
+}
+
+.history-two__wrapper .col-lg-6:first-child .history-two__border {
+ margin-top: 79.5px;
+}
+
+.history-two__border {
+ position: relative;
+ background: linear-gradient(to top, var(--pelocis-base, #e2a475) 50%, var(--pelocis-black, #222222) 50%) border-box;
+ background-origin: border-box;
+ background-clip: content-box, border-box;
+ margin-left: 70px;
+ margin-right: 88px;
+ margin-bottom: 0px;
+ border-radius: 10px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 59.5px;
+}
+
+.history-two__border--left {
+ margin-left: 88px;
+ margin-right: 70px;
+}
+
+.history-two__content {
+ position: relative;
+ padding-top: 50px;
+ padding-bottom: 20px;
+ padding-right: 10px;
+ padding-left: 30px;
+ background-color: var(--pelocis-white, #fff);
+ margin: 6px;
+ border-radius: 10px;
+ counter-increment: count;
+ width: 100%;
+}
+
+.history-two__content::before {
+ content: "";
+ position: absolute;
+ right: -40px;
+ top: 43%;
+ transform: translateY(-50%);
+ clip-path: polygon(0 0, 0% 100%, 100% 100%);
+ width: 40px;
+ height: 35px;
+ background-color: var(--pelocis-black, #222222);
+}
+
+.history-two__content::after {
+ content: "";
+ position: absolute;
+ right: -40px;
+ top: 56.6%;
+ transform: translateY(-50%);
+ clip-path: polygon(0 0, 100% 0, 0 100%);
+ width: 40px;
+ height: 35px;
+ background-color: var(--pelocis-base, #e2a475);
+}
+
+.history-two__content--left::before {
+ right: auto;
+ left: -40px;
+ clip-path: polygon(100% 0, 100% 100%, 0 100%);
+}
+
+.history-two__content--left::after {
+ left: -40px;
+ right: auto;
+ clip-path: polygon(0 0, 100% 100%, 100% 0);
+}
+
+.history-two__content__count {
+ width: 65px;
+ height: 65px;
+ border-radius: 8px;
+ background-color: var(--pelocis-black, #222222);
+ color: var(--pelocis-white, #fff);
+ font-size: 28px;
+ font-weight: 700;
+ line-height: 46px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ font-family: var(--pelocis-heading-font);
+ top: -35px;
+ left: 30px;
+ filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 0.15));
+}
+
+.history-two__content__count::before {
+ content: counters(count, ".", decimal-leading-zero);
+ position: relative;
+ display: inline-block;
+}
+
+.history-two__content__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 14px;
+}
+
+.history-two__content__title {
+ font-size: 22px;
+ font-weight: 700;
+ line-height: 26px;
+ color: var(--pelocis-black, #222222);
+ margin-bottom: 2px;
+}
+
+.history-two__content__date {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+}
+
+.history-two__images {
+ display: flex;
+ align-items: center;
+ gap: 30px;
+ position: relative;
+ height: 100%;
+ padding: 45px;
+ padding-top: 29.5px;
+ padding-left: 40px;
+ padding-bottom: 0;
+}
+
+.history-two__images--right {
+ padding-left: 69px;
+ padding-right: 0;
+}
+
+.history-two__images::after {
+ content: "";
+ position: absolute;
+ top: 58%;
+ left: -8px;
+ transform: translateY(-50%);
+ width: 16px;
+ height: 16px;
+ border-radius: 50%;
+ background-color: var(--pelocis-base, #e2a475);
+ z-index: 11;
+}
+
+.history-two__images--right::after {
+ left: auto;
+ right: -8px;
+}
+
+.history-two__images img {
+ border-radius: 12px;
+ max-width: 100%;
+}
+
+.history-two__images__date {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-black, #222222);
+ margin-top: 20px;
+}
+
+.history-two__btn {
+ text-align: center;
+ margin-top: 50px;
+}
+
+.history-two__wrapper .col-lg-6:first-child+.col-lg-6 .history-two__images {
+ padding-top: 49.5px;
+}
+
+.history-two__wrapper .col-lg-6:first-child+.col-lg-6 .history-two__images::after {
+ top: 62%;
+}
+
+/*
+ About Three Section (AboutThree)
+ */
+.about-three {
+ position: relative;
+ padding: 110px 0;
+ overflow: hidden;
+}
+
+.about-three__bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 400px;
+ background: linear-gradient(90deg, var(--pelocis-base, #e2a475) 45%, rgba(34, 34, 34, 0.95) 100%);
+}
+
+.about-three__shape-one {
+ position: absolute;
+ left: -10px;
+ bottom: 0;
+}
+
+.about-three__shape-two {
+ position: absolute;
+ right: 11%;
+ top: 85px;
+}
+
+@keyframes leafMove {
+ 0% {
+ transform: rotate(0deg) translateX(0);
+ }
+
+ 50% {
+ transform: rotate(-2.3568deg) translateX(5.892px);
+ }
+
+ 100% {
+ transform: rotate(0deg) translateX(0);
+ }
+}
+
+.about-three__shape-two img {
+ animation: leafMove 2s linear 0s infinite;
+}
+
+.about-three .container {
+ position: relative;
+}
+
+.about-three__content {
+ position: relative;
+ width: 100%;
+}
+
+.about-three__content .sec-title {
+ padding-bottom: 21px;
+}
+
+.about-three__content .sec-title__shape::before {
+ background-color: var(--pelocis-black, #222222);
+}
+
+.about-three__content .sec-title__shape::after {
+ background-color: var(--pelocis-white, #fff);
+}
+
+.about-three__content .sec-title__title,
+.about-three__content .sec-title__tagline {
+ color: var(--pelocis-white, #fff);
+}
+
+@media (min-width: 1200px) {
+ .about-three__text {
+ padding-right: 70px;
+ }
+}
+
+.about-three__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-white, #fff);
+ margin: 0 0 59px;
+}
+
+@media (min-width: 1200px) {
+ .about-three__card {
+ margin-right: -42px;
+ }
+}
+
+.about-three__card {
+ display: flex;
+ margin-bottom: 26px;
+}
+
+.about-three__card__list {
+ width: 65.5%;
+ padding: 0;
+ list-style: none;
+ margin-bottom: 0;
+}
+
+.about-three__card__item {
+ display: flex;
+ align-items: center;
+ gap: 20px;
+ padding: 30px 0;
+ border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD);
+ margin-bottom: 26px;
+}
+
+.about-three__card__item h3 {
+ font-size: 22px;
+ margin-bottom: 0;
+ color: #222222;
+}
+
+.about-three__card__icon {
+ width: 87px;
+ height: 87px;
+ background-color: var(--pelocis-gray, #F5F2EF);
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--pelocis-base, #e2a475);
+ font-size: 45px;
+ transition: all 400ms ease;
+}
+
+.about-three__card__list li:last-child {
+ display: flex;
+ align-items: center;
+ font-size: 16px;
+ color: #222222;
+}
+
+.about-three__card__exp {
+ width: 34.5%;
+ padding: 52px 20px 34px;
+ background-color: var(--pelocis-black, #222222);
+ position: relative;
+ z-index: 2;
+ text-align: center;
+ max-height: 213px;
+ margin-left: 16px;
+ margin-bottom: 16px;
+}
+
+.about-three__card__exp__number {
+ font-size: 70px;
+ font-weight: 500;
+ line-height: 26px;
+ color: var(--pelocis-white, #fff);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 0 24px;
+}
+
+.about-three__card__exp__text {
+ font-size: 22px;
+ font-weight: 500;
+ line-height: 30px;
+ text-align: center;
+ color: var(--pelocis-white, #fff);
+ margin-bottom: 0;
+}
+
+.about-three__card__exp::after {
+ content: "";
+ position: absolute;
+ left: -16px;
+ bottom: -14px;
+ width: 108%;
+ height: 107%;
+ border-left: 6px solid var(--pelocis-base, #e2a475);
+ border-bottom: 6px solid var(--pelocis-base, #e2a475);
+}
+
+.about-three__content__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+ margin: 0 0 37px;
+}
+
+.about-three__content__text span {
+ color: var(--pelocis-base, #e2a475);
+ font-weight: 600;
+}
+
+.about-three__img {
+ position: relative;
+ border: 12px solid var(--pelocis-white, #fff);
+ border-radius: 10px;
+ display: inline-block;
+ margin-top: 11px;
+}
+
+.about-three__img img {
+ border-radius: 10px;
+ width: 100%;
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Home Contact One Section
+ ═══════════════════════════════════════════════════════════ */
+.home-contact-one {
+ background-color: var(--pelocis-black, #222222);
+ padding: 260px 0 112px;
+ position: relative;
+ -webkit-mask: url("data:image/svg+xml;utf8,");
+ mask: url("data:image/svg+xml;utf8,");
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: top center;
+ mask-position: top center;
+ -webkit-mask-size: cover;
+ mask-size: cover;
+}
+
+.home-contact-one__bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ opacity: 0.05;
+}
+
+.home-contact-one .home-contact__card {
+ padding: 32px;
+ background-color: var(--pelocis-base, #e2a475);
+ margin-right: 45px;
+ border-radius: 40px;
+ position: relative;
+ margin-top: 5px;
+ z-index: 10;
+}
+
+.home-contact-one .home-contact__card__content {
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 40px;
+ padding: 70px 80px;
+ position: relative;
+ z-index: 2;
+}
+
+.home-contact-one .home-contact__card__list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.home-contact-one .home-contact__card__list li {
+ display: flex;
+ align-items: center;
+ gap: 15px;
+ border: 1px solid var(--pelocis-border-color, #DDDDDD);
+ margin-bottom: 30px;
+ border-radius: 10px;
+ padding: 28px 0px;
+ padding-right: 38px;
+ padding-left: 55px;
+ position: relative;
+ transition: all 500ms ease;
+ background: #fff;
+}
+
+.home-contact-one .home-contact__card__list li:hover {
+ border-color: var(--pelocis-base, #e2a475);
+}
+
+.home-contact-one .home-contact__card__list li span {
+ font-size: 30px;
+ color: #1B1A1A;
+}
+
+.home-contact-one .home-contact__card__list__title {
+ font-size: 18px;
+ font-weight: 700;
+ line-height: 21px;
+ color: #1B1A1A;
+ margin-bottom: 4px;
+}
+
+.home-contact-one .home-contact__card__list__text {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 25px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 0;
+}
+
+.home-contact-one .home-contact__card__list__text a {
+ color: inherit;
+ background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
+ color: var(--pelocis-base, #e2a475);
+ background-size: 100% 1px;
+}
+
+.home-contact-one .home-contact__card__list__shape {
+ width: 39px;
+ height: 55px;
+ clip-path: polygon(78% 48%, 0 0, 1% 100%);
+ background-color: var(--pelocis-base, #e2a475);
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%) scaleY(50%);
+ opacity: 0;
+ visibility: hidden;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__shape {
+ opacity: 1;
+ visibility: visible;
+}
+
+.home-contact-one .home-contact__card__shape-one {
+ width: 349px;
+ height: 89%;
+ position: absolute;
+ left: -200px;
+ top: 50%;
+ transform: translateY(-50%);
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 90px 0px 0px 90px;
+ z-index: -1;
+}
+
+.home-contact-one .home-contact__card__shape-three {
+ position: absolute;
+ left: 50px;
+ bottom: 57px;
+ z-index: 5;
+}
+
+.home-contact-one .home-contact__card__shape-two {
+ position: absolute;
+ left: -136px;
+ bottom: 32px;
+ z-index: 15;
+ max-width: 400px;
+}
+
+.home-contact-one .appointment__form {
+ position: relative;
+}
+
+.home-contact-one .appointment__form__title {
+ position: relative;
+}
+
+.home-contact-one .appointment__form__top .sec-title__shape::after {
+ background-color: var(--pelocis-white, #fff);
+}
+
+.home-contact-one .appointment__form__top .sec-title__title {
+ color: var(--pelocis-white, #fff);
+}
+
+.home-contact-one .appointment__form__title__shape {
+ position: absolute;
+ right: 26px;
+ top: -20px;
+}
+
+.home-contact-one .appointment__form__range__value,
+.home-contact-one .appointment__form__lable,
+.home-contact-one .appointment__form__range__lable,
+.home-contact-one .appointment__form__text {
+ color: var(--pelocis-white, #fff);
+}
+
+@media (min-width: 1200px) {
+ .home-contact-one .appointment__form__text {
+ padding-right: 50px;
+ }
+}
+
+.home-contact-one .appointment__form__text {
+ font-size: 16px;
+ line-height: 26px;
+ font-weight: 400;
+ margin-bottom: 13px;
+}
+
+.appointment__form__lable {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 26px;
+ margin-bottom: 11px;
+ display: block;
+ cursor: pointer;
+}
+
+.appointment__form__range__input {
+ width: 100%;
+ height: 4px;
+ background: var(--pelocis-base, #e2a475);
+ border-radius: 5px;
+ outline: none;
+ appearance: none;
+ -webkit-appearance: none;
+ margin-bottom: 25px;
+}
+
+.appointment__form__range__input::-webkit-slider-thumb {
+ appearance: none;
+ -webkit-appearance: none;
+ width: 16px;
+ height: 16px;
+ background: #fff;
+ border: 2px solid var(--pelocis-base, #e2a475);
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Home Contact One Section
+ ═══════════════════════════════════════════════════════════ */
+.home-contact-one {
+ background-color: var(--pelocis-black, #222222);
+ padding: 260px 0 112px;
+ position: relative;
+ -webkit-mask: url("data:image/svg+xml;utf8,");
+ mask: url("data:image/svg+xml;utf8,");
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: top center;
+ mask-position: top center;
+ -webkit-mask-size: cover;
+ mask-size: cover;
+}
+
+.home-contact-one__bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ opacity: 0.05;
+}
+
+.home-contact-one .home-contact__card {
+ padding: 32px;
+ background-color: var(--pelocis-base, #e2a475);
+ margin-right: 45px;
+ border-radius: 40px;
+ position: relative;
+ margin-top: 5px;
+ z-index: 10;
+}
+
+.home-contact-one .home-contact__card__content {
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 40px;
+ padding: 70px 80px;
+ position: relative;
+ z-index: 2;
+}
+
+.home-contact-one .home-contact__card__list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.home-contact-one .home-contact__card__list li {
+ display: flex;
+ align-items: center;
+ gap: 15px;
+ border: 1px solid var(--pelocis-border-color, #DDDDDD);
+ margin-bottom: 30px;
+ border-radius: 10px;
+ padding: 28px 0px;
+ padding-right: 38px;
+ padding-left: 55px;
+ position: relative;
+ transition: all 500ms ease;
+ background: #fff;
+}
+
+.home-contact-one .home-contact__card__list li:hover {
+ border-color: var(--pelocis-base, #e2a475);
+}
+
+.home-contact-one .home-contact__card__list li span {
+ font-size: 30px;
+ color: #1B1A1A;
+}
+
+.home-contact-one .home-contact__card__list li span::before {
+ color: #1B1A1A;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list__title {
+ font-size: 18px;
+ font-weight: 700;
+ line-height: 21px;
+ color: #1B1A1A;
+ margin-bottom: 4px;
+}
+
+.home-contact-one .home-contact__card__list__text {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 25px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 0;
+}
+
+.home-contact-one .home-contact__card__list__text a {
+ color: inherit;
+ background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
+ color: var(--pelocis-base, #e2a475);
+ background-size: 100% 1px;
+}
+
+.home-contact-one .home-contact__card__list__shape {
+ width: 39px;
+ height: 55px;
+ clip-path: polygon(78% 48%, 0 0, 1% 100%);
+ background-color: var(--pelocis-base, #e2a475);
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%) scaleY(50%);
+ opacity: 0;
+ visibility: hidden;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__shape {
+ opacity: 1;
+ visibility: visible;
+}
+
+.home-contact-one .home-contact__card__shape-one {
+ width: 349px;
+ height: 89%;
+ position: absolute;
+ left: -200px;
+ top: 50%;
+ transform: translateY(-50%);
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 90px 0px 0px 90px;
+ z-index: -1;
+}
+
+.home-contact-one .home-contact__card__shape-three {
+ position: absolute;
+ left: 50px;
+ bottom: 57px;
+ z-index: 5;
+}
+
+.home-contact-one .home-contact__card__shape-two {
+ position: absolute;
+ left: -136px;
+ bottom: 32px;
+ z-index: 15;
+ max-width: 400px;
+}
+
+.home-contact-one .appointment__form {
+ position: relative;
+}
+
+.home-contact-one .appointment__form .sec-title {
+ padding-bottom: 21px;
+}
+
+.home-contact-one .appointment__form__title {
+ position: relative;
+}
+
+.home-contact-one .appointment__form__top .sec-title__shape::after {
+ background-color: var(--pelocis-white, #fff);
+ bottom: -3px;
+ right: -3px;
+}
+
+.home-contact-one .appointment__form__top .sec-title__title {
+ color: var(--pelocis-white, #fff);
+}
+
+.home-contact-one .appointment__form__title__shape {
+ position: absolute;
+ right: 26px;
+ top: -20px;
+}
+
+.home-contact-one .appointment__form__range__value,
+.home-contact-one .appointment__form__lable,
+.home-contact-one .appointment__form__range__lable,
+.home-contact-one .appointment__form__text {
+ color: var(--pelocis-white, #fff);
+}
+
+@media (min-width: 1200px) {
+ .home-contact-one .appointment__form__text {
+ padding-right: 50px;
+ }
+}
+
+.home-contact-one .appointment__form__text {
+ font-size: 16px;
+ line-height: 26px;
+ font-weight: 400;
+ margin-bottom: 13px;
+}
+
+.appointment__form__lable {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 26px;
+ margin-bottom: 11px;
+ display: block;
+ cursor: pointer;
+}
+
+.appointment__form__range__input {
+ width: 100%;
+ height: 4px;
+ background: var(--pelocis-base, #e2a475);
+ border-radius: 5px;
+ outline: none;
+ appearance: none;
+ -webkit-appearance: none;
+ margin-bottom: 25px;
+}
+
+.appointment__form__range__input::-webkit-slider-thumb {
+ appearance: none;
+ -webkit-appearance: none;
+ width: 16px;
+ height: 16px;
+ background: #fff;
+ border: 2px solid var(--pelocis-base, #e2a475);
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Home Contact One Section
+ ═══════════════════════════════════════════════════════════ */
+.home-contact-one {
+ background-color: var(--pelocis-black, #222222);
+ padding: 260px 0 112px;
+ position: relative;
+ -webkit-mask: url("data:image/svg+xml;utf8,");
+ mask: url("data:image/svg+xml;utf8,");
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: top center;
+ mask-position: top center;
+ -webkit-mask-size: cover;
+ mask-size: cover;
+}
+
+.home-contact-one__bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ opacity: 0.05;
+}
+
+.home-contact-one .home-contact__card {
+ padding: 32px;
+ background-color: var(--pelocis-base, #e2a475);
+ margin-right: 45px;
+ border-radius: 40px;
+ position: relative;
+ margin-top: 5px;
+ z-index: 10;
+}
+
+.home-contact-one .home-contact__card__content {
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 40px;
+ padding: 70px 80px;
+ position: relative;
+ z-index: 2;
+}
+
+.home-contact-one .home-contact__card__list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.home-contact-one .home-contact__card__list li {
+ display: flex;
+ align-items: center;
+ gap: 15px;
+ border: 1px solid var(--pelocis-border-color, #DDDDDD);
+ margin-bottom: 30px;
+ border-radius: 10px;
+ padding: 28px 0px;
+ padding-right: 38px;
+ padding-left: 55px;
+ position: relative;
+ transition: all 500ms ease;
+ background: #fff;
+}
+
+.home-contact-one .home-contact__card__list li:hover {
+ border-color: var(--pelocis-base, #e2a475);
+}
+
+.home-contact-one .home-contact__card__list li span {
+ font-size: 30px;
+ color: #1B1A1A;
+}
+
+.home-contact-one .home-contact__card__list li span::before {
+ color: #1B1A1A;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list__title {
+ font-size: 18px;
+ font-weight: 700;
+ line-height: 21px;
+ color: #1B1A1A;
+ margin-bottom: 4px;
+}
+
+.home-contact-one .home-contact__card__list__text {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 25px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 0;
+}
+
+.home-contact-one .home-contact__card__list__text a {
+ color: inherit;
+ background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
+ color: var(--pelocis-base, #e2a475);
+ background-size: 100% 1px;
+}
+
+.home-contact-one .home-contact__card__list__shape {
+ width: 39px;
+ height: 55px;
+ clip-path: polygon(78% 48%, 0 0, 1% 100%);
+ background-color: var(--pelocis-base, #e2a475);
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%) scaleY(50%);
+ opacity: 0;
+ visibility: hidden;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__shape {
+ opacity: 1;
+ visibility: visible;
+}
+
+.home-contact-one .home-contact__card__shape-one {
+ width: 349px;
+ height: 89%;
+ position: absolute;
+ left: -200px;
+ top: 50%;
+ transform: translateY(-50%);
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 90px 0px 0px 90px;
+ z-index: -1;
+}
+
+.home-contact-one .home-contact__card__shape-three {
+ position: absolute;
+ left: 50px;
+ bottom: 57px;
+ z-index: 5;
+}
+
+.home-contact-one .home-contact__card__shape-two {
+ position: absolute;
+ left: -136px;
+ bottom: 32px;
+ z-index: 15;
+ max-width: 400px;
+}
+
+.home-contact-one .appointment__form {
+ position: relative;
+}
+
+.home-contact-one .appointment__form .sec-title {
+ padding-bottom: 21px;
+}
+
+.home-contact-one .appointment__form__title {
+ position: relative;
+}
+
+.home-contact-one .appointment__form__top .sec-title__shape::after {
+ background-color: var(--pelocis-white, #fff);
+ bottom: -3px;
+ right: -3px;
+}
+
+.home-contact-one .appointment__form__top .sec-title__title {
+ color: var(--pelocis-white, #fff);
+}
+
+.home-contact-one .appointment__form__title__shape {
+ position: absolute;
+ right: 26px;
+ top: -20px;
+}
+
+.home-contact-one .appointment__form__range__value,
+.home-contact-one .appointment__form__lable,
+.home-contact-one .appointment__form__range__lable,
+.home-contact-one .appointment__form__text {
+ color: var(--pelocis-white, #fff);
+}
+
+@media (min-width: 1200px) {
+ .home-contact-one .appointment__form__text {
+ padding-right: 50px;
+ }
+}
+
+.home-contact-one .appointment__form__text {
+ font-size: 16px;
+ line-height: 26px;
+ font-weight: 400;
+ margin-bottom: 13px;
+}
+
+.appointment__form__lable {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 26px;
+ margin-bottom: 11px;
+ display: block;
+ cursor: pointer;
+}
+
+.appointment__form__range__input {
+ width: 100%;
+ height: 4px;
+ background: var(--pelocis-base, #e2a475);
+ border-radius: 5px;
+ outline: none;
+ -webkit-appearance: none;
+ appearance: none;
+ margin-bottom: 25px;
+}
+
+.appointment__form__range__input::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ width: 16px;
+ height: 16px;
+ background: #fff;
+ border: 2px solid var(--pelocis-base, #e2a475);
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+/* ═══════════════════════════════════════════════════════════
+ Home Contact One Section
+ ═══════════════════════════════════════════════════════════ */
+.home-contact-one {
+ background-color: var(--pelocis-black, #222222);
+ padding: 260px 0 112px;
+ position: relative;
+ -webkit-mask: url("data:image/svg+xml;utf8,");
+ mask: url("data:image/svg+xml;utf8,");
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: top center;
+ mask-position: top center;
+ -webkit-mask-size: cover;
+ mask-size: cover;
+}
+
+.home-contact-one__bg {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ opacity: 0.05;
+}
+
+.home-contact-one .home-contact__card {
+ padding: 32px;
+ background-color: var(--pelocis-base, #e2a475);
+ margin-right: 45px;
+ border-radius: 40px;
+ position: relative;
+ margin-top: 5px;
+ z-index: 10;
+}
+
+.home-contact-one .home-contact__card__content {
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 40px;
+ padding: 70px 80px;
+ position: relative;
+ z-index: 2;
+}
+
+.home-contact-one .home-contact__card__list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.home-contact-one .home-contact__card__list li {
+ display: flex;
+ align-items: center;
+ gap: 15px;
+ border: 1px solid var(--pelocis-border-color, #DDDDDD);
+ margin-bottom: 30px;
+ border-radius: 10px;
+ padding: 28px 0px;
+ padding-right: 38px;
+ padding-left: 55px;
+ position: relative;
+ transition: all 500ms ease;
+ background: #fff;
+}
+
+.home-contact-one .home-contact__card__list li:hover {
+ border-color: var(--pelocis-base, #e2a475);
+}
+
+.home-contact-one .home-contact__card__list li span {
+ font-size: 30px;
+ color: #1B1A1A;
+}
+
+.home-contact-one .home-contact__card__list__title {
+ font-size: 18px;
+ font-weight: 700;
+ line-height: 21px;
+ color: #1B1A1A;
+ margin-bottom: 4px;
+}
+
+.home-contact-one .home-contact__card__list__text {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 25px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 0;
+}
+
+.home-contact-one .home-contact__card__list__text a {
+ color: inherit;
+ background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__text a {
+ color: var(--pelocis-base, #e2a475);
+ background-size: 100% 1px;
+}
+
+.home-contact-one .home-contact__card__list__shape {
+ width: 39px;
+ height: 55px;
+ clip-path: polygon(78% 48%, 0 0, 1% 100%);
+ background-color: var(--pelocis-base, #e2a475);
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%) scaleY(50%);
+ opacity: 0;
+ visibility: hidden;
+ transition: all 500ms ease;
+}
+
+.home-contact-one .home-contact__card__list li:hover .home-contact__card__list__shape {
+ opacity: 1;
+ visibility: visible;
+}
+
+.home-contact-one .home-contact__card__shape-one {
+ width: 349px;
+ height: 89%;
+ position: absolute;
+ left: -200px;
+ top: 50%;
+ transform: translateY(-50%);
+ background-color: var(--pelocis-white, #fff);
+ border-radius: 90px 0px 0px 90px;
+ z-index: -1;
+}
+
+.home-contact-one .home-contact__card__shape-three {
+ position: absolute;
+ left: 50px;
+ bottom: 57px;
+ z-index: 5;
+}
+
+.home-contact-one .home-contact__card__shape-two {
+ position: absolute;
+ left: -136px;
+ bottom: 32px;
+ z-index: 15;
+ max-width: 400px;
+}
+
+.home-contact-one .appointment__form {
+ position: relative;
+}
+
+.home-contact-one .appointment__form__title {
+ position: relative;
+}
+
+.home-contact-one .appointment__form__top .sec-title__shape::after {
+ background-color: var(--pelocis-white, #fff);
+}
+
+.home-contact-one .appointment__form__top .sec-title__title {
+ color: var(--pelocis-white, #fff);
+}
+
+.home-contact-one .appointment__form__title__shape {
+ position: absolute;
+ right: 26px;
+ top: -20px;
+}
+
+.home-contact-one .appointment__form__range__value,
+.home-contact-one .appointment__form__lable,
+.home-contact-one .appointment__form__range__lable,
+.home-contact-one .appointment__form__text {
+ color: var(--pelocis-white, #fff);
+}
+
+@media (min-width: 1200px) {
+ .home-contact-one .appointment__form__text {
+ padding-right: 50px;
+ }
+}
+
+.home-contact-one .appointment__form__text {
+ font-size: 16px;
+ line-height: 26px;
+ font-weight: 400;
+ margin-bottom: 13px;
+}
+
+.appointment__form__lable {
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 26px;
+ margin-bottom: 11px;
+ display: block;
+ cursor: pointer;
+}
+
+.appointment__form__range__input {
+ width: 100%;
+ height: 4px;
+ background: var(--pelocis-base, #e2a475);
+ border-radius: 5px;
+ outline: none;
+ -webkit-appearance: none;
+ appearance: none;
+ margin-bottom: 25px;
+}
+
+.appointment__form__range__input::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ width: 16px;
+ height: 16px;
+ background: #fff;
+ border: 2px solid var(--pelocis-base, #e2a475);
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+/*
+ Page Header Section
+ */
+.page-header {
+ background-color: var(--pelocis-black, #222222);
+ position: relative;
+ padding-top: 250px;
+ padding-bottom: 150px;
+ display: flex;
+ align-items: center;
+ overflow: hidden;
+ z-index: 1;
+}
+
+.page-header::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ background: linear-gradient(270.07deg, #002b98 0.07%, #00060c 99.95%);
+ opacity: 0.8;
+ z-index: -1;
+}
+
+.page-header__bg {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ width: 50%;
+}
+
+.page-header__bg__img {
+ width: 100%;
+ height: 100%;
+ background-position: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ z-index: 1;
+ position: relative;
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 19% 100%);
+}
+
+.page-header__bg__shape-1 {
+ position: absolute;
+ left: -26px;
+ bottom: -1px;
+ background-color: var(--pelocis-white, #fff);
+ height: 326px;
+ width: 337px;
+ clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);
+ animation: moveRight 2s ease-in-out infinite alternate;
+}
+
+.page-header__bg__shape-2 {
+ position: absolute;
+ left: -8px;
+ bottom: 0px;
+ background-color: var(--pelocis-base, #e2a475);
+ height: 326px;
+ width: 337px;
+ clip-path: polygon(60% 0, 100% 0, 100% 100%, 0% 100%);
+ animation: moveLeft 2s ease-in-out infinite alternate;
+}
+
+.page-header .container {
+ position: relative;
+ z-index: 10;
+}
+
+.page-header__title {
+ font-size: 48px;
+ color: var(--pelocis-white, #fff);
+ font-family: var(--pelocis-heading-font);
+ text-transform: capitalize;
+ font-weight: 800;
+ margin-bottom: 15px;
+ line-height: 1.1;
+}
+
+.pelocis-breadcrumb {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ margin: 0 !important;
+ margin-bottom: 13px;
+ padding-left: 0;
+ list-style: none;
+}
+
+.pelocis-breadcrumb li {
+ font-size: 18px;
+ color: var(--pelocis-white, #fff);
+ text-transform: capitalize;
+ display: flex;
+ align-items: center;
+}
+
+.pelocis-breadcrumb li a {
+ color: inherit;
+ display: inline-flex;
+ line-height: 28px;
+ background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
+ transition: all 500ms ease;
+ text-decoration: none;
+}
+
+.pelocis-breadcrumb li span {
+ color: inherit;
+ display: inline-flex;
+ line-height: 28px;
+}
+
+.pelocis-breadcrumb li:not(:last-of-type)::after {
+ content: "/";
+ position: relative;
+ top: -1px;
+ margin-left: 10px;
+ margin-right: 10px;
+ color: var(--pelocis-base, #e2a475);
+}
+
+.pelocis-breadcrumb li:last-of-type {
+ color: var(--pelocis-base, #e2a475);
+}
+
+.page-header__shape {
+ position: absolute;
+ left: 20px;
+ bottom: 20px;
+ animation: zumpBottom 2s linear infinite;
+}
+
+@keyframes moveRight {
+ 0% {
+ transform: translateX(0);
+ }
+
+ 100% {
+ transform: translateX(-10px);
+ }
+}
+
+@keyframes moveLeft {
+ 0% {
+ transform: translateX(0);
+ }
+
+ 100% {
+ transform: translateX(10px);
+ }
+}
+
+@keyframes zumpBottom {
+
+ 0%,
+ 100% {
+ transform: translateY(0);
+ }
+
+ 50% {
+ transform: translateY(10px);
+ }
+}
+
+@media (min-width: 768px) {
+ .page-header__title {
+ font-size: 60px;
+ }
+
+ .pelocis-breadcrumb {
+ margin-bottom: 7px;
+ }
+}
+
+/*
+ FAQ Four Section
+ */
+.faq-four {
+ padding: 0 0;
+ position: relative;
+}
+
+.faq-four::after {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 1px;
+ content: "";
+ background-color: var(--pelocis-border-color, #DDDDDD);
+ z-index: -1;
+}
+
+.faq-four__content {
+ position: relative;
+ padding: 109px 0 120px;
+}
+
+.faq-four__content .sec-title {
+ padding-bottom: 21px;
+}
+
+.faq-four__content__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+ margin: 0 0 25px;
+}
+
+@media (min-width: 1200px) {
+ .faq-four__content__text {
+ padding-right: 70px;
+ }
+}
+
+.faq-one__accordion {
+ position: relative;
+ margin: 10px 0 0;
+}
+
+.faq-one__accordion .accrodion {
+ margin-bottom: 25px;
+ border-radius: 70px;
+ border: 1px solid var(--pelocis-border-color, #DDDDDD);
+ overflow: hidden;
+ transition: all 400ms ease;
+}
+
+.faq-one__accordion .active {
+ border-radius: 10px;
+}
+
+.faq-one__accordion .active .accrodion-title {
+ background-color: var(--pelocis-black, #222222);
+}
+
+.faq-one__accordion .accrodion-title {
+ padding: 12.5px 30px;
+ padding-left: 55px;
+ cursor: pointer;
+ position: relative;
+ transition: all 400ms ease;
+}
+
+.faq-one__accordion .accrodion-title h4 {
+ font-weight: 500;
+ color: var(--pelocis-black, #222222);
+ font-family: var(--pelocis-font);
+ font-size: 16px;
+ line-height: 25px;
+ margin: 0;
+ transition: all 500ms ease;
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+}
+
+.faq-one__accordion .active .accrodion-title h4 {
+ color: var(--pelocis-white, #fff);
+}
+
+.faq-one__accordion .accrodion-title h4 i {
+ font-size: 12px;
+ transform: rotate(90deg);
+ transition: all 400ms ease;
+}
+
+.faq-one__accordion .active .accrodion-title h4 i {
+ transform: rotate(-90deg);
+}
+
+.faq-one__accordion .accrodion-title__shape {
+ width: 47px;
+ height: 100%;
+ background-color: var(--pelocis-base, #e2a475);
+ clip-path: polygon(75% 0%, 48% 50%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
+ position: absolute;
+ left: 0;
+ top: 0;
+ transition: all 400ms ease;
+}
+
+.faq-one__accordion .active .accrodion-title__shape {
+ opacity: 0;
+ visibility: hidden;
+}
+
+.faq-one__accordion .accrodion-title__icon {
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 22px;
+ background-color: var(--pelocis-black, #222222);
+ color: var(--pelocis-white, #fff);
+ font-size: 10px;
+ transition: all 400ms ease;
+}
+
+.faq-one__accordion .active .accrodion-title__icon {
+ background-color: var(--pelocis-base, #e2a475);
+}
+
+.faq-one__accordion .accrodion-content .inner {
+ padding: 20px 25px;
+ display: flex;
+ align-items: center;
+ gap: 15px;
+}
+
+.faq-one__accordion .accrodion-content__icon {
+ width: 77px;
+ height: 74px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 10px;
+ background-color: var(--pelocis-base, #e2a475);
+ color: var(--pelocis-white, #fff);
+ flex-shrink: 0;
+ font-size: 40px;
+}
+
+.faq-one__accordion .accrodion-content p {
+ margin: 0;
+ font-size: 18px;
+ font-weight: 400;
+ line-height: 28px;
+ color: var(--pelocis-text-dark, #636363);
+}
+
+.faq-four .pelocis-stretch-element-inside-column {
+ position: relative;
+ height: 100%;
+}
+
+.faq-four__image {
+ position: relative;
+ height: 100%;
+}
+
+.faq-four__image img {
+ min-height: 892px;
+ object-fit: cover;
+ max-width: 100%;
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
+}
+
+.faq-four__image__icon {
+ width: 175px;
+ height: 175px;
+ background-color: var(--pelocis-base, #e2a475);
+ border: 10px solid var(--pelocis-white, #fff);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ border-radius: 50%;
+ z-index: 2;
+ font-size: 70px;
+ color: var(--pelocis-white, #fff);
+}
+
+.faq-four__image__icon::after {
+ content: "";
+ width: calc(100% - 29px);
+ height: calc(100% - 29px);
+ border: 1px dashed var(--pelocis-white, #fff);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ border-radius: 50%;
+ z-index: -1;
+ animation: textRotate 15s linear 0s forwards infinite alternate;
+}
+
+@keyframes textRotate {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+/*
+ Counselling Solutions Section
+ */
+.counselling-solutions {
+ position: relative;
+ padding: 110px 0 120px;
+}
+
+.counselling-solutions .sec-title {
+ padding-bottom: 20px;
+}
+
+.counselling-solutions__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+ margin-bottom: 15px;
+}
+
+.counselling-solutions__text b,
+.counselling-solutions__text strong {
+ color: var(--pelocis-base, #e2a475);
+}
+
+.counselling-solutions__list {
+ list-style: none;
+ display: flex;
+ align-items: center;
+ border-top: 1px solid var(--pelocis-border-color, #DDDDDD);
+ border-bottom: 1px solid var(--pelocis-border-color, #DDDDDD);
+ padding: 0;
+ margin: 30px 0 0;
+}
+
+.counselling-solutions__item {
+ padding: 30px 0;
+ display: flex;
+ align-items: center;
+ gap: 15px;
+ width: 50%;
+}
+
+.counselling-solutions__item:first-child {
+ border-right: 1px solid var(--pelocis-border-color, #DDDDDD);
+}
+
+.counselling-solutions__item__img {
+ width: 65px;
+ height: 65px;
+ border-radius: 50%;
+ overflow: hidden;
+}
+
+.counselling-solutions__item__img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.counselling-solutions__item__content h3 {
+ font-size: 20px;
+ color: var(--pelocis-black, #222222);
+ font-weight: 700;
+ margin: 0;
+}
+
+.counselling-solutions__item__content p {
+ font-size: 16px;
+ margin: 0;
+ color: var(--pelocis-text-dark, #636363);
+}
+
+.counselling-solutions__item__signature {
+ font-family: var(--pelocis-font-signature, cursive);
+ font-size: 35px;
+ color: var(--pelocis-black, #222222);
+ margin: 0;
+ padding-left: 30px;
+}
+
+.counselling-solutions__list--two {
+ list-style: none;
+ padding: 0;
+ margin: 26px 0 33px;
+}
+
+.counselling-solutions__list--two li {
+ font-size: 16px;
+ color: var(--pelocis-black, #222222);
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.counselling-solutions__list--two li span {
+ color: var(--pelocis-base, #e2a475);
+ font-size: 20px;
+}
+
+.counselling-solutions__image {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ position: relative;
+ margin-top: 10px;
+}
+
+.counselling-solutions__image::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 13px;
+ height: 295px;
+ border-radius: 20px;
+ background-color: var(--pelocis-base, #e2a475);
+}
+
+.counselling-solutions__image::after {
+ content: "";
+ position: absolute;
+ left: 30px;
+ top: 0;
+ width: 13px;
+ height: 155px;
+ border-radius: 20px;
+ background-color: var(--pelocis-black, #222222);
+}
+
+.counselling-solutions__image__one {
+ border-radius: 0px 50px 50px 0px;
+ max-width: 100%;
+}
+
+.counselling-solutions__image__two {
+ position: absolute;
+ bottom: -10px;
+ left: 0;
+ border: 10px solid var(--pelocis-white, #fff);
+ border-radius: 50px 0px 0px 50px;
+ max-width: 294px;
+ z-index: 10;
+}
+
+.counselling-solutions__image__watch-btn {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ width: 80%;
+ border-right: 1px solid var(--pelocis-base, #e2a475);
+ border-bottom: 1px solid var(--pelocis-base, #e2a475);
+ gap: 10px;
+ padding-right: 48px;
+ padding-top: 62px;
+ padding-bottom: 22px;
+ margin-top: -40px;
+ position: relative;
+ z-index: 5;
+}
+
+.counselling-solutions__image__watch-btn a {
+ border: 1px solid var(--pelocis-black2, #333333);
+ width: 52px;
+ height: 52px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: transparent;
+ border-radius: 50%;
+ font-size: 22px;
+ color: var(--pelocis-black2, #333333);
+ transition: all 400ms ease;
+}
+
+.counselling-solutions__image__watch-btn a:hover {
+ background-color: var(--pelocis-base, #e2a475);
+ border-color: var(--pelocis-base, #e2a475);
+ color: var(--pelocis-white, #fff);
+}
+
+.counselling-solutions__image__watch-btn span {
+ font-size: 16px;
+ font-weight: 700;
+ color: var(--pelocis-black, #222222);
+ font-family: var(--pelocis-heading-font);
+}
+
+/*
+ Call Area Three & Counter Area Two
+ */
+.call-area-three {
+ position: relative;
+ background-color: var(--pelocis-black, #222222);
+ padding: 112px 0 283px;
+ overflow: hidden;
+}
+
+.call-area-three__bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ opacity: 0.12;
+ z-index: 0;
+}
+
+.call-area-three__content {
+ position: relative;
+ text-align: center;
+ z-index: 1;
+}
+
+.call-area-three__title {
+ font-size: 35px;
+ font-weight: 700;
+ line-height: 42px;
+ color: var(--pelocis-white, #fff);
+ margin: 0 0 10px;
+}
+
+.call-area-three__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-white, #fff);
+ margin-bottom: 38px;
+}
+
+.call-area-three .pelocis-btn::after {
+ background-color: var(--pelocis-white, #fff);
+}
+
+.counter-area-two {
+ position: relative;
+ margin-top: -163px;
+ z-index: 10;
+}
+
+.counter-area-two__list {
+ background-color: var(--pelocis-white, #fff);
+ padding: 0;
+ margin: 0;
+ border-radius: 50px;
+ border: 1px solid var(--pelocis-border-color, #DDDDDD);
+ list-style: none;
+ display: flex;
+ overflow: hidden;
+ position: relative;
+}
+
+.counter-area-two__item {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ text-align: center;
+ position: relative;
+ transition: all 500ms ease;
+ margin: 0;
+ padding: 79px 0 75px;
+ flex-grow: 1;
+ overflow: hidden;
+}
+
+.counter-area-two__item:not(:last-of-type)::before {
+ content: "";
+ width: 1px;
+ height: 131px;
+ background-color: var(--pelocis-border-color, #DDDDDD);
+ position: absolute;
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+}
+
+.counter-area-two__icon {
+ border: 3px solid var(--pelocis-base, #e2a475);
+ border-bottom: none;
+ width: 89px;
+ height: 73px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ font-size: 40px;
+ color: var(--pelocis-base, #e2a475);
+ transition: all 500ms ease;
+ margin-bottom: 25px;
+}
+
+.counter-area-two__icon::before {
+ content: "";
+ position: absolute;
+ right: -35px;
+ bottom: 0;
+ width: 32px;
+ height: 18px;
+ background-color: var(--pelocis-base, #e2a475);
+ clip-path: polygon(0 0%, 0% 100%, 100% 100%);
+ transition: all 500ms ease;
+}
+
+.counter-area-two__icon::after {
+ content: "";
+ position: absolute;
+ left: -35px;
+ bottom: 0;
+ width: 32px;
+ height: 18px;
+ background-color: var(--pelocis-base, #e2a475);
+ clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
+ transition: all 500ms ease;
+}
+
+.counter-area-two__item::after {
+ content: "";
+ position: absolute;
+ bottom: -32px;
+ width: 80%;
+ left: 50%;
+ transform: translateX(-50%);
+ background-color: var(--pelocis-base, #e2a475);
+ height: 32px;
+ border-radius: 50px;
+ opacity: 0;
+ visibility: hidden;
+ transition: all 500ms ease;
+}
+
+.counter-area-two__item:hover::after {
+ opacity: 1;
+ visibility: visible;
+ bottom: 0;
+}
+
+.counter-area-two__count {
+ font-size: 35px;
+ font-weight: 700;
+ line-height: 1;
+ color: var(--pelocis-black, #222222);
+ margin: 0 0 5px;
+}
+
+.counter-area-two__text {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 26px;
+ color: var(--pelocis-text-dark, #636363);
+ margin: 0;
+}
+
+/*
+ Medical Services Circle
+ */
+.medical-services-circle {
+ position: relative;
+ background-size: cover;
+ background-position: center;
+ padding: 130px 0;
+ background-color: #fff;
+ overflow: hidden;
+}
+
+.medical-services-circle .sec-title .inner-text {
+ color: var(--pelocis-base, #e2a475);
+}
+
+.sec-icon2 {
+ margin-top: 15px;
+}
+
+.service-circle {
+ position: relative;
+ width: 800px;
+ height: 800px;
+ margin: 50px auto 0;
+ border-radius: 50%;
+ z-index: 1;
+}
+
+.service-circle__lines .line {
+ background-color: #f5f7ff;
+ width: 20px;
+ height: 900px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%) rotate(-30deg);
+ z-index: 2;
+}
+
+.service-circle__lines .line:nth-child(2) {
+ transform: translate(-50%, -50%) rotate(30deg);
+}
+
+.service-circle__lines .line:nth-child(3) {
+ transform: translate(-50%, -50%) rotate(90deg);
+}
+
+.service-circle__menu {
+ position: relative;
+ width: 800px;
+ height: 800px;
+ margin: 0 auto;
+}
+
+.service-circle__menu ul {
+ position: absolute;
+ width: 800px;
+ height: 800px;
+ padding: 0;
+ list-style: none;
+ border-radius: 50%;
+ overflow: hidden;
+ margin: 0;
+}
+
+.service-circle__menu li {
+ position: absolute;
+ top: -84px;
+ left: -84px;
+ width: 484px;
+ height: 484px;
+ transform-origin: 100% 100%;
+ overflow: hidden;
+ transform: rotate(var(--rotate-item, 0)) skew(30deg);
+ z-index: 1;
+}
+
+.service-circle__menu li a {
+ display: block;
+ width: 484px;
+ height: 484px;
+ margin-top: 119px;
+ margin-left: 119px;
+ background-color: #fff;
+ transform: skew(-30deg) rotate(-60deg);
+ transition: background-color 0.5s;
+ text-align: center;
+ position: relative;
+ z-index: 1;
+}
+
+.service-circle__menu li.active a,
+.service-circle__menu li a:hover {
+ background-color: var(--pelocis-base, #e2a475);
+}
+
+.service-circle__menu li img {
+ position: absolute;
+ left: var(--icon-left, 50%);
+ top: var(--icon-top, 35%);
+ transform: translate(-50%, -50%) rotate(var(--rotate-icon, 0));
+ transform-origin: 50% center;
+ display: block;
+ transition: all ease 0.4s;
+ width: auto;
+ max-width: 60px;
+ filter: brightness(1);
+}
+
+.service-circle__menu li.active a img,
+.service-circle__menu li a:hover img {
+ filter: brightness(0) invert(1);
+}
+
+.service-circle__center {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 10;
+ width: 425px;
+ height: 425px;
+ border-radius: 50%;
+ background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+}
+
+.service-circle__item {
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+ width: 100%;
+ border-radius: 50%;
+ padding: 40px;
+ text-align: center;
+ transition: all ease 0.4s;
+ opacity: 0;
+ visibility: hidden;
+}
+
+.service-circle__item.active {
+ opacity: 1;
+ visibility: visible;
+}
+
+.service-circle__title {
+ color: #fff;
+ max-width: 300px;
+ position: relative;
+ padding-bottom: 20px;
+ margin: 0 0 15px;
+ font-size: 24px;
+ font-weight: 700;
+}
+
+.service-circle__title::before,
+.service-circle__title::after {
+ content: "";
+ position: absolute;
+ left: 50%;
+ bottom: 0;
+ width: 220px;
+ margin-left: -110px;
+ height: 1px;
+ background-color: #fff;
+ opacity: 0.7;
+}
+
+.service-circle__title::after {
+ height: 3px;
+ width: 40px;
+ margin-left: -20px;
+ background-color: #fff;
+ opacity: 1;
+ z-index: 1;
+}
+
+.service-circle__text {
+ color: #fff;
+ font-size: 16px;
+ line-height: 26px;
+ margin: 0;
+ max-width: 320px;
+}
+
+@media (max-width: 991px) {
+ .service-circle {
+ width: 600px;
+ height: 600px;
+ }
+
+ .service-circle__menu,
+ .service-circle__menu ul {
+ width: 600px;
+ height: 600px;
+ }
+
+ .service-circle__menu li {
+ width: 384px;
+ height: 384px;
+ }
+
+ .service-circle__menu li a {
+ width: 384px;
+ height: 384px;
+ }
+
+ .service-circle__center {
+ width: 320px;
+ height: 320px;
+ }
+}
+
+@media (max-width: 767px) {
+ .service-circle {
+ width: 100%;
+ height: auto;
+ border-radius: 0;
+ overflow: visible;
+ }
+
+ .service-circle__lines {
+ display: none;
+ }
+
+ .service-circle__menu {
+ width: 100%;
+ height: auto;
+ }
+
+ .service-circle__menu ul {
+ position: relative;
+ width: 100%;
+ height: auto;
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 15px;
+ border-radius: 0;
+ overflow: visible;
+ }
+
+ .service-circle__menu li {
+ position: relative;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: auto;
+ transform: none;
+ aspect-ratio: 1/1;
+ }
+
+ .service-circle__menu li a {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ transform: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 12px;
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
+ }
+
+ .service-circle__menu li img {
+ position: static;
+ transform: none;
+ max-width: 45px;
+ }
+
+ .service-circle__center {
+ position: relative;
+ top: 0;
+ left: 0;
+ transform: none;
+ width: 100%;
+ height: auto;
+ min-height: 250px;
+ margin-top: 30px;
+ border-radius: 20px;
+ }
+
+ .service-circle__item {
+ padding: 30px 20px;
+ }
+}
+
+/*
+ Home Polishing Fixes
+ */
+.call-area-three .pelocis-btn {
+ z-index: 10;
+ position: relative;
+}
+
+.service-circle__item {
+ display: flex !important;
+ align-items: center;
+ justify-content: center;
+}
+
+.service-circle__item-inner {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ max-width: 320px;
+ text-align: center;
+}
+
+.service-circle__center {
+ background: radial-gradient(circle, #20336a 0%, #101a35 100%);
+ border: 4px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Ensure icons are visible even if font is loading */
+.counter-area-two__icon span {
+ display: inline-block;
+ min-width: 1em;
+ min-height: 1em;
}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index cdf3bc7..129b568 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,6 +17,16 @@ import OfferSection from "@/components/home/OfferSection";
import FeaturesSection from "@/components/home/home-1/FeaturesSection";
import ContactSection from "@/components/careers/ContactSection";
import FaqVideoSection from "@/components/careers/FaqVideoSection";
+import AboutTwo from "@/components/home/AboutTwo";
+import MedicalServices from "@/components/home/MedicalServices";
+import WhyChooseTwo from "@/components/home/WhyChooseTwo";
+import HistoryTwo from "@/components/home/HistoryTwo";
+import AboutThree from "@/components/home/AboutThree";
+import HomeContactOne from "@/components/home/HomeContactOne";
+import FaqFour from "@/components/home/FaqFour";
+import CounsellingSolutions from "@/components/home/CounsellingSolutions";
+import CallAreaThree from "@/components/home/CallAreaThree";
+import CounterAreaTwo from "@/components/home/CounterAreaTwo";
export default function MainPage() {
useEffect(() => {
@@ -36,6 +46,11 @@ export default function MainPage() {
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
new file mode 100644
index 0000000..d2dc853
--- /dev/null
+++ b/src/app/portfolio/page.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import React, { useEffect } from "react";
+import Header1 from "@/components/layout/Header1";
+import Footer1 from "@/components/layout/Footer1";
+import PortfolioSection from "@/components/home/PortfolioSection";
+import Link from "next/link";
+import PageHeader from "@/components/common/PageHeader";
+
+/* ── Page ── */
+export default function PortfolioPage() {
+ useEffect(() => {
+ const init = () => {
+ if (
+ typeof window !== "undefined" &&
+ (window as any).initMetatron &&
+ (window as any).jQuery
+ ) {
+ (window as any).initMetatron();
+ } else {
+ setTimeout(init, 100);
+ }
+ };
+ init();
+ }, []);
+
+ return (
+ <>
+
+
+
- = ({ title, breadcrumbItems }) => {
+ return (
+
+ 
+
+ );
+};
+
+export default PageHeader;
diff --git a/src/components/home/AboutThree.tsx b/src/components/home/AboutThree.tsx
new file mode 100644
index 0000000..6bec8aa
--- /dev/null
+++ b/src/components/home/AboutThree.tsx
@@ -0,0 +1,102 @@
+import React, { useState, useEffect, useRef } from 'react';
+
+const AboutThree = () => {
+ const [count, setCount] = useState(0);
+ const countTarget = 26;
+ const [hasCounted, setHasCounted] = useState(false);
+ const counterRef = useRef(null);
+
+ useEffect(() => {
+ const observer = new IntersectionObserver((entries) => {
+ if (entries[0].isIntersecting && !hasCounted) {
+ setHasCounted(true);
+ let start = 0;
+ const duration = 1500;
+ const increment = countTarget / (duration / 16);
+ const timer = setInterval(() => {
+ start += increment;
+ if (start >= countTarget) {
+ setCount(countTarget);
+ clearInterval(timer);
+ } else {
+ setCount(Math.floor(start));
+ }
+ }, 16);
+ }
+ }, { threshold: 0.5 });
+
+ if (counterRef.current) {
+ observer.observe(counterRef.current);
+ }
+
+ return () => observer.disconnect();
+ }, [hasCounted]);
+
+ return (
+
+
+ );
+};
+
+export default AboutThree;
diff --git a/src/components/home/AboutTwo.tsx b/src/components/home/AboutTwo.tsx
new file mode 100644
index 0000000..0ef32da
--- /dev/null
+++ b/src/components/home/AboutTwo.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import React from "react";
+
+const AboutTwo = () => {
+ return (
+
+
+ 
+ 
+
+ );
+};
+
+export default AboutTwo;
diff --git a/src/components/home/CallAreaThree.tsx b/src/components/home/CallAreaThree.tsx
new file mode 100644
index 0000000..26d2374
--- /dev/null
+++ b/src/components/home/CallAreaThree.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import Link from 'next/link';
+
+const CallAreaThree: React.FC = () => {
+ return (
+
+
+
+ );
+};
+
+export default CallAreaThree;
diff --git a/src/components/home/CounsellingSolutions.tsx b/src/components/home/CounsellingSolutions.tsx
new file mode 100644
index 0000000..80b31ee
--- /dev/null
+++ b/src/components/home/CounsellingSolutions.tsx
@@ -0,0 +1,70 @@
+import React from 'react';
+import Link from 'next/link';
+
+const CounsellingSolutions: React.FC = () => {
+ return (
+
+
+ );
+};
+
+export default CounsellingSolutions;
diff --git a/src/components/home/CounterAreaTwo.tsx b/src/components/home/CounterAreaTwo.tsx
new file mode 100644
index 0000000..080441a
--- /dev/null
+++ b/src/components/home/CounterAreaTwo.tsx
@@ -0,0 +1,102 @@
+"use client";
+
+import React, { useState, useEffect, useRef } from 'react';
+
+interface CounterProps {
+ end: number;
+ duration?: number;
+}
+
+const Counter: React.FC = ({ end, duration = 2000 }) => {
+ const [count, setCount] = useState(0);
+ const countRef = useRef(null);
+ const [hasStarted, setHasStarted] = useState(false);
+
+ useEffect(() => {
+ const observer = new IntersectionObserver(
+ ([entry]) => {
+ if (entry.isIntersecting && !hasStarted) {
+ setHasStarted(true);
+ }
+ },
+ { threshold: 0.1 }
+ );
+
+ if (countRef.current) {
+ observer.observe(countRef.current);
+ }
+
+ return () => observer.disconnect();
+ }, [hasStarted]);
+
+ useEffect(() => {
+ if (!hasStarted) return;
+
+ let startTimestamp: number | null = null;
+ const step = (timestamp: number) => {
+ if (!startTimestamp) startTimestamp = timestamp;
+ const progress = Math.min((timestamp - startTimestamp) / duration, 1);
+ setCount(Math.floor(progress * end));
+ if (progress < 1) {
+ window.requestAnimationFrame(step);
+ }
+ };
+ window.requestAnimationFrame(step);
+ }, [hasStarted, end, duration]);
+
+ return {count};
+};
+
+const counterItems = [
+ {
+ icon: "icon-succefull",
+ count: 950,
+ suffix: "k+",
+ text: "Projects Succefull"
+ },
+ {
+ icon: "icon-customers",
+ count: 256,
+ suffix: "k+",
+ text: "Happy Customers"
+ },
+ {
+ icon: "icon-planing",
+ count: 852,
+ suffix: "k+",
+ text: "Consultants Planing"
+ },
+ {
+ icon: "icon-awards",
+ count: 965,
+ suffix: "+",
+ text: "Awards Winners"
+ }
+];
+
+const CounterAreaTwo: React.FC = () => {
+ return (
+
+
+ );
+};
+
+export default CounterAreaTwo;
diff --git a/src/components/home/FaqFour.tsx b/src/components/home/FaqFour.tsx
new file mode 100644
index 0000000..e70e3b8
--- /dev/null
+++ b/src/components/home/FaqFour.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import React, { useState } from 'react';
+
+const FaqFour = () => {
+ const [activeIndex, setActiveIndex] = useState(0);
+
+ const toggleAccordion = (index: number) => {
+ setActiveIndex(index === activeIndex ? -1 : index);
+ };
+
+ const faqItems = [
+ {
+ question: "What are the different branches of psychology?",
+ answer: "Supporting individuals in overcome expert many of variations challenges, and enhancing their best quality of life whether are going to use."
+ },
+ {
+ question: "How does psychology differ from psychiatry?",
+ answer: "Supporting individuals in overcome expert many of variations challenges, and enhancing their best quality of life whether are going to use."
+ },
+ {
+ question: "How do psychologists diagnose mental disorders?",
+ answer: "Supporting individuals in overcome expert many of variations challenges, and enhancing their best quality of life whether are going to use."
+ },
+ {
+ question: "What are the common methods used in psychological?",
+ answer: "Supporting individuals in overcome expert many of variations challenges, and enhancing their best quality of life whether are going to use."
+ }
+ ];
+
+ return (
+
+
+ );
+};
+
+export default FaqFour;
diff --git a/src/components/home/HistoryTwo.tsx b/src/components/home/HistoryTwo.tsx
new file mode 100644
index 0000000..bcf329d
--- /dev/null
+++ b/src/components/home/HistoryTwo.tsx
@@ -0,0 +1,90 @@
+import React from 'react';
+
+const HistoryTwo = () => {
+ return (
+
+
+
+ );
+};
+
+export default HistoryTwo;
diff --git a/src/components/home/HomeContactOne.tsx b/src/components/home/HomeContactOne.tsx
new file mode 100644
index 0000000..4eefc96
--- /dev/null
+++ b/src/components/home/HomeContactOne.tsx
@@ -0,0 +1,146 @@
+"use client";
+
+import React, { useState } from 'react';
+
+const HomeContactOne = () => {
+ const [distance, setDistance] = useState(7000);
+
+ const handleRangeChange = (e: React.ChangeEvent) => {
+ setDistance(parseInt(e.target.value));
+ };
+
+ return (
+
+
+
+ );
+};
+
+export default HomeContactOne;
diff --git a/src/components/home/MedicalServices.tsx b/src/components/home/MedicalServices.tsx
new file mode 100644
index 0000000..299e311
--- /dev/null
+++ b/src/components/home/MedicalServices.tsx
@@ -0,0 +1,131 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+
+const services = [
+ {
+ id: 0,
+ title: "Excellent infection prevention",
+ text: "Lorem ipsum dolor sit amet, conse ctetur adipiscing eliteiusmod tempor incididunt",
+ icon: "/assets/imgs/icon/icon-7.png",
+ link: "service-details.html",
+ },
+ {
+ id: 1,
+ title: "Health patients comprehensive",
+ text: "From its medieval origins to the digital era , learn everything there is to know",
+ icon: "/assets/imgs/icon/icon-7.png",
+ link: "service-details.html",
+ },
+ {
+ id: 2,
+ title: "Pediatric Hematology Oncology",
+ text: "Creation timelines for the standard lorem ipsum passage vary, with some citing the",
+ icon: "/assets/imgs/icon/icon-7.png",
+ link: "service-details.html",
+ },
+ {
+ id: 3,
+ title: "Care Pediatric & Medicine",
+ text: "Letraset's dry-transfer sheets, and later entered the digital world via Aldus",
+ icon: "/assets/imgs/icon/icon-7.png",
+ link: "service-details.html",
+ },
+ {
+ id: 4,
+ title: "Labor & Delivery: The Birthplace",
+ text: "Some claim lorem ipsum threatens to promote design over content, while others defend",
+ icon: "/assets/imgs/icon/icon-7.png",
+ link: "service-details.html",
+ },
+ {
+ id: 5,
+ title: "Urogynecology & Pelvic Health",
+ text: "Generally, lorem ipsum is best suited to keeping templates from looking bare or",
+ icon: "/assets/imgs/icon/icon-7.png",
+ link: "service-details.html",
+ },
+];
+
+const MedicalServices = () => {
+ const [activeTab, setActiveTab] = useState(0);
+
+ useEffect(() => {
+ const interval = setInterval(() => {
+ setActiveTab((prev) => (prev + 1) % services.length);
+ }, 5000);
+
+ return () => clearInterval(interval);
+ }, []);
+
+ const handleTabClick = (e: React.MouseEvent, id: number) => {
+ e.preventDefault();
+ setActiveTab(id);
+ };
+
+ return (
+
+
+ );
+};
+
+export default MedicalServices;
diff --git a/src/components/home/MedicalServicesCircle.tsx b/src/components/home/MedicalServicesCircle.tsx
new file mode 100644
index 0000000..ea5699b
--- /dev/null
+++ b/src/components/home/MedicalServicesCircle.tsx
@@ -0,0 +1,131 @@
+"use client";
+
+import React, { useState, useEffect } from 'react';
+import Link from 'next/link';
+
+interface ServiceItem {
+ id: number;
+ icon: string;
+ title: string;
+ text: string;
+}
+
+const services: ServiceItem[] = [
+ {
+ id: 0,
+ icon: "https://bracketweb.com/pelocishtml/assets/images/resources/service-1-1.jpg", // Using logical equivalents
+ title: "Excellent infection prevention",
+ text: "Lorem ipsum dolor sit amet, conse ctetur adipiscing eliteiusmod tempor incididunt"
+ },
+ {
+ id: 1,
+ icon: "https://bracketweb.com/pelocishtml/assets/images/resources/service-1-2.jpg",
+ title: "Health patients comprehensive",
+ text: "From its medieval origins to the digital era , learn everything there is to know"
+ },
+ {
+ id: 2,
+ icon: "https://bracketweb.com/pelocishtml/assets/images/resources/service-1-3.jpg",
+ title: "Pediatric Hematology Oncology",
+ text: "Creation timelines for the standard lorem ipsum passage vary, with some citing the"
+ },
+ {
+ id: 3,
+ icon: "https://bracketweb.com/pelocishtml/assets/images/resources/service-1-4.jpg",
+ title: "Care Pediatric & Medicine",
+ text: "Letraset's dry-transfer sheets, and later entered the digital world via Aldus"
+ },
+ {
+ id: 4,
+ icon: "https://bracketweb.com/pelocishtml/assets/images/resources/service-1-5.jpg",
+ title: "Labor & Delivery: The Birthplace",
+ text: "Some claim lorem ipsum threatens to promote design over content, while others defend"
+ },
+ {
+ id: 5,
+ icon: "https://bracketweb.com/pelocishtml/assets/images/resources/service-1-6.jpg",
+ title: "Urogynecology & Pelvic Health",
+ text: "Generally, lorem ipsum is best suited to keeping templates from looking bare or"
+ }
+];
+
+const MedicalServicesCircle: React.FC = () => {
+ const [activeTab, setActiveTab] = useState(0);
+
+ useEffect(() => {
+ const interval = setInterval(() => {
+ setActiveTab((prev) => (prev + 1) % services.length);
+ }, 5000);
+ return () => clearInterval(interval);
+ }, []);
+
+ const handleTabClick = (e: React.MouseEvent, id: number) => {
+ e.preventDefault();
+ setActiveTab(id);
+ };
+
+ return (
+
+
+ );
+};
+
+export default MedicalServicesCircle;
diff --git a/src/components/home/PortfolioSection.tsx b/src/components/home/PortfolioSection.tsx
new file mode 100644
index 0000000..01e03ff
--- /dev/null
+++ b/src/components/home/PortfolioSection.tsx
@@ -0,0 +1,364 @@
+"use client";
+import React, { useState, useEffect } from "react";
+import Link from "next/link";
+import { PortfolioData, MobileAppServicesData } from "@/utils/constant.utils";
+
+/* ─────────────────── Tab config ─────────────────── */
+const TABS = [
+ { label: "All Items", value: "all" },
+ { label: "Web Development", value: "web" },
+ { label: "Graphic Design", value: "graphic" },
+ { label: "Google Meta Ads", value: "meta" },
+ { label: "Shopify Store", value: "shopify" },
+ { label: "WordPress", value: "wordpress" },
+ { label: "Logo Branding", value: "logo" },
+ { label: "Video Editing", value: "video" },
+ { label: "Mobile App Development", value: "mobile" },
+];
+
+/* ─────────────────── Helpers ─────────────────── */
+function toEmbed(url: string): string {
+ if (!url) return "";
+ let m = url.match(/youtube\.com\/shorts\/([a-zA-Z0-9_-]+)/);
+ if (m) return `https://www.youtube.com/embed/${m[1]}`;
+ m = url.match(/youtube\.com\/watch\?v=([a-zA-Z0-9_-]+)/);
+ if (m) return `https://www.youtube.com/embed/${m[1]}`;
+ m = url.match(/youtu\.be\/([a-zA-Z0-9_-]+)/);
+ if (m) return `https://www.youtube.com/embed/${m[1]}`;
+ return url;
+}
+function isYouTube(url: string): boolean {
+ return /youtube|youtu\.be/.test(url);
+}
+
+/* ─────────────────── Card sub-components ─────────────────── */
+
+/** Monitor mockup — Web Development / Shopify / WordPress */
+function MonitorCard({ item, onOpen }: { item: (typeof PortfolioData)[0], onOpen: () => void }) {
+ const hasLink = item.link && item.link !== "#";
+ return (
+ ) => {
+ const { naturalWidth, naturalHeight } = e.currentTarget;
+ if (naturalHeight > naturalWidth) {
+ setOrientation("portrait");
+ } else {
+ setOrientation("landscape");
+ }
+ };
+
+ return (
+ (null);
+
+ // Close lightbox on Escape key
+ useEffect(() => {
+ const handleEsc = (e: KeyboardEvent) => {
+ if (e.key === "Escape") setLightboxItem(null);
+ };
+ window.addEventListener("keydown", handleEsc);
+ return () => window.removeEventListener("keydown", handleEsc);
+ }, []);
+
+ const byCategory = (cat: string) =>
+ PortfolioData.filter((i) => i.category === cat);
+
+ const showCat = (cat: string) =>
+ activeTab === "all" || activeTab === cat;
+
+ const itemsFor = (cat: string) =>
+ activeTab === "all" ? byCategory(cat) : PortfolioData.filter((i) => i.category === cat);
+
+ const mobileItems =
+ activeTab === "all" || activeTab === "mobile" ? MobileAppServicesData : [];
+
+ return (
+
+ setLightboxItem(null)}
+ />
+
+ );
+}
diff --git a/src/components/home/WhyChooseTwo.tsx b/src/components/home/WhyChooseTwo.tsx
new file mode 100644
index 0000000..a78aaa0
--- /dev/null
+++ b/src/components/home/WhyChooseTwo.tsx
@@ -0,0 +1,81 @@
+import React from 'react';
+
+interface WhyChooseTwoProps {
+ reverse?: boolean;
+}
+
+const WhyChooseTwo: React.FC = ({ reverse = false }) => {
+ return (
+
+ 
+
+ );
+};
+
+export default WhyChooseTwo;
diff --git a/src/utils/constant.utils.ts b/src/utils/constant.utils.ts
index 8c5594f..0e05534 100644
--- a/src/utils/constant.utils.ts
+++ b/src/utils/constant.utils.ts
@@ -1,299 +1,1249 @@
+export const PortfolioData = [
+ {
+ id: 101,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/events.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Aakriti Design Events",
+ title: "Web Development",
+ name: "Aakriti Design Events",
+ link: "https://events.aakritidesign.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/events.png",
+ },
+ {
+ id: 73,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/repharehab.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "rapharehab",
+ title: "Web Development",
+ name: "Rapharehab",
+ link: "https://rapharehab.ca/",
+ // videoLink: "#",
+ imagePopup: "/assets/images/portfolio/web-development/repharehab.png",
+ },
+ {
+ id: 75,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/Maisondetreats.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Maison de treats",
+ title: "Web Development",
+ name: "Maison de treats",
+ link: "https://maisondetreats.com/",
+ // videoLink: "#",
+ imagePopup: "/assets/images/portfolio/web-development/Maisondetreats.png",
+ },
+ {
+ id: 74,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/Sixty5Street.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Sixty5Street",
+ title: "Web Development",
+ name: "Sixty5Street",
+ link: "https://sixty5street.com/",
+ // videoLink: "#",
+ imagePopup: "/assets/images/portfolio/web-development/Sixty5Street.png",
+ },
+ {
+ id: 5,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/vg-fence.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "VG Fence",
+ title: "Web Development",
+ name: "VG Fence",
+ link: "https://vgfence.metatronnest.com/",
+ videoLink: "https://youtu.be/Jv0d_kj0RDs",
+ imagePopup: "/assets/images/portfolio/web-development/vg-fence.jpg",
+ },
+ // {
+ // id: 68,
+ // category: "web",
+ // image: "/assets/images/portfolio/web-development/janahanlaw.png",
+ // colClass: "col-lg-4 col-md-6",
+ // alt: "janahanlaw",
+ // title: "Web Development",
+ // name: "Janahan Law",
+ // link: "https://janahanlaw.com/",
+ // videoLink: "https://youtu.be/zWAMAYFctVQ",
+ // imagePopup: "/assets/images/portfolio/web-development/janahanlaw.png",
+ // },
+ {
+ id: 80,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/data4autos.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Data4Autos",
+ title: "Web Development",
+ name: "Data4Autos",
+ link: "https://data4autos.com/",
+ // videoLink: "#",
+ imagePopup: "/assets/images/portfolio/web-development/data4autos.png",
+ },
+ {
+ id: 76,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/Cybus.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Cibus Industries",
+ title: "Web Development",
+ name: "Cibus Industries",
+ link: "https://cibusindustries.com/",
+ // videoLink: "#",
+ imagePopup: "/assets/images/portfolio/web-development/Cybus.png",
+ },
+ {
+ id: 72,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/TCA.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Tamil Culture Association",
+ title: "Web Development",
+ name: "Tamil Culture Association",
+ link: "https://tamilculturewaterloo.org/",
+ // videoLink: "#",
+ imagePopup: "/assets/images/portfolio/web-development/TCA.png",
+ },
+ {
+ id: 4,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/shivas-dosa.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Shiva's Dosa",
+ title: "Web Development",
+ name: "Shiva's Dosa",
+ link: "https://shivasdosa.com/",
+ videoLink: "https://www.youtube.com/embed/0vVvnfX9GJk",
+ imagePopup: "/assets/images/portfolio/web-development/shivas-dosa.jpg",
+ },
+ {
+ id: 2,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/chennora.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Chennora",
+ title: "Web Development",
+ name: "Chennora",
+ link: "https://chennora.com/",
+ videoLink: "https://www.youtube.com/embed/6Xahi_OvmqE",
+ imagePopup: "/assets/images/portfolio/web-development/chennora.jpg",
+ },
+ {
+ id: 3,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/dine-360.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Dine 360 Ads",
+ title: "Web Development",
+ name: "Dine 360 Ads",
+ link: "https://dine360ads.com/",
+ videoLink: "https://www.youtube.com/embed/n0xh0hIjMEo",
+ imagePopup: "/assets/images/portfolio/web-development/dine-360.jpg",
+ },
+ {
+ id: 6,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/metatroncube.webp",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Metatroncube Ads",
+ title: "Web Development",
+ name: "Metatroncube Ads",
+ link: "https://ad.metatroncubesolutions.com/",
+ videoLink: "https://youtu.be/aSZknWnggmQ?si=8fruUAyDZqEzLIDs",
+ imagePopup: "/assets/images/portfolio/web-development/metatroncube.webp",
+ },
+ {
+ id: 7,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/metatron-academy.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Metatroncube Academy",
+ title: "Web Development",
+ name: "Metatroncube Academy",
+ link: "https://metatroncubeacademy.com/",
+ videoLink: "https://www.youtube.com/embed/3I0r5_-a0ac",
+ imagePopup: "/assets/images/portfolio/web-development/metatron-academy.jpg",
+ },
+ {
+ id: 8,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/life-as-house.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Life As A House",
+ title: "Web Development",
+ name: "Life As A House",
+ link: "https://lifeasahouse.ca/",
+ videoLink: "https://www.youtube.com/embed/X1gkTfmPzHs",
+ imagePopup: "/assets/images/portfolio/web-development/life-as-house.jpg",
+ },
+ {
+ id: 9,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/latha-homes.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Latha Homes",
+ title: "Web Development",
+ name: "Latha Homes",
+ link: "https://lathahomes.com/",
+ videoLink: "https://www.youtube.com/embed/zXu0j259bCA",
+ imagePopup: "/assets/images/portfolio/web-development/latha-homes.jpg",
+ },
+ {
+ id: 10,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/brit-lanka.webp",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Brit Lanka",
+ title: "Web Development",
+ name: "Brit Lanka",
+ link: "https://thebritlanka.uk/",
+ videoLink: "https://youtu.be/oZZTyioVczE?si=FgxEjP7GXparE1g0",
+ imagePopup: "/assets/images/portfolio/web-development/brit-lanka.webp",
+ },
+ {
+ id: 1,
+ category: "web",
+ image: "/assets/images/portfolio/web-development/murugan-temple.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Murugan Temple",
+ title: "Web Development",
+ name: "Murugan Temple",
+ link: "https://murugantemple.ca/",
+ videoLink: "https://youtu.be/QjUAdO3p5E8",
+ imagePopup: "/assets/images/portfolio/web-development/murugan-temple.jpg",
+ },
+ {
+ id: 11,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/3.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/3.png",
+ },
+ {
+ id: 12,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/4.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/4.png",
+ },
+ {
+ id: 13,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/5.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/5.png",
+ },
+ {
+ id: 14,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/6.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/6.png",
+ },
+ {
+ id: 15,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/7.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/7.png",
+ },
+ {
+ id: 16,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/8.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/8.png",
+ },
+ {
+ id: 17,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/FALCON AD 1.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/FALCON AD 1.png",
+ },
+ {
+ id: 18,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/Falcon Tees.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/Falcon Tees.png",
+ },
+ {
+ id: 19,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/FB COVER.png",
+ colClass: "col-lg-4 col-md-6",
+ contentInnerClass: "case-study-content-inner",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/FB COVER.png",
+ },
+ {
+ id: 20,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/metatroncube.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/metatroncube.png",
+ },
+ {
+ id: 21,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/metatronNest.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/metatronNest.png",
+ },
+ {
+ id: 22,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/mockup.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/mockup.png",
+ },
+ {
+ id: 23,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/mockup-2.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/mockup-2.png",
+ },
+ {
+ id: 24,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/polo tshirt.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/polo tshirt.png",
+ },
+ {
+ id: 25,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/POSTER.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/POSTER.png",
+ },
+ {
+ id: 26,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/vehicle.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/vehicle.jpg",
+ },
+ {
+ id: 27,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/1.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/1.jpg",
+ },
+ {
+ id: 28,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/2.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/2.jpg",
+ },
+ {
+ id: 29,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/3.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/3.jpg",
+ },
+ {
+ id: 30,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/6.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/6.jpg",
+ },
+ {
+ id: 31,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/new chennora banner.jpg",
+ contentInnerClass: "case-study-content-inner",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/new chennora banner.jpg",
+ },
+ {
+ id: 32,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/Digital Advertisement Agency.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/Digital Advertisement Agency.jpg",
+ },
+ {
+ id: 33,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/Copy of Metatroncube CA - June Posters.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/Copy of Metatroncube CA - June Posters.jpg",
+ },
+ {
+ id: 34,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/graphic.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/graphic.jpg",
+ },
+ {
+ id: 35,
+ category: "graphic",
+ image: "/assets/images/portfolio/graphic-design/graphic-4.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Consulting for Business Organizations",
+ title: "Graphic Design",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/graphic-design/graphic-4.jpg",
+ },
+ {
+ id: 36,
+ category: "shopify",
+ image: "/assets/images/portfolio/shopify/race-werks.jpeg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Race Werks",
+ title: "Shopify Store",
+ name: "Race Werks",
+ link: "https://racewerks.co/",
+ videoLink: "https://youtu.be/4DevCRFDUN0",
+ imagePopup: "/assets/images/portfolio/shopify/race-werks.jpeg",
+ },
+ {
+ id: 37,
+ category: "shopify",
+ image: "/assets/images/portfolio/shopify/race-nation.jpeg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Race Nation",
+ title: "Shopify Store",
+ name: "Race Nation",
+ link: "https://racenation.in/",
+ videoLink: "https://www.youtube.com/embed/30ssXs6iNkg?si=D6Sgsih7UsKZ093p",
+ imagePopup: "/assets/images/portfolio/shopify/race-nation.jpeg",
+ },
+ {
+ id: 77,
+ category: "shopify",
+ image: "/assets/images/portfolio/shopify/2.0.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "2.0 Multistore",
+ title: "Shopify Store",
+ name: "2.0 Multistore",
+ link: "https://megamultistore.com/",
+ // videoLink: "https://www.youtube.com/embed/30ssXs6iNkg?si=D6Sgsih7UsKZ093p",
+ imagePopup: "/assets/images/portfolio/shopify/2.0.png",
+ },
+ {
+ id: 38,
+ category: "meta",
+ image: "/assets/images/portfolio/meta-ads/Google Ads.jpeg",
+ colClass: "col-12",
+ contentInnerClass: "case-study-content-inner2",
+ alt: "Consulting for Business Organizations",
+ title: "Google Meta Ads",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/meta-ads/Google Ads.jpeg",
+ },
+ {
+ id: 39,
+ category: "meta",
+ image: "/assets/images/portfolio/meta-ads/Meta Ads 1.png",
+ colClass: "col-12",
+ contentInnerClass: "case-study-content-inner2",
+ alt: "Consulting for Business Organizations",
+ title: "Google Meta Ads",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/meta-ads/Meta Ads 1.png",
+ },
+ {
+ id: 40,
+ category: "meta",
+ image: "/assets/images/portfolio/meta-ads/Meta Ads 2.png",
+ colClass: "col-12",
+ contentInnerClass: "case-study-content-inner2",
+ alt: "Consulting for Business Organizations",
+ title: "Google Meta Ads",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/meta-ads/Meta Ads 2.png",
+ },
+ {
+ id: 41,
+ category: "meta",
+ image: "/assets/images/portfolio/meta-ads/Meta Ads 3.png",
+ colClass: "col-12",
+ contentInnerClass: "case-study-content-inner2",
+ alt: "Consulting for Business Organizations",
+ title: "Google Meta Ads",
+ name: "Consulting for Business Organizations",
+ link: "#",
+ videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/meta-ads/Meta Ads 3.png",
+ },
+ {
+ id: 42,
+ category: "logo",
+ image: "/assets/images/portfolio/logo/logo-portfolio-01.png",
+ colClass: "col-lg-4 col-md-6",
+ contentInnerClass: "case-study-content-inner",
+ alt: "Consulting for Business Organizations",
+ title: "Logo Branding",
+ name: "MetatronNest Control Panel",
+ link: "#",
+ // videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/logo/logo-portfolio-01.png",
+ },
+ {
+ id: 43,
+ category: "logo",
+ image: "/assets/images/portfolio/logo/logo-portfolio-03.png",
+ colClass: "col-lg-4 col-md-6",
+ contentInnerClass: "case-study-content-inner",
+ alt: "Consulting for Business Organizations",
+ title: "Logo Branding",
+ name: "Janahan Law",
+ link: "#",
+ // videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/logo/logo-portfolio-03.png",
+ },
+ {
+ id: 44,
+ category: "logo",
+ image: "/assets/images/portfolio/logo/logo-portfolio-02.png",
+ colClass: "col-lg-4 col-md-6",
+ contentInnerClass: "case-study-content-inner",
+ alt: "Consulting for Business Organizations",
+ title: "Logo Branding",
+ name: "MetatronCube Digital Academy",
+ link: "#",
+ // videoLink: "https://youtu.be/BS4TUd7FJSg",
+ imagePopup: "/assets/images/portfolio/logo/logo-portfolio-02.png",
+ },
+ {
+ id: 45,
+ category: "video",
+ colClass: "col-lg-4 col-md-6",
+ alt: "metatronCube solutions",
+ title: "Video Editing",
+ name: "Logo Presentation",
+ link: "https://www.youtube.com/watch?v=KbI5qQDaYjI",
+ video: "https://www.youtube.com/watch?v=KbI5qQDaYjI",
+ videoLink: "https://www.youtube.com/watch?v=KbI5qQDaYjI",
+ }
+ ,
+ {
+ id: 46,
+ category: "video",
+ video: "https://www.youtube.com/watch?v=ckvV7Mgcq_Q",
+ colClass: "col-lg-4 col-md-6",
+ alt: "metatronCube solutions",
+ title: "Video Editing",
+ name: "MetatronCube Solutions",
+ link: "https://www.youtube.com/watch?v=ckvV7Mgcq_Q",
+ videoLink: "https://www.youtube.com/watch?v=ckvV7Mgcq_Q",
+ },
+ {
+ id: 47,
+ category: "video",
+ video: "https://www.youtube.com/watch?v=4WhJFTbaCko",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Dine360",
+ title: "Video Editing",
+ name: "Dine360",
+ link: "https://www.youtube.com/watch?v=4WhJFTbaCko",
+ videoLink: "https://www.youtube.com/watch?v=4WhJFTbaCko",
+ },
+ {
+ id: 48,
+ category: "video",
+ video: "/assets/video/8.mp4",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Race Werks",
+ title: "Video Editing",
+ name: "Race Werks",
+ link: "#",
+ videoLink: "/assets/video/8.mp4",
+ },
+ {
+ id: 49,
+ category: "video",
+ video: "/assets/video/9.mp4",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Shiva Shakthi Restaurant",
+ title: "Video Editing",
+ name: "Shiva Shakthi Restaurant",
+ link: "#",
+ videoLink: "/assets/video/9.mp4",
+ },
+ {
+ id: 50,
+ category: "video",
+ video: "https://www.youtube.com/watch?v=69dcbrCQRt4",
+ colClass: "col-lg-4 col-md-6",
+ alt: "metatronCube solutions",
+ title: "Video Editing",
+ name: "Behind The Scenes",
+ link: "https://www.youtube.com/watch?v=69dcbrCQRt4",
+ videoLink: "https://www.youtube.com/watch?v=69dcbrCQRt4",
+ },
+ {
+ id: 51,
+ category: "video",
+ video: "https://www.youtube.com/shorts/PqK6UwPaU2I",
+ colClass: "col-lg-4 col-md-6",
+ alt: "metatronCube solutions",
+ title: "Video Editing",
+ name: "MetatronCube Solutions",
+ link: "https://www.youtube.com/shorts/PqK6UwPaU2I",
+ videoLink: "https://www.youtube.com/shorts/PqK6UwPaU2I",
+ },
+ {
+ id: 52,
+ category: "video",
+ video: "https://www.youtube.com/shorts/Jdq3rIbdMM0",
+ colClass: "col-lg-4 col-md-6",
+ alt: "metatronCube solutions",
+ title: "Video Editing",
+ name: "MetatronCube Solutions",
+ link: "https://www.youtube.com/shorts/Jdq3rIbdMM0",
+ videoLink: "https://www.youtube.com/shorts/Jdq3rIbdMM0",
+ },
+ {
+ id: 53,
+ category: "video",
+ video: "https://www.youtube.com/shorts/YgCb5BIm93w",
+ colClass: "col-lg-4 col-md-6",
+ alt: "clothing",
+ title: "Video Editing",
+ name: "Falcon Fashions",
+ link: "https://www.youtube.com/shorts/YgCb5BIm93w",
+ videoLink: "https://www.youtube.com/shorts/YgCb5BIm93w",
+ },
+ {
+ id: 60,
+ category: "video",
+ video: "https://www.youtube.com/shorts/Wd89RALJjJw",
+ colClass: "col-lg-4 col-md-6",
+ alt: "clothing",
+ title: "Video Editing",
+ name: "Chennora",
+ link: "https://www.youtube.com/shorts/Wd89RALJjJw",
+ videoLink: "https://www.youtube.com/shorts/Wd89RALJjJw",
+ },
+ {
+ id: 61,
+ category: "video",
+ video: "https://www.youtube.com/shorts/QUm9hHtF6z4",
+ colClass: "col-lg-4 col-md-6",
+ alt: "MetatronCube Solutions",
+ title: "Video Editing",
+ name: "MetatronCube Software Solutions",
+ link: "https://www.youtube.com/shorts/QUm9hHtF6z4",
+ videoLink: "https://www.youtube.com/shorts/QUm9hHtF6z4",
+ },
+ {
+ id: 70,
+ category: "video",
+ video: "https://www.youtube.com/watch?v=Rzm5ZWueMwY&feature=youtu.be",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Shiva Shakthi Restaurant",
+ title: "Video Editing",
+ name: "Shiva Shakthi Restaurant",
+ link: "https://www.youtube.com/watch?v=Rzm5ZWueMwY&feature=youtu.be",
+ videoLink: "https://www.youtube.com/watch?v=Rzm5ZWueMwY&feature=youtu.be",
+ },
+ {
+ id: 71,
+ category: "video",
+ video: "https://www.youtube.com/watch?v=_gYcJ_sMAQg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Race Werks",
+ title: "Video Editing",
+ name: "Race Werks",
+ link: "https://www.youtube.com/watch?v=_gYcJ_sMAQg",
+ videoLink: "https://www.youtube.com/watch?v=_gYcJ_sMAQg",
+ },
+ {
+ id: 65,
+ category: "video",
+ video: "https://www.youtube.com/shorts/rksfIUjSe-Y",
+ colClass: "col-lg-4 col-md-6",
+ alt: "MetatronCube Software Solutions",
+ title: "Video Editing",
+ name: "MetatronCube Software Solutions",
+ link: "https://www.youtube.com/shorts/rksfIUjSe-Y",
+ videoLink: "https://www.youtube.com/shorts/rksfIUjSe-Y",
+ },
+ {
+ id: 54,
+ category: "video",
+ video: "https://www.youtube.com/shorts/cklxi68293I",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Go Green Packs",
+ title: "Video Editing",
+ name: "Go Green Packs",
+ link: "https://www.youtube.com/shorts/cklxi68293I",
+ videoLink: "https://www.youtube.com/shorts/cklxi68293I",
+ },
+ {
+ id: 55,
+ category: "video",
+ video: "https://www.youtube.com/shorts/ToGhKXuD9DE",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Go Green Packs",
+ title: "Video Editing",
+ name: "Go Green Packs",
+ link: "https://www.youtube.com/shorts/ToGhKXuD9DE",
+ videoLink: "https://www.youtube.com/shorts/ToGhKXuD9DE",
+ },
+ {
+ id: 56,
+ category: "video",
+ video: "https://www.youtube.com/shorts/NkwV9cTLpZ0",
+ colClass: "col-lg-4 col-md-6",
+ alt: "chennora",
+ title: "Video Editing",
+ name: "Chennora",
+ link: "https://www.youtube.com/shorts/NkwV9cTLpZ0",
+ videoLink: "https://www.youtube.com/shorts/NkwV9cTLpZ0",
+ },
+ {
+ id: 57,
+ category: "video",
+ video: "https://www.youtube.com/shorts/A19LSbESoQ8",
+ colClass: "col-lg-4 col-md-6",
+ alt: "chennora",
+ title: "Video Editing",
+ name: "Chennora",
+ link: "https://www.youtube.com/shorts/A19LSbESoQ8",
+ videoLink: "https://www.youtube.com/shorts/A19LSbESoQ8",
+ },
+ {
+ id: 58,
+ category: "video",
+ video: "https://www.youtube.com/shorts/uYpCtM4ceqk",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Dine360",
+ title: "Video Editing",
+ name: "Dine360",
+ link: "https://www.youtube.com/shorts/uYpCtM4ceqk",
+ videoLink: "https://www.youtube.com/shorts/uYpCtM4ceqk",
+ },
+ {
+ id: 59,
+ category: "video",
+ video: "https://www.youtube.com/shorts/krIeffEe1Yw",
+ colClass: "col-lg-4 col-md-6",
+ alt: "shiva shakthi restaurant",
+ title: "Video Editing",
+ name: "Shiva Shakthi Restaurant",
+ link: "https://www.youtube.com/shorts/krIeffEe1Yw",
+ videoLink: "https://www.youtube.com/shorts/krIeffEe1Yw",
+ },
+
+ {
+ id: 62,
+ category: "video",
+ video: "https://www.youtube.com/shorts/wYpSLo0OH6E",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Chennora",
+ title: "Video Editing",
+ name: "Chennora",
+ link: "https://www.youtube.com/shorts/wYpSLo0OH6E",
+ videoLink: "https://www.youtube.com/shorts/wYpSLo0OH6E",
+ },
+ {
+ id: 63,
+ category: "video",
+ video: "https://www.youtube.com/shorts/Ybw_HnifF8o",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Shiva Shakthi Restaurant",
+ title: "Video Editing",
+ name: "Shiva Shakthi Restaurant",
+ link: "https://www.youtube.com/shorts/Ybw_HnifF8o",
+ videoLink: "https://www.youtube.com/shorts/Ybw_HnifF8o",
+ },
+ {
+ id: 64,
+ category: "video",
+ video: "https://www.youtube.com/shorts/i6DlmWxleGs",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Palm Plates",
+ title: "Video Editing",
+ name: "Palm Plates",
+ link: "https://www.youtube.com/shorts/i6DlmWxleGs",
+ videoLink: "https://www.youtube.com/shorts/i6DlmWxleGs",
+ },
+ {
+ id: 69,
+ category: "video",
+ video: "https://www.youtube.com/shorts/FiNbZuZg_lM",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Shiva Shakthi Restaurant",
+ title: "Video Editing",
+ name: "Shiva Shakthi Restaurant",
+ link: "https://www.youtube.com/shorts/FiNbZuZg_lM",
+ videoLink: "https://www.youtube.com/shorts/FiNbZuZg_lM",
+ },
+
+ {
+ id: 66,
+ category: "video",
+ video: "/assets/video/14.mp4",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Yukti",
+ title: "Video Editing",
+ name: "Yukti",
+ link: "#",
+ videoLink: "/assets/video/14.mp4",
+ },
+ {
+ id: 67,
+ category: "video",
+ video: "/assets/video/15.mp4",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Shiva Shakthi Restaurant",
+ title: "Video Editing",
+ name: "Shiva Shakthi Restaurant",
+ link: "#",
+ videoLink: "/assets/video/15.mp4",
+ },
+ {
+ id: 78,
+ category: "wordpress",
+ image: "/assets/images/portfolio/wordpress/TNCSC.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Tamil Nadu Cultural Society of Canada",
+ title: "Tamil Nadu Cultural Society of Canada",
+ name: "Tamil Nadu Cultural Society of Canada",
+ link: "https://tncsc.com/",
+ // videoLink: "https://www.youtube.com/embed/30ssXs6iNkg?si=D6Sgsih7UsKZ093p",
+ imagePopup: "/assets/images/portfolio/wordpress/TNCSC.png",
+ },
+
+];
+
+
export const WebServicesData = [
- {
- id: 101,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/events.png",
- colClass: "col-lg-4 col-md-6",
- alt: "Aakriti Design Events",
- title: "Web Development",
- name: "Aakriti Design Events",
- link: "https://events.aakritidesign.com/",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/events.png",
- },
- {
- id: 73,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/repharehab.png",
- colClass: "col-lg-4 col-md-6",
- alt: "rapharehab",
- title: "Web Development",
- name: "Rapharehab",
- link: "https://rapharehab.ca/",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/repharehab.png",
- },
- {
- id: 75,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/Maisondetreats.png",
- colClass: "col-lg-4 col-md-6",
- alt: "Maison de treats",
- title: "Web Development",
- name: "Maison de treats",
- link: "https://maisondetreats.com/",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/Maisondetreats.png",
- },
- {
- id: 74,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/Sixty5Street.png",
- colClass: "col-lg-4 col-md-6",
- alt: "Sixty5Street",
- title: "Web Development",
- name: "Sixty5Street",
- link: "https://sixty5street.com/",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/Sixty5Street.png",
- },
- {
- id: 5,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/vg-fence.png",
- colClass: "col-lg-4 col-md-6",
- alt: "VG Fence",
- title: "Web Development",
- name: "VG Fence",
- link: "https://vgfence.metatronnest.com/",
- videoLink: "https://youtu.be/Jv0d_kj0RDs",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/vg-fence.png",
- },
- // {
- // id: 68,
- // category: "web",
- // image: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
- // colClass: "col-lg-4 col-md-6",
- // alt: "janahanlaw",
- // title: "Web Development",
- // name: "Janahan Law",
- // link: "https://janahanlaw.com/",
- // videoLink: "https://youtu.be/zWAMAYFctVQ",
- // imagePopup: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
- // },
- {
- id: 80,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/data4autos.png",
- colClass: "col-lg-4 col-md-6",
- alt: "Data4Autos",
- title: "Web Development",
- name: "Data4Autos",
- link: "https://data4autos.com/",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/data4autos.png",
- },
- {
- id: 76,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/Cybus.png",
- colClass: "col-lg-4 col-md-6",
- alt: "Cibus Industries",
- title: "Web Development",
- name: "Cibus Industries",
- link: "https://cibusindustries.com/",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/Cybus.png",
- },
- {
- id: 72,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/TCA.png",
- colClass: "col-lg-4 col-md-6",
- alt: "Tamil Culture Association",
- title: "Web Development",
- name: "Tamil Culture Association",
- link: "https://tamilculturewaterloo.org/",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/TCA.png",
- },
- {
- id: 4,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/shivas-dosa.jpg",
- colClass: "col-lg-4 col-md-6",
- alt: "Shiva's Dosa",
- title: "Web Development",
- name: "Shiva's Dosa",
- link: "https://shivasdosa.com/",
- videoLink: "https://www.youtube.com/embed/0vVvnfX9GJk",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/shivas-dosa.jpg",
- },
- {
- id: 2,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/chennora.jpg",
- colClass: "col-lg-4 col-md-6",
- alt: "Chennora",
- title: "Web Development",
- name: "Chennora",
- link: "https://chennora.com/",
- videoLink: "https://www.youtube.com/embed/6Xahi_OvmqE",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/chennora.jpg",
- },
- {
- id: 3,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/dine-360.jpg",
- colClass: "col-lg-4 col-md-6",
- alt: "Dine 360 Ads",
- title: "Web Development",
- name: "Dine 360 Ads",
- link: "https://dine360ads.com/",
- videoLink: "https://www.youtube.com/embed/n0xh0hIjMEo",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/dine-360.jpg",
- },
- {
- id: 6,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/metatroncube.webp",
- colClass: "col-lg-4 col-md-6",
- alt: "Metatroncube Ads",
- title: "Web Development",
- name: "Metatroncube Ads",
- link: "https://ad.metatroncubesolutions.com/",
- videoLink: "https://youtu.be/aSZknWnggmQ?si=8fruUAyDZqEzLIDs",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/metatroncube.webp",
- },
- {
- id: 7,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/metatron-academy.jpg",
- colClass: "col-lg-4 col-md-6",
- alt: "Metatroncube Academy",
- title: "Web Development",
- name: "Metatroncube Academy",
- link: "https://metatroncubeacademy.com/",
- videoLink: "https://www.youtube.com/embed/3I0r5_-a0ac",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/metatron-academy.jpg",
- },
- {
- id: 8,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/life-as-house.jpg",
- colClass: "col-lg-4 col-md-6",
- alt: "Life As A House",
- title: "Web Development",
- name: "Life As A House",
- link: "https://lifeasahouse.ca/",
- videoLink: "https://www.youtube.com/embed/X1gkTfmPzHs",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/life-as-house.jpg",
- },
- {
- id: 9,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/latha-homes.jpg",
- colClass: "col-lg-4 col-md-6",
- alt: "Latha Homes",
- title: "Web Development",
- name: "Latha Homes",
- link: "https://lathahomes.com/",
- videoLink: "https://www.youtube.com/embed/zXu0j259bCA",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/latha-homes.jpg",
- },
- {
- id: 10,
- category: "wordpress",
- image: "/assets/img/images/portfolio/web-development/web-development/brit-lanka.webp",
- colClass: "col-lg-4 col-md-6",
- alt: "Brit Lanka",
- title: "Web Development",
- name: "Brit Lanka",
- link: "https://thebritlanka.uk/",
- videoLink: "https://youtu.be/oZZTyioVczE?si=FgxEjP7GXparE1g0",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/brit-lanka.webp",
- },
- {
- id: 1,
- category: "web",
- image: "/assets/img/images/portfolio/web-development/web-development/murugan-temple.jpg",
- colClass: "col-lg-4 col-md-6",
- alt: "Murugan Temple",
- title: "Web Development",
- name: "Murugan Temple",
- link: "https://murugantemple.ca/",
- videoLink: "https://youtu.be/QjUAdO3p5E8",
- imagePopup: "/assets/img/images/portfolio/web-development/web-development/murugan-temple.jpg",
- },
- // {
- // id: 11,
- // category: "web",
- // image: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
- // colClass: "col-lg-4 col-md-6",
- // alt: "janahanlaw",
- // title: "Web Development",
- // name: "Janahan Law",
- // link: "https://janahanlaw.com/",
- // videoLink: "https://youtu.be/zWAMAYFctVQ",
- // imagePopup: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
- // },
- {
- id: 12,
- category: "shopify",
- image: "/assets/img/images/portfolio/web-development/shopify/race-werks.jpeg",
- colClass: "col-lg-4 col-md-6",
- alt: "Race Werks",
- title: "Shopify Store",
- name: "Race Werks",
- link: "https://racewerks.co/",
- videoLink: "https://youtu.be/4DevCRFDUN0",
- imagePopup: "/assets/img/images/portfolio/web-development/shopify/race-werks.jpeg",
- },
- {
- id: 13,
- category: "shopify",
- image: "/assets/img/images/portfolio/web-development/shopify/race-nation.jpeg",
- colClass: "col-lg-4 col-md-6",
- alt: "Race Nation",
- title: "Shopify Store",
- name: "Race Nation",
- link: "https://racenation.in/",
- videoLink: "https://www.youtube.com/embed/30ssXs6iNkg?si=D6Sgsih7UsKZ093p",
- imagePopup: "/assets/img/images/portfolio/web-development/shopify/race-nation.jpeg",
- },
- {
- id: 77,
- category: "shopify",
- image: "/assets/img/images/portfolio/web-development/shopify/2.0.png",
- colClass: "col-lg-4 col-md-6",
- alt: "2.0 Multistore",
- title: "Shopify Store",
- name: "2.0 Multistore",
- link: "https://megamultistore.com/",
- imagePopup: "/assets/img/images/portfolio/web-development/shopify/2.0.png",
- },
- {
- id: 78,
- category: "wordpress",
- image: "/assets/img/images/portfolio/web-development/wordpress/TNCSC.png",
- colClass: "col-lg-4 col-md-6",
- alt: "Tamil Nadu Cultural Society of Canada",
- title: "WordPress",
- name: "Tamil Nadu Cultural Society of Canada",
- link: "https://tncsc.com/",
- imagePopup: "/assets/img/images/portfolio/web-development/wordpress/TNCSC.png",
- },
+ {
+ id: 101,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/events.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Aakriti Design Events",
+ title: "Web Development",
+ name: "Aakriti Design Events",
+ link: "https://events.aakritidesign.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/events.png",
+ },
+ {
+ id: 73,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/repharehab.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "rapharehab",
+ title: "Web Development",
+ name: "Rapharehab",
+ link: "https://rapharehab.ca/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/repharehab.png",
+ },
+ {
+ id: 75,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/Maisondetreats.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Maison de treats",
+ title: "Web Development",
+ name: "Maison de treats",
+ link: "https://maisondetreats.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/Maisondetreats.png",
+ },
+ {
+ id: 74,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/Sixty5Street.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Sixty5Street",
+ title: "Web Development",
+ name: "Sixty5Street",
+ link: "https://sixty5street.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/Sixty5Street.png",
+ },
+ {
+ id: 5,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/vg-fence.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "VG Fence",
+ title: "Web Development",
+ name: "VG Fence",
+ link: "https://vgfence.metatronnest.com/",
+ videoLink: "https://youtu.be/Jv0d_kj0RDs",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/vg-fence.png",
+ },
+ // {
+ // id: 68,
+ // category: "web",
+ // image: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
+ // colClass: "col-lg-4 col-md-6",
+ // alt: "janahanlaw",
+ // title: "Web Development",
+ // name: "Janahan Law",
+ // link: "https://janahanlaw.com/",
+ // videoLink: "https://youtu.be/zWAMAYFctVQ",
+ // imagePopup: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
+ // },
+ {
+ id: 80,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/data4autos.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Data4Autos",
+ title: "Web Development",
+ name: "Data4Autos",
+ link: "https://data4autos.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/data4autos.png",
+ },
+ {
+ id: 76,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/Cybus.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Cibus Industries",
+ title: "Web Development",
+ name: "Cibus Industries",
+ link: "https://cibusindustries.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/Cybus.png",
+ },
+ {
+ id: 72,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/TCA.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Tamil Culture Association",
+ title: "Web Development",
+ name: "Tamil Culture Association",
+ link: "https://tamilculturewaterloo.org/",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/TCA.png",
+ },
+ {
+ id: 4,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/shivas-dosa.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Shiva's Dosa",
+ title: "Web Development",
+ name: "Shiva's Dosa",
+ link: "https://shivasdosa.com/",
+ videoLink: "https://www.youtube.com/embed/0vVvnfX9GJk",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/shivas-dosa.jpg",
+ },
+ {
+ id: 2,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/chennora.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Chennora",
+ title: "Web Development",
+ name: "Chennora",
+ link: "https://chennora.com/",
+ videoLink: "https://www.youtube.com/embed/6Xahi_OvmqE",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/chennora.jpg",
+ },
+ {
+ id: 3,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/dine-360.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Dine 360 Ads",
+ title: "Web Development",
+ name: "Dine 360 Ads",
+ link: "https://dine360ads.com/",
+ videoLink: "https://www.youtube.com/embed/n0xh0hIjMEo",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/dine-360.jpg",
+ },
+ {
+ id: 6,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/metatroncube.webp",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Metatroncube Ads",
+ title: "Web Development",
+ name: "Metatroncube Ads",
+ link: "https://ad.metatroncubesolutions.com/",
+ videoLink: "https://youtu.be/aSZknWnggmQ?si=8fruUAyDZqEzLIDs",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/metatroncube.webp",
+ },
+ {
+ id: 7,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/metatron-academy.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Metatroncube Academy",
+ title: "Web Development",
+ name: "Metatroncube Academy",
+ link: "https://metatroncubeacademy.com/",
+ videoLink: "https://www.youtube.com/embed/3I0r5_-a0ac",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/metatron-academy.jpg",
+ },
+ {
+ id: 8,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/life-as-house.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Life As A House",
+ title: "Web Development",
+ name: "Life As A House",
+ link: "https://lifeasahouse.ca/",
+ videoLink: "https://www.youtube.com/embed/X1gkTfmPzHs",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/life-as-house.jpg",
+ },
+ {
+ id: 9,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/latha-homes.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Latha Homes",
+ title: "Web Development",
+ name: "Latha Homes",
+ link: "https://lathahomes.com/",
+ videoLink: "https://www.youtube.com/embed/zXu0j259bCA",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/latha-homes.jpg",
+ },
+ {
+ id: 10,
+ category: "wordpress",
+ image: "/assets/img/images/portfolio/web-development/web-development/brit-lanka.webp",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Brit Lanka",
+ title: "Web Development",
+ name: "Brit Lanka",
+ link: "https://thebritlanka.uk/",
+ videoLink: "https://youtu.be/oZZTyioVczE?si=FgxEjP7GXparE1g0",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/brit-lanka.webp",
+ },
+ {
+ id: 1,
+ category: "web",
+ image: "/assets/img/images/portfolio/web-development/web-development/murugan-temple.jpg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Murugan Temple",
+ title: "Web Development",
+ name: "Murugan Temple",
+ link: "https://murugantemple.ca/",
+ videoLink: "https://youtu.be/QjUAdO3p5E8",
+ imagePopup: "/assets/img/images/portfolio/web-development/web-development/murugan-temple.jpg",
+ },
+ // {
+ // id: 11,
+ // category: "web",
+ // image: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
+ // colClass: "col-lg-4 col-md-6",
+ // alt: "janahanlaw",
+ // title: "Web Development",
+ // name: "Janahan Law",
+ // link: "https://janahanlaw.com/",
+ // videoLink: "https://youtu.be/zWAMAYFctVQ",
+ // imagePopup: "/assets/img/images/portfolio/web-development/web-development/janahanlaw.png",
+ // },
+ {
+ id: 12,
+ category: "shopify",
+ image: "/assets/img/images/portfolio/web-development/shopify/race-werks.jpeg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Race Werks",
+ title: "Shopify Store",
+ name: "Race Werks",
+ link: "https://racewerks.co/",
+ videoLink: "https://youtu.be/4DevCRFDUN0",
+ imagePopup: "/assets/img/images/portfolio/web-development/shopify/race-werks.jpeg",
+ },
+ {
+ id: 13,
+ category: "shopify",
+ image: "/assets/img/images/portfolio/web-development/shopify/race-nation.jpeg",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Race Nation",
+ title: "Shopify Store",
+ name: "Race Nation",
+ link: "https://racenation.in/",
+ videoLink: "https://www.youtube.com/embed/30ssXs6iNkg?si=D6Sgsih7UsKZ093p",
+ imagePopup: "/assets/img/images/portfolio/web-development/shopify/race-nation.jpeg",
+ },
+ {
+ id: 77,
+ category: "shopify",
+ image: "/assets/img/images/portfolio/web-development/shopify/2.0.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "2.0 Multistore",
+ title: "Shopify Store",
+ name: "2.0 Multistore",
+ link: "https://megamultistore.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/shopify/2.0.png",
+ },
+ {
+ id: 78,
+ category: "wordpress",
+ image: "/assets/img/images/portfolio/web-development/wordpress/TNCSC.png",
+ colClass: "col-lg-4 col-md-6",
+ alt: "Tamil Nadu Cultural Society of Canada",
+ title: "WordPress",
+ name: "Tamil Nadu Cultural Society of Canada",
+ link: "https://tncsc.com/",
+ imagePopup: "/assets/img/images/portfolio/web-development/wordpress/TNCSC.png",
+ },
];
export const MobileAppServicesData = [
- {
- id: 1,
- category: "live",
- image: "/assets/img-app/home/section6/clickstocart.jpg",
- alt: "ClicksToCart",
- title: "E-Commerce App",
- name: "ClicksToCart",
- link: "#",
- },
- {
- id: 2,
- category: "coming-soon",
- image: "/assets/img-app/home/section6/socialbuddy.png",
- alt: "Social Buddy",
- title: "Social Networking",
- name: "Social Buddy",
- link: "#",
- },
- {
- id: 3,
- category: "coming-soon",
- image: "/assets/img-app/home/section6/data4autos.png",
- alt: "Data4Autos",
- title: "Automotive Analytics",
- name: "Data4Autos",
- link: "#",
- }
+ {
+ id: 1,
+ category: "live",
+ image: "/assets/img-app/home/section6/clickstocart.jpg",
+ alt: "ClicksToCart",
+ title: "E-Commerce App",
+ name: "ClicksToCart",
+ link: "#",
+ },
+ {
+ id: 2,
+ category: "coming-soon",
+ image: "/assets/img-app/home/section6/socialbuddy.png",
+ alt: "Social Buddy",
+ title: "Social Networking",
+ name: "Social Buddy",
+ link: "#",
+ },
+ {
+ id: 3,
+ category: "coming-soon",
+ image: "/assets/img-app/home/section6/data4autos.png",
+ alt: "Data4Autos",
+ title: "Automotive Analytics",
+ name: "Data4Autos",
+ link: "#",
+ }
];
diff --git a/src/utils/data.ts b/src/utils/data.ts
index 5845c00..6ef8c30 100644
--- a/src/utils/data.ts
+++ b/src/utils/data.ts
@@ -81,6 +81,92 @@ export const features2 = [
{ id: 3, title: "Web Development", icon: "/assets/imgs/service/service-icon3.png", description: "Lorem Ipsum is simply dummy text of the printing and typesetting" }
];
+export const services1: ServiceType[] = [
+ {
+ id: 1,
+ icon: '/assets/imgs/icon/icon.png',
+ image: '/assets/imgs/service/service-img1.png',
+ title: 'Custom Website Development',
+ description: 'Tailor-made websites built specifically for your business goals and audience.',
+ },
+ {
+ id: 2,
+ icon: '/assets/imgs/icon/icon-2.png',
+ image: '/assets/imgs/service/service-img2.png',
+ title: 'E-commerce Development',
+ description: 'High-converting online stores with seamless checkout and payment integration.',
+ },
+ {
+ id: 3,
+ icon: '/assets/imgs/icon/icon-3.png',
+ image: '/assets/imgs/service/service-img3.png',
+ title: 'Mobile App Development',
+ description: 'Custom iOS and Android applications built for performance and scalability.',
+ }
+];
+
+export const services3: ServiceType[] = [
+ {
+ id: 1,
+ icon: '/assets/imgs/icon/icon-14.png',
+ image: '/assets/imgs/service/service-img4.png',
+ title: 'Cyber Security',
+ description: 'Protect your business from digital threats with our advanced security solutions.',
+ },
+ {
+ id: 2,
+ icon: '/assets/imgs/icon/icon-15.png',
+ image: '/assets/imgs/service/service-img5.png',
+ title: 'IT Management',
+ description: 'Comprehensive IT management services to keep your business running smoothly.',
+ },
+ {
+ id: 3,
+ icon: '/assets/imgs/icon/icon-16.png',
+ image: '/assets/imgs/service/service-img6.png',
+ title: 'Cloud Solutions',
+ description: 'Scalable and secure cloud infrastructure for your enterprise needs.',
+ },
+ {
+ id: 4,
+ icon: '/assets/imgs/icon/icon-17.png',
+ image: '/assets/imgs/service/service-img7.png',
+ title: 'Data Analytics',
+ description: 'Gain valuable insights from your data to drive informed business decisions.',
+ }
+];
+
+export const services2: ServiceType[] = [
+ {
+ id: 1,
+ icon: '/assets/imgs/icon/icon-2.png',
+ image: '/assets/imgs/service/service-img4.png',
+ title: 'Managed IT Services',
+ description: 'Providing comprehensive IT support and management to optimize your business operations.',
+ },
+ {
+ id: 2,
+ icon: '/assets/imgs/icon/icon-3.png',
+ image: '/assets/imgs/service/service-img5.png',
+ title: 'Cloud Computing',
+ description: 'Transforming your business with scalable and secure cloud infrastructure solutions.',
+ },
+ {
+ id: 3,
+ icon: '/assets/imgs/icon/icon.png',
+ image: '/assets/imgs/service/service-img6.png',
+ title: 'Cybersecurity Solutions',
+ description: 'Protecting your digital assets with advanced threat detection and mitigation strategies.',
+ },
+ {
+ id: 4,
+ icon: '/assets/imgs/icon/icon-2.png',
+ image: '/assets/imgs/service/service-img7.png',
+ title: 'Software Development',
+ description: 'Building custom software tailored to your specific business requirements and goals.',
+ }
+];
+
export const caseStudies: CaseStudyType[] = [
{
+
+
+
+
+
+
+
+
+
+ {title}
+-
+
- Home + {breadcrumbItems && breadcrumbItems.map((item, index) => ( +
- + {item.href ? ( + {item.name} + ) : ( + {item.name} + )} + + ))} + {!breadcrumbItems &&
- {title} } +
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ OUR ABOUT COMPANY
+Psychology Seeks Explore The About Workings of Human
+
+ Business tailored design, management & support services Business
+ business agency elit, sed do eiusmod tempor majority have
+ in some we form, by injected humour solution.
+
+
+ -
+
-
+ + ++
Behavioral Psychology
+
+ - + + The right therapist can help you develop skills + +
+
+ + {count}+ +
+Years Experience
++ Psychology : The scientific study of behavior and mental processes It explores + various aspects of human behavior such as perception, cognition, emotion, + personality, development, and social interactions. +
+ + About More + +
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ OUR ABOUT COMPANY
+Psychology Seeks To Explore The About Workings of Human
++ Business tailored design, management & support services Business + business agency elit, sed do eiusmod tempor majority have + in some we form, by injected humour solution. +
+-
+
-
+
+ ++
Behavioral Psychology
+Supporting individuals inovercoming and for their + quality of life whether solution.
+
+ -
+
+ ++
Behavioral Psychology
+Supporting individuals inovercoming and for their + quality of life whether solution.
+
+
+
+
+
+ We Are Always Ready For Every Challenge
+
+
+ We Are Always Ready For Every Challenge
Please Trust Us
+
+
+ Business tailored design, management & support services Business agency, sed
+ tempor majority have in some we form, by injected solution.
+
+
+
+
+
+
+
+
+
+
+
+ Psychology is a Broad Field So
+
+ BEST COUNSELLING SOLUTION
+
+ Psychology is a Broad Field So
Consider Skill Solution
+
+
+
+ + Business tailored design, management & support services Business + business agency elit, sed do eiusmod tempor majority have + in some we form, by injected humour solution. +
++ Psychology: The scientific study of behavior and mental processes It explores + various aspects of human behavior such as perception, cognition, emotion, + personality, development, and social interactions. +
+ +-
+
- + + The right therapist can help you develop the skills to manage + +
+
+
+ 
+ 
+
+
+
+
+
+
+
+ WATCH VIDEO
+
+
+
+ -
+ {counterItems.map((item, index) => (
+
-
+ + ++++
+
++ {item.suffix} + {item.text}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+ OUR FAQ US
+We Providing Psychology People Choose of Promoting
++ Business tailored design, management & support services Business business agency elit, + sed do eiusmod tempor majority have in some we form, by injected humour solution. +
+
+ {faqItems.map((item, index) => (
+
+
+
+ ))}
+ toggleAccordion(index)}>
+
+
+
+
+
+ + {item.question} + +
+
+
+
+
+
+
+
+ {item.answer}
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ Psychology Diverse And Multidisciplinary
+
+ OUR HISTORY
+Psychology Diverse And Multidisciplinary
Field Encompassing Areas
+
+
+
+
+
+
+
+
+
+
+ + History company support continue + to explore new frontiers, including + team stands ready to our reliable + or assistance of and technical. +
+Psychology Today
+ 02-08-2021 +
+
+
+ 2021
+ 
+
+
+
+
+
+
+ 2021
+
+
+ 2021
+
+
+
+
+
+
+
+ + History company support continue + to explore new frontiers, including + team stands ready to our reliable + or assistance of and technical. +
+Psychology Today
+ 02-08-2021 +
+
+
+
+
+
+
+ + History company support continue + to explore new frontiers, including + team stands ready to our reliable + or assistance of and technical. +
+Psychology Today
+ 02-08-2021 +
+
+
+ 2021
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ -
+
-
+
+ ++ +
Get Contact Now
++ +11234 751 328 +
+
+ -
+
+ ++ +
Sent Email
+ +
+ -
+
+ ++ +
Location
+8/05 Mozilla Golden
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ Medical Services
+Search or browse by hospital, treatment or consultant to see what can do for you
+ +
+
+
+
+
+
+
+
+
+
+ {services.map((service, index) => (
+
+
+
+ ))}
+ + {service.title} +
+{service.text}
+
+
+
+
+
+ Medical Services
+Search or browse by hospital, treatment or consultant to see what can do for you
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {services.map((service) => (
+
+
+
+ ))}
+
+
+ + {service.title} +
+{service.text}
+
+
+ );
+}
+
+/** Graphic Design — Pinned on wall style */
+function GraphicCard({ item, onOpen }: { item: (typeof PortfolioData)[0], onOpen: () => void }) {
+ const [orientation, setOrientation] = useState<"landscape" | "portrait">("landscape");
+
+ const handleLoad = (e: React.SyntheticEvent
+
+
+ 
+
+
+
+
+
+ + {hasLink ? ( + + {item.name} + + ) : ( + item.name + )} +
+
+
+ );
+}
+
+/** Google Meta Ads — wide display */
+function MetaCard({ item, onOpen }: { item: (typeof PortfolioData)[0], onOpen: () => void }) {
+ return (
+
+
+
+
+
+
+ {item.name}
+
+
+ );
+}
+
+/** Logo Branding — clean white card */
+function LogoCard({ item, onOpen }: { item: (typeof PortfolioData)[0], onOpen: () => void }) {
+ return (
+
+
+
+
+
+ {item.name}
+
+
+ );
+}
+
+/** Video Editing — embedded player */
+function VideoCard({ item }: { item: (typeof PortfolioData)[0] }) {
+ const src = (item as any).video ?? item.videoLink ?? "";
+ const embedSrc = toEmbed(src);
+ return (
+
+
+
+
+
+ {item.name}
+
+
+ );
+}
+
+/** Mobile App — phone mockup */
+function MobileCard({ item, onOpen }: { item: (typeof MobileAppServicesData)[0], onOpen: () => void }) {
+ return (
+
+ {isYouTube(src) ? (
+
+ ) : (
+
+ )}
+
+
+
+ {item.name}
+
+
+ );
+}
+
+/* ─────────────────── Lightbox Component ─────────────────── */
+function PortfolioLightbox({ item, onClose }: { item: any; onClose: () => void }) {
+ if (!item) return null;
+
+ return (
+
+
+
+
+
+
+
+
+
+ {item.name}
+ {item.category === "live" && ( + 🟢 Live + )} + {item.category === "coming-soon" && ( + 🔜 Coming Soon + )} +
+
+ );
+}
+
+/* ─────────────────── Main Section ─────────────────── */
+export default function PortfolioSection() {
+ const [activeTab, setActiveTab] = useState("all");
+ const [lightboxItem, setLightboxItem] = useState e.stopPropagation()}>
+
+
+
+
+ {item.name}
+
+
+ {/* ── Filter Tabs ── */}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+ )}
+
+
+ {/* ── Lightbox ── */}
+
+ {TABS.map((tab) => (
+
+ ))}
+
+
+ {/* ── Web Development ── */}
+ {showCat("web") && byCategory("web").length > 0 && (
+ <>
+ {activeTab === "all" && (
+ Web Development
+ {itemsFor("web").map((item) => (
+
+
+ )}
+
+ {/* ── Graphic Design ── */}
+ {showCat("graphic") && byCategory("graphic").length > 0 && (
+ <>
+ {activeTab === "all" && (
+
+ setLightboxItem(item)} />
+
+ ))}
+ Graphic Design
+ {itemsFor("graphic").map((item) => (
+
+
+ )}
+
+ {/* ── Google Meta Ads ── */}
+ {showCat("meta") && byCategory("meta").length > 0 && (
+ <>
+ {activeTab === "all" && (
+
+ setLightboxItem(item)} />
+
+ ))}
+ Google Meta Ads
+ {itemsFor("meta").map((item) => (
+
+
+ )}
+
+ {/* ── Shopify Store ── */}
+ {showCat("shopify") && byCategory("shopify").length > 0 && (
+ <>
+ {activeTab === "all" && (
+
+ setLightboxItem(item)} />
+
+ ))}
+ Shopify Store
+ {itemsFor("shopify").map((item) => (
+
+
+ )}
+
+ {/* ── WordPress ── */}
+ {showCat("wordpress") && byCategory("wordpress").length > 0 && (
+ <>
+ {activeTab === "all" && (
+
+ setLightboxItem(item)} />
+
+ ))}
+ WordPress
+ {itemsFor("wordpress").map((item) => (
+
+
+ )}
+
+ {/* ── Logo Branding ── */}
+ {showCat("logo") && byCategory("logo").length > 0 && (
+ <>
+ {activeTab === "all" && (
+
+ setLightboxItem(item)} />
+
+ ))}
+ Logo Branding
+ {itemsFor("logo").map((item) => (
+
+
+ )}
+
+ {/* ── Video Editing ── */}
+ {showCat("video") && byCategory("video").length > 0 && (
+ <>
+ {activeTab === "all" && (
+
+ setLightboxItem(item)} />
+
+ ))}
+ Video Editing
+ {itemsFor("video").map((item) => (
+
+
+ )}
+
+ {/* ── Mobile App Development ── */}
+ {mobileItems.length > 0 && (
+ <>
+ {activeTab === "all" && (
+
+
+ ))}
+ Mobile App Development
+ {mobileItems.map((item) => (
+
+
+ )}
+
+
+ setLightboxItem(item)} />
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+ We Providing Psychology People
+
+ WHY CHOOSE US
+We Providing Psychology People
Choose of Promoting
+ + Business tailored design, management & support services Business + business agency elit, sed do eiusmod tempor majority have + in some we form, by injected humour solution. +
+
+
+ -
+
-
+
+ + ++++
Family Service Psychology
++ Supporting individuals in overcoming service +
+
+ -
+
+ + ++++
Cognitive off Psychology
++ Supporting individuals in overcoming service +
+
+ -
+
+ + ++++
Relationship Psychology
++ Supporting individuals in overcoming service +
+
+
+
+
+
+
+ 
+
+
+
+