{"id":695,"date":"2026-04-29T06:40:39","date_gmt":"2026-04-29T06:40:39","guid":{"rendered":"https:\/\/ypv.co.in\/?page_id=695"},"modified":"2026-04-29T12:26:13","modified_gmt":"2026-04-29T12:26:13","slug":"ypv-technical-services-3","status":"publish","type":"page","link":"https:\/\/ypv.co.in\/","title":{"rendered":"YPV Technical Services"},"content":{"rendered":"\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<div class=\\\"ypv-slider-wrapper\\\">\\r\\n    <div class=\\\"ypv-slider-container\\\">\\r\\n        \\r\\n        <div class=\\\"ypv-slide active\\\">\\r\\n            <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_slider_01.webp\\\" alt=\\\"Home Wiring\\\">\\r\\n            <div class=\\\"ypv-glass-card\\\">\\r\\n                <h2 class=\\\"ypv-title\\\">Precision <span class=\\\"highlight-blue\\\">Home Wiring<\/span><\/h2>\\r\\n                <p class=\\\"ypv-desc\\\">Architectural-grade concealed wiring and safety-first electrical infrastructure for modern luxury living.<\/p>\\r\\n                <div class=\\\"ypv-actions\\\">\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/about-us\/\\\" class=\\\"ypv-btn-prime\\\">Discover Our Story<\/a>\\r\\n                    <a href=\\\"https:\/\/api.whatsapp.com\/send?phone=917418509889&#038;text=Hello\\\" class=\\\"ypv-btn-wa\\\">WhatsApp Expert<\/a>\\r\\n                <\/div>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n\\r\\n        <div class=\\\"ypv-slide\\\">\\r\\n            <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_slider_02.webp\\\" alt=\\\"Industrial\\\">\\r\\n            <div class=\\\"ypv-glass-card\\\">\\r\\n                <h2 class=\\\"ypv-title\\\">Industrial <span class=\\\"highlight-gold\\\">Power Solutions<\/span><\/h2>\\r\\n                <p class=\\\"ypv-desc\\\">Heavy-duty installation and preventive maintenance protocols designed for maximum industrial uptime.<\/p>\\r\\n                <div class=\\\"ypv-actions\\\">\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"ypv-btn-prime\\\">Our Services<\/a>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/contact\/\\\" class=\\\"ypv-btn-outline\\\">Get a Quote<\/a>\\r\\n                <\/div>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n\\r\\n        <div class=\\\"ypv-slide\\\">\\r\\n            <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_slider_03.webp\\\" alt=\\\"Smart Home\\\">\\r\\n            <div class=\\\"ypv-glass-card\\\">\\r\\n                <h2 class=\\\"ypv-title\\\">Next-Gen <span class=\\\"highlight-blue\\\">Smart Living<\/span><\/h2>\\r\\n                <p class=\\\"ypv-desc\\\">Seamless Alexa &#038; Nest integration with designer gang-switches for a truly intelligent home experience.<\/p>\\r\\n                <div class=\\\"ypv-actions\\\">\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/projects\/\\\" class=\\\"ypv-btn-prime\\\">View Projects<\/a>\\r\\n                    <a href=\\\"https:\/\/api.whatsapp.com\/send?phone=917418509889&#038;text=Hello\\\" class=\\\"ypv-btn-wa\\\">Chat with Us<\/a>\\r\\n                <\/div>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n\\r\\n        <div class=\\\"ypv-slide\\\">\\r\\n            <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_slider_04.webp\\\" alt=\\\"Networking\\\">\\r\\n            <div class=\\\"ypv-glass-card\\\">\\r\\n                <h2 class=\\\"ypv-title\\\">Unified <span class=\\\"highlight-gold\\\">Connectivity<\/span><\/h2>\\r\\n                <p class=\\\"ypv-desc\\\">Enterprise-grade networking and intercom systems ensuring crystal clear communication and speed.<\/p>\\r\\n                <div class=\\\"ypv-actions\\\">\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"ypv-btn-prime\\\">Explore Tech<\/a>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/about-us\/\\\" class=\\\"ypv-btn-outline\\\">About Us<\/a>\\r\\n                <\/div>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n\\r\\n        <div class=\\\"ypv-slide\\\">\\r\\n            <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_slider_05.webp\\\" alt=\\\"Security\\\">\\r\\n            <div class=\\\"ypv-glass-card\\\">\\r\\n                <h2 class=\\\"ypv-title\\\">Advanced <span class=\\\"highlight-red\\\">Surveillance<\/span><\/h2>\\r\\n                <p class=\\\"ypv-desc\\\">High-definition CCTV and proactive security systems to safeguard what matters most to you.<\/p>\\r\\n                <div class=\\\"ypv-actions\\\">\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/contact\/\\\" class=\\\"ypv-btn-prime\\\">Secure Now<\/a>\\r\\n                    <a href=\\\"https:\/\/api.whatsapp.com\/send?phone=917418509889&#038;text=Hello\\\" class=\\\"ypv-btn-wa\\\">WhatsApp Us<\/a>\\r\\n                <\/div>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n\\r\\n        <nav class=\\\"slider-nav\\\">\\r\\n            <button class=\\\"nav-btn prev\\\" onclick=\\\"changeSlide(-1)\\\">&#10229;<\/button>\\r\\n            <button class=\\\"nav-btn next\\\" onclick=\\\"changeSlide(1)\\\">&#10230;<\/button>\\r\\n        <\/nav>\\r\\n    <\/div>\\r\\n<\/div>\\r\\n\\r\\n<style>\\r\\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');\\r\\n\\r\\n.ypv-slider-wrapper { width: 100%; background: #0a0a0a; overflow: hidden; }\\r\\n.ypv-slider-container { position: relative; width: 100%; height: 75vh; min-height: 550px; margin: auto; }\\r\\n\\r\\n.ypv-slide {\\r\\n    position: absolute;\\r\\n    inset: 0;\\r\\n    opacity: 0;\\r\\n    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);\\r\\n    z-index: 1;\\r\\n}\\r\\n\\r\\n.ypv-slide.active { opacity: 1; z-index: 2; }\\r\\n\\r\\n.ypv-slide img {\\r\\n    width: 100%; height: 100%;\\r\\n    object-fit: cover;\\r\\n    filter: brightness(0.5) contrast(1.1);\\r\\n}\\r\\n\\r\\n\/* Glassmorphism Card *\/\\r\\n.ypv-glass-card {\\r\\n    position: absolute;\\r\\n    top: 50%;\\r\\n    left: 8%;\\r\\n    transform: translateY(-50%);\\r\\n    background: rgba(255, 255, 255, 0.05);\\r\\n    backdrop-filter: blur(15px);\\r\\n    -webkit-backdrop-filter: blur(15px);\\r\\n    padding: 50px;\\r\\n    border-radius: 20px;\\r\\n    border: 1px solid rgba(255, 255, 255, 0.1);\\r\\n    max-width: 650px;\\r\\n    box-shadow: 0 25px 50px rgba(0,0,0,0.5);\\r\\n}\\r\\n\\r\\n\/* Typography *\/\\r\\n.ypv-title {\\r\\n    font-family: 'Playfair Display', serif;\\r\\n    font-size: 52px;\\r\\n    color: #fff;\\r\\n    margin-bottom: 20px;\\r\\n    line-height: 1.1;\\r\\n}\\r\\n\\r\\n.highlight-blue { color: #00d2ff; text-shadow: 0 0 20px rgba(0, 210, 255, 0.4); }\\r\\n.highlight-gold { color: #ffcc33; text-shadow: 0 0 20px rgba(255, 204, 51, 0.4); }\\r\\n.highlight-red { color: #ff4b2b; text-shadow: 0 0 20px rgba(255, 75, 43, 0.4); }\\r\\n\\r\\n.ypv-desc {\\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n    font-size: 18px;\\r\\n    color: #e0e0e0;\\r\\n    margin-bottom: 35px;\\r\\n    line-height: 1.6;\\r\\n    font-weight: 300;\\r\\n}\\r\\n\\r\\n\/* Buttons *\/\\r\\n.ypv-actions { display: flex; gap: 20px; }\\r\\n\\r\\n.ypv-btn-prime {\\r\\n    background: linear-gradient(135deg, #0062ff, #00d2ff);\\r\\n    color: #fff;\\r\\n    padding: 15px 35px;\\r\\n    text-decoration: none;\\r\\n    border-radius: 50px;\\r\\n    font-weight: 700;\\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n    text-transform: uppercase;\\r\\n    letter-spacing: 1px;\\r\\n    transition: 0.4s;\\r\\n    box-shadow: 0 10px 20px rgba(0, 98, 255, 0.3);\\r\\n}\\r\\n\\r\\n.ypv-btn-wa {\\r\\n    background: #25D366;\\r\\n    color: #fff;\\r\\n    padding: 15px 35px;\\r\\n    text-decoration: none;\\r\\n    border-radius: 50px;\\r\\n    font-weight: 700;\\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n    transition: 0.4s;\\r\\n}\\r\\n\\r\\n.ypv-btn-outline {\\r\\n    border: 2px solid #fff;\\r\\n    color: #fff;\\r\\n    padding: 13px 33px;\\r\\n    text-decoration: none;\\r\\n    border-radius: 50px;\\r\\n    font-weight: 700;\\r\\n    transition: 0.4s;\\r\\n}\\r\\n\\r\\n.ypv-btn-prime:hover, .ypv-btn-wa:hover, .ypv-btn-outline:hover {\\r\\n    transform: translateY(-5px);\\r\\n    filter: brightness(1.1);\\r\\n}\\r\\n\\r\\n\/* Navigation *\/\\r\\n.slider-nav { position: absolute; bottom: 40px; right: 8%; z-index: 100; display: flex; gap: 15px; }\\r\\n.nav-btn {\\r\\n    background: rgba(255,255,255,0.1);\\r\\n    border: 1px solid rgba(255,255,255,0.2);\\r\\n    color: #fff;\\r\\n    width: 60px; height: 60px;\\r\\n    border-radius: 50%;\\r\\n    cursor: pointer;\\r\\n    font-size: 24px;\\r\\n    transition: 0.3s;\\r\\n    display: flex; align-items: center; justify-content: center;\\r\\n}\\r\\n.nav-btn:hover { background: #fff; color: #000; }\\r\\n\\r\\n\/* Animations *\/\\r\\n.active .ypv-title { animation: fadeInRight 0.8s backwards; }\\r\\n.active .ypv-desc { animation: fadeInRight 0.8s 0.2s backwards; }\\r\\n.active .ypv-actions { animation: fadeInRight 0.8s 0.4s backwards; }\\r\\n\\r\\n@keyframes fadeInRight {\\r\\n    from { opacity: 0; transform: translateX(-30px); }\\r\\n    to { opacity: 1; transform: translateX(0); }\\r\\n}\\r\\n\\r\\n\/* Mobile responsive *\/\\r\\n@media (max-width: 768px) {\\r\\n    .ypv-glass-card { left: 5%; right: 5%; padding: 30px; top: 60%; width: auto; }\\r\\n    .ypv-title { font-size: 32px; }\\r\\n    .ypv-desc { font-size: 15px; }\\r\\n    .ypv-actions { flex-direction: column; gap: 10px; }\\r\\n    .ypv-btn-prime, .ypv-btn-wa, .ypv-btn-outline { text-align: center; padding: 12px; }\\r\\n    .slider-nav { bottom: 20px; right: 5%; }\\r\\n}\\r\\n<\/style>\\r\\n\\r\\n<script>\\r\\nlet currentIdx = 0;\\r\\nconst allSlides = document.querySelectorAll('.ypv-slide');\\r\\nlet timer = setInterval(autoNext, 6000);\\r\\n\\r\\nfunction updateSlider(newIdx) {\\r\\n    allSlides[currentIdx].classList.remove('active');\\r\\n    currentIdx = (newIdx + allSlides.length) % allSlides.length;\\r\\n    allSlides[currentIdx].classList.add('active');\\r\\n}\\r\\n\\r\\nfunction autoNext() { updateSlider(currentIdx + 1); }\\r\\n\\r\\nfunction changeSlide(n) {\\r\\n    clearInterval(timer);\\r\\n    updateSlider(currentIdx + n);\\r\\n    timer = setInterval(autoNext, 6000);\\r\\n}\\r\\n<\/script>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<link rel=\\\"stylesheet\\\" href=\\\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\\\">\\r\\n\\r\\n<section class=\\\"ypv-about-section\\\">\\r\\n    <div class=\\\"ypv-container\\\">\\r\\n        <div class=\\\"ypv-about-flex\\\">\\r\\n            \\r\\n            <div class=\\\"ypv-about-image\\\" data-aos=\\\"fade-right\\\">\\r\\n                <div class=\\\"image-border-effect\\\">\\r\\n                    <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2022\/04\/YPV-profile-pic-418x418-1.jpg\\\" alt=\\\"YPV Technical Services Logo\\\" class=\\\"about-logo\\\">\\r\\n                <\/div>\\r\\n                <div class=\\\"experience-badge\\\">\\r\\n                    <span class=\\\"exp-num\\\">8+<\/span>\\r\\n                    <span class=\\\"exp-text\\\">Years of Excellence<\/span>\\r\\n                <\/div>\\r\\n            <\/div>\\r\\n\\r\\n            <div class=\\\"ypv-about-content\\\" data-aos=\\\"fade-left\\\">\\r\\n                <span class=\\\"ypv-subtitle\\\">Who We Are<\/span>\\r\\n                <h2 class=\\\"ypv-title\\\">Driving Technical Innovation Across <span class=\\\"text-blue\\\">Tamil Nadu<\/span><\/h2>\\r\\n                <p class=\\\"ypv-lead-text\\\">\\r\\n                    Founded in 2016, <strong>YPV Technical Services<\/strong> has evolved into a multi-sector technical consultancy specializing in digital infrastructure, industrial automation, and smart security solutions.\\r\\n                <\/p>\\r\\n\\r\\n                <div class=\\\"about-features-grid\\\">\\r\\n                    <div class=\\\"about-item\\\">\\r\\n                        <div class=\\\"about-icon icon-blue\\\">\\r\\n                            <i class=\\\"fa fa-gears\\\"><\/i>\\r\\n                        <\/div>\\r\\n                        <div class=\\\"about-txt\\\">\\r\\n                            <h4>Certified Engineering<\/h4>\\r\\n                            <p>Proven methodology in high-tension industrial setups and home wiring.<\/p>\\r\\n                        <\/div>\\r\\n                    <\/div>\\r\\n\\r\\n                    <div class=\\\"about-item\\\">\\r\\n                        <div class=\\\"about-icon icon-green\\\">\\r\\n                            <i class=\\\"fa fa-lightbulb-o\\\"><\/i>\\r\\n                        <\/div>\\r\\n                        <div class=\\\"about-txt\\\">\\r\\n                            <h4>Smart Solutions<\/h4>\\r\\n                            <p>Pioneering the integration of IoT, Alexa, and Nest for modern living.<\/p>\\r\\n                        <\/div>\\r\\n                    <\/div>\\r\\n                <\/div>\\r\\n\\r\\n                <div class=\\\"about-cta-area\\\">\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/about-us\/\\\" class=\\\"btn-learn-more\\\">\\r\\n                        Learn More About Us <i class=\\\"fa fa-long-arrow-right\\\"><\/i>\\r\\n                    <\/a>\\r\\n                <\/div>\\r\\n            <\/div>\\r\\n\\r\\n        <\/div>\\r\\n    <\/div>\\r\\n<\/section>\\r\\n\\r\\n<style>\\r\\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&family=Playfair+Display:wght@700&display=swap');\\r\\n\\r\\n.ypv-about-section {\\r\\n    padding: 100px 0;\\r\\n    background-color: #fff;\\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.ypv-container {\\r\\n    max-width: 1200px;\\r\\n    margin: 0 auto;\\r\\n    padding: 0 20px;\\r\\n}\\r\\n\\r\\n.ypv-about-flex {\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n    gap: 60px;\\r\\n    flex-wrap: wrap;\\r\\n}\\r\\n\\r\\n\/* Image Side Styles *\/\\r\\n.ypv-about-image {\\r\\n    flex: 1;\\r\\n    min-width: 350px;\\r\\n    position: relative;\\r\\n    display: flex;\\r\\n    justify-content: center;\\r\\n}\\r\\n\\r\\n.image-border-effect {\\r\\n    position: relative;\\r\\n    padding: 15px;\\r\\n    border: 2px solid #0062ff;\\r\\n    border-radius: 30px;\\r\\n    transition: 0.5s;\\r\\n}\\r\\n\\r\\n.image-border-effect:hover {\\r\\n    transform: rotate(-2deg);\\r\\n    border-color: #25D366;\\r\\n}\\r\\n\\r\\n.about-logo {\\r\\n    width: 320px; \/* Perfectly sized for the section *\/\\r\\n    height: auto;\\r\\n    border-radius: 20px;\\r\\n    display: block;\\r\\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\\r\\n}\\r\\n\\r\\n.experience-badge {\\r\\n    position: absolute;\\r\\n    bottom: -20px;\\r\\n    right: 10px;\\r\\n    background: linear-gradient(135deg, #0062ff, #00d2ff);\\r\\n    color: #fff;\\r\\n    padding: 20px;\\r\\n    border-radius: 15px;\\r\\n    text-align: center;\\r\\n    box-shadow: 0 10px 20px rgba(0,98,255,0.3);\\r\\n    animation: float 3s ease-in-out infinite;\\r\\n}\\r\\n\\r\\n@keyframes float {\\r\\n    0%, 100% { transform: translateY(0); }\\r\\n    50% { transform: translateY(-10px); }\\r\\n}\\r\\n\\r\\n.exp-num { display: block; font-size: 28px; font-weight: 800; }\\r\\n.exp-text { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }\\r\\n\\r\\n\/* Content Side Styles *\/\\r\\n.ypv-about-content {\\r\\n    flex: 1.2;\\r\\n    min-width: 350px;\\r\\n}\\r\\n\\r\\n.ypv-subtitle {\\r\\n    color: #0062ff;\\r\\n    font-weight: 700;\\r\\n    text-transform: uppercase;\\r\\n    letter-spacing: 2px;\\r\\n    font-size: 14px;\\r\\n}\\r\\n\\r\\n.ypv-title {\\r\\n    font-family: 'Playfair Display', serif;\\r\\n    font-size: 42px;\\r\\n    color: #1a1a1a;\\r\\n    margin: 15px 0 25px;\\r\\n    line-height: 1.2;\\r\\n}\\r\\n\\r\\n.text-blue { color: #0062ff; }\\r\\n\\r\\n.ypv-lead-text {\\r\\n    font-size: 17px;\\r\\n    color: #555;\\r\\n    line-height: 1.7;\\r\\n    margin-bottom: 30px;\\r\\n    border-left: 4px solid #eee;\\r\\n    padding-left: 20px;\\r\\n}\\r\\n\\r\\n\/* Feature Grid *\/\\r\\n.about-features-grid {\\r\\n    display: grid;\\r\\n    grid-template-columns: 1fr 1fr;\\r\\n    gap: 20px;\\r\\n    margin-bottom: 40px;\\r\\n}\\r\\n\\r\\n.about-item {\\r\\n    display: flex;\\r\\n    gap: 15px;\\r\\n    transition: 0.3s;\\r\\n}\\r\\n\\r\\n.about-item:hover { transform: translateX(5px); }\\r\\n\\r\\n.about-icon {\\r\\n    width: 50px;\\r\\n    height: 50px;\\r\\n    border-radius: 10px;\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n    justify-content: center;\\r\\n    font-size: 20px;\\r\\n    flex-shrink: 0;\\r\\n}\\r\\n\\r\\n.icon-blue { background: rgba(0, 98, 255, 0.1); color: #0062ff; }\\r\\n.icon-green { background: rgba(37, 211, 102, 0.1); color: #25D366; }\\r\\n\\r\\n.about-txt h4 { font-size: 16px; margin-bottom: 5px; color: #1a1a1a; }\\r\\n.about-txt p { font-size: 13px; color: #777; line-height: 1.4; }\\r\\n\\r\\n\/* CTA Button *\/\\r\\n.btn-learn-more {\\r\\n    display: inline-block;\\r\\n    padding: 15px 35px;\\r\\n    background: #1a1a1a;\\r\\n    color: #fff;\\r\\n    text-decoration: none;\\r\\n    border-radius: 50px;\\r\\n    font-weight: 600;\\r\\n    transition: 0.4s;\\r\\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\\r\\n}\\r\\n\\r\\n.btn-learn-more:hover {\\r\\n    background: #0062ff;\\r\\n    transform: translateY(-3px);\\r\\n    box-shadow: 0 15px 25px rgba(0,98,255,0.2);\\r\\n}\\r\\n\\r\\n.btn-learn-more i { margin-left: 10px; transition: 0.3s; }\\r\\n.btn-learn-more:hover i { transform: translateX(5px); }\\r\\n\\r\\n\/* Mobile Responsive *\/\\r\\n@media (max-width: 768px) {\\r\\n    .ypv-about-flex { flex-direction: column; text-align: center; }\\r\\n    .ypv-about-image { margin-bottom: 40px; }\\r\\n    .ypv-lead-text { border-left: none; padding-left: 0; }\\r\\n    .about-features-grid { grid-template-columns: 1fr; text-align: left; }\\r\\n    .ypv-title { font-size: 32px; }\\r\\n}\\r\\n<\/style>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<link rel=\\\"stylesheet\\\" href=\\\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\\\">\\r\\n\\r\\n<section class=\\\"ypv-onsite-services dark-theme\\\">\\r\\n    <div class=\\\"ypv-wrapper\\\">\\r\\n        <header class=\\\"ypv-section-header\\\">\\r\\n            <span class=\\\"ypv-tag\\\">Our Expertise<\/span>\\r\\n            <h2 class=\\\"text-white\\\">Onsite <span class=\\\"gradient-text\\\">Technical Solutions<\/span><\/h2>\\r\\n            <p class=\\\"text-muted\\\">Direct glimpses of our high-precision installations and maintenance projects across various sectors.<\/p>\\r\\n        <\/header>\\r\\n\\r\\n        <div class=\\\"ypv-onsite-grid\\\">\\r\\n            \\r\\n            <article class=\\\"onsite-card\\\">\\r\\n                <div class=\\\"card-img\\\">\\r\\n                    <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_cctv_surveilance_Installation_and_maintenance_01-scaled.webp\\\" alt=\\\"CCTV Surveillance Installation\\\">\\r\\n                <\/div>\\r\\n                <div class=\\\"card-overlay card-blue\\\">\\r\\n                    <i class=\\\"fa fa-video-camera icon-top\\\"><\/i>\\r\\n                    <h3>Surveillance Systems<\/h3>\\r\\n                    <p>Advanced CCTV installation &#038; AI-driven surveillance for absolute security.<\/p>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"card-link\\\">View Details<\/a>\\r\\n                <\/div>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"onsite-card\\\">\\r\\n                <div class=\\\"card-img\\\">\\r\\n                    <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_solar_panel_installation_and_maintenance_01-scaled.webp\\\" alt=\\\"Solar Panel Installation\\\">\\r\\n                <\/div>\\r\\n                <div class=\\\"card-overlay card-gold\\\">\\r\\n                    <i class=\\\"fa fa-sun-o icon-top\\\"><\/i>\\r\\n                    <h3>Solar Energy<\/h3>\\r\\n                    <p>Eco-friendly power solutions with professional solar panel installation &#038; AMC.<\/p>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"card-link\\\">View Details<\/a>\\r\\n                <\/div>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"onsite-card\\\">\\r\\n                <div class=\\\"card-img\\\">\\r\\n                    <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_hydroponics_Installation_and_maintenance_01.webp\\\" alt=\\\"Hydroponics System Installation\\\">\\r\\n                <\/div>\\r\\n                <div class=\\\"card-overlay card-green\\\">\\r\\n                    <i class=\\\"fa fa-leaf icon-top\\\"><\/i>\\r\\n                    <h3>Smart Hydroponics<\/h3>\\r\\n                    <p>Automated agricultural setups utilizing IoT for high-yield precision farming.<\/p>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"card-link\\\">View Details<\/a>\\r\\n                <\/div>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"onsite-card\\\">\\r\\n                <div class=\\\"card-img\\\">\\r\\n                    <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_indutcrial_electrical_installation_01-scaled.webp\\\" alt=\\\"Industrial Electrical Installation\\\">\\r\\n                <\/div>\\r\\n                <div class=\\\"card-overlay card-red\\\">\\r\\n                    <i class=\\\"fa fa-bolt icon-top\\\"><\/i>\\r\\n                    <h3>Industrial Power<\/h3>\\r\\n                    <p>High-tension wiring and heavy-duty electrical infrastructure for factories.<\/p>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"card-link\\\">View Details<\/a>\\r\\n                <\/div>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"onsite-card\\\">\\r\\n                <div class=\\\"card-img\\\">\\r\\n                    <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_networking_IP_Camera_installation_and_maintenance_01-scaled.webp\\\" alt=\\\"Networking IP Camera\\\">\\r\\n                <\/div>\\r\\n                <div class=\\\"card-overlay card-cyan\\\">\\r\\n                    <i class=\\\"fa fa-server icon-top\\\"><\/i>\\r\\n                    <h3>IP Networking<\/h3>\\r\\n                    <p>Seamless data connectivity and structured cabling for corporate environments.<\/p>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"card-link\\\">View Details<\/a>\\r\\n                <\/div>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"onsite-card\\\">\\r\\n                <div class=\\\"card-img\\\">\\r\\n                    <img src=\\\"https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_online_support_Installation_and_maintenance_02-scaled.webp\\\" alt=\\\"Online Technical Support\\\">\\r\\n                <\/div>\\r\\n                <div class=\\\"card-overlay card-purple\\\">\\r\\n                    <i class=\\\"fa fa-headphones icon-top\\\"><\/i>\\r\\n                    <h3>24\/7 Digital Support<\/h3>\\r\\n                    <p>Remote troubleshooting and maintenance management for all systems.<\/p>\\r\\n                    <a href=\\\"https:\/\/ypv.co.in\/index.php\/category\/services\/\\\" class=\\\"card-link\\\">View Details<\/a>\\r\\n                <\/div>\\r\\n            <\/article>\\r\\n\\r\\n        <\/div>\\r\\n    <\/div>\\r\\n<\/section>\\r\\n\\r\\n<style>\\r\\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&family=Montserrat:wght@700&display=swap');\\r\\n\\r\\n\/* Dark Theme Container *\/\\r\\n.ypv-onsite-services.dark-theme {\\r\\n    padding: 100px 0;\\r\\n    background: #0a0a0a; \/* Matches your previous dark sections *\/\\r\\n    font-family: 'Poppins', sans-serif;\\r\\n    color: #ffffff;\\r\\n}\\r\\n\\r\\n.ypv-wrapper { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\\r\\n\\r\\n\/* Header Styling *\/\\r\\n.ypv-section-header { text-align: center; margin-bottom: 60px; }\\r\\n.ypv-tag { \\r\\n    color: #00d2ff; \\r\\n    font-weight: 700; \\r\\n    text-transform: uppercase; \\r\\n    letter-spacing: 2px; \\r\\n    font-size: 13px; \\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n}\\r\\n.ypv-section-header h2 { font-size: 42px; margin: 15px 0; font-weight: 700; color: #fff; }\\r\\n.gradient-text { background: linear-gradient(90deg, #00d2ff, #3a7bd5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\\r\\n.text-muted { color: #aaaaaa; max-width: 600px; margin: 0 auto; line-height: 1.6; }\\r\\n\\r\\n\/* Onsite Grid *\/\\r\\n.ypv-onsite-grid {\\r\\n    display: grid;\\r\\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\\r\\n    gap: 30px;\\r\\n}\\r\\n\\r\\n.onsite-card {\\r\\n    position: relative;\\r\\n    height: 320px;\\r\\n    border-radius: 20px;\\r\\n    overflow: hidden;\\r\\n    background: #111;\\r\\n    border: 1px solid rgba(255,255,255,0.05);\\r\\n    box-shadow: 0 15px 35px rgba(0,0,0,0.5);\\r\\n    cursor: pointer;\\r\\n}\\r\\n\\r\\n.card-img { width: 100%; height: 100%; filter: brightness(0.7); transition: 0.5s; }\\r\\n.card-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s transform; }\\r\\n\\r\\n.card-overlay {\\r\\n    position: absolute;\\r\\n    inset: 0;\\r\\n    background: rgba(0, 0, 0, 0.75);\\r\\n    display: flex;\\r\\n    flex-direction: column;\\r\\n    align-items: center;\\r\\n    justify-content: center;\\r\\n    text-align: center;\\r\\n    padding: 30px;\\r\\n    opacity: 0;\\r\\n    transition: 0.4s ease-in-out;\\r\\n    backdrop-filter: blur(8px);\\r\\n    -webkit-backdrop-filter: blur(8px);\\r\\n}\\r\\n\\r\\n.onsite-card:hover .card-img { filter: brightness(0.4); }\\r\\n.onsite-card:hover .card-img img { transform: scale(1.1); }\\r\\n.onsite-card:hover .card-overlay { opacity: 1; }\\r\\n\\r\\n\/* Overlay Accent Colors *\/\\r\\n.card-blue { border-bottom: 5px solid #00d2ff; box-shadow: inset 0 -50px 50px -50px rgba(0, 210, 255, 0.3); }\\r\\n.card-gold { border-bottom: 5px solid #ffcc33; box-shadow: inset 0 -50px 50px -50px rgba(255, 204, 51, 0.3); }\\r\\n.card-green { border-bottom: 5px solid #25D366; box-shadow: inset 0 -50px 50px -50px rgba(37, 211, 102, 0.3); }\\r\\n.card-red { border-bottom: 5px solid #ff4b2b; box-shadow: inset 0 -50px 50px -50px rgba(255, 75, 43, 0.3); }\\r\\n.card-cyan { border-bottom: 5px solid #00f2fe; box-shadow: inset 0 -50px 50px -50px rgba(0, 242, 254, 0.3); }\\r\\n.card-purple { border-bottom: 5px solid #a855f7; box-shadow: inset 0 -50px 50px -50px rgba(168, 85, 247, 0.3); }\\r\\n\\r\\n.icon-top { font-size: 45px; color: #fff; margin-bottom: 15px; transform: translateY(-20px); transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\\r\\n.onsite-card:hover .icon-top { transform: translateY(0); color: inherit; }\\r\\n\\r\\n.card-overlay h3 { color: #fff; font-size: 24px; margin-bottom: 12px; font-weight: 600; }\\r\\n.card-overlay p { color: #cccccc; font-size: 14px; line-height: 1.6; margin-bottom: 25px; padding: 0 10px; }\\r\\n\\r\\n.card-link {\\r\\n    color: #fff;\\r\\n    text-decoration: none;\\r\\n    font-weight: 600;\\r\\n    font-size: 13px;\\r\\n    text-transform: uppercase;\\r\\n    letter-spacing: 1px;\\r\\n    border: 2px solid rgba(255,255,255,0.2);\\r\\n    padding: 10px 25px;\\r\\n    border-radius: 50px;\\r\\n    transition: 0.3s;\\r\\n}\\r\\n\\r\\n.card-link:hover { background: #fff; color: #000; border-color: #fff; transform: scale(1.05); }\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n    .ypv-section-header h2 { font-size: 32px; }\\r\\n    .ypv-onsite-grid { grid-template-columns: 1fr; }\\r\\n    .onsite-card { height: 280px; }\\r\\n}\\r\\n<\/style>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<section class=\\\"ypv-features\\\">\\r\\n    <div class=\\\"ypv-container\\\">\\r\\n        <div class=\\\"ypv-section-header\\\">\\r\\n            <span class=\\\"ypv-subtitle\\\">Why YPV Technical Services?<\/span>\\r\\n            <h2 class=\\\"ypv-main-title\\\">Engineering Excellence in Every Detail<\/h2>\\r\\n            <div class=\\\"ypv-line\\\"><\/div>\\r\\n        <\/div>\\r\\n\\r\\n        <div class=\\\"ypv-grid\\\">\\r\\n            <div class=\\\"ypv-card\\\">\\r\\n                <div class=\\\"ypv-icon\\\">01<\/div>\\r\\n                <h3>8+ Years Expertise<\/h3>\\r\\n                <p>A decade of refined methodology in digital solutions and industrial systems across Tamil Nadu.<\/p>\\r\\n            <\/div>\\r\\n\\r\\n            <div class=\\\"ypv-card\\\">\\r\\n                <div class=\\\"ypv-icon\\\">02<\/div>\\r\\n                <h3>Certified Safety<\/h3>\\r\\n                <p>We adhere to strict industrial standards for home wiring and high-tension industrial installations.<\/p>\\r\\n            <\/div>\\r\\n\\r\\n            <div class=\\\"ypv-card\\\">\\r\\n                <div class=\\\"ypv-icon\\\">03<\/div>\\r\\n                <h3>Smart Integration<\/h3>\\r\\n                <p>Specialized in merging traditional electrical infrastructure with modern IoT and Alexa\/Nest ecosystems.<\/p>\\r\\n            <\/div>\\r\\n\\r\\n            <div class=\\\"ypv-card\\\">\\r\\n                <div class=\\\"ypv-icon\\\">04<\/div>\\r\\n                <h3>24\/7 Support<\/h3>\\r\\n                <p>Comprehensive Annual Maintenance Contracts (AMC) to ensure your surveillance and power systems never fail.<\/p>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n    <\/div>\\r\\n<\/section>\\r\\n\\r\\n<style>\\r\\n.ypv-features {\\r\\n    padding: 100px 0;\\r\\n    background-color: #ffffff;\\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n}\\r\\n\\r\\n.ypv-container {\\r\\n    max-width: 1200px;\\r\\n    margin: 0 auto;\\r\\n    padding: 0 20px;\\r\\n}\\r\\n\\r\\n.ypv-section-header {\\r\\n    text-align: center;\\r\\n    margin-bottom: 60px;\\r\\n}\\r\\n\\r\\n.ypv-subtitle {\\r\\n    color: #0062ff;\\r\\n    text-transform: uppercase;\\r\\n    letter-spacing: 2px;\\r\\n    font-weight: 700;\\r\\n    font-size: 14px;\\r\\n}\\r\\n\\r\\n.ypv-main-title {\\r\\n    font-family: 'Playfair Display', serif;\\r\\n    font-size: 38px;\\r\\n    color: #1a1a1a;\\r\\n    margin-top: 10px;\\r\\n}\\r\\n\\r\\n.ypv-line {\\r\\n    width: 60px;\\r\\n    height: 3px;\\r\\n    background: #0062ff;\\r\\n    margin: 20px auto;\\r\\n}\\r\\n\\r\\n.ypv-grid {\\r\\n    display: grid;\\r\\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\\r\\n    gap: 30px;\\r\\n}\\r\\n\\r\\n.ypv-card {\\r\\n    padding: 40px;\\r\\n    background: #f8f9fa;\\r\\n    border-radius: 15px;\\r\\n    transition: 0.3s;\\r\\n    border-bottom: 4px solid transparent;\\r\\n}\\r\\n\\r\\n.ypv-card:hover {\\r\\n    transform: translateY(-10px);\\r\\n    background: #ffffff;\\r\\n    box-shadow: 0 20px 40px rgba(0,0,0,0.05);\\r\\n    border-bottom: 4px solid #0062ff;\\r\\n}\\r\\n\\r\\n.ypv-icon {\\r\\n    font-size: 40px;\\r\\n    font-weight: 900;\\r\\n    color: rgba(0, 98, 255, 0.1);\\r\\n    margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.ypv-card h3 {\\r\\n    font-size: 20px;\\r\\n    color: #1a1a1a;\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.ypv-card p {\\r\\n    color: #666;\\r\\n    line-height: 1.6;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n    .ypv-main-title { font-size: 28px; }\\r\\n}\\r\\n<\/style>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<section class=\\\"ypv-stats-section\\\">\\r\\n    <div class=\\\"ypv-stats-container\\\">\\r\\n        <div class=\\\"ypv-stat-item\\\" data-aos=\\\"fade-up\\\">\\r\\n            <i class=\\\"fa fa-check-circle-o\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n            <div class=\\\"stat-info\\\">\\r\\n                <span class=\\\"stat-number\\\">500+<\/span>\\r\\n                <span class=\\\"stat-label\\\">Projects Completed<\/span>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n        <div class=\\\"ypv-stat-item\\\" data-aos=\\\"fade-up\\\" style=\\\"animation-delay: 0.2s;\\\">\\r\\n            <i class=\\\"fa fa-users\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n            <div class=\\\"stat-info\\\">\\r\\n                <span class=\\\"stat-number\\\">8+ Years<\/span>\\r\\n                <span class=\\\"stat-label\\\">Industry Expertise<\/span>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n        <div class=\\\"ypv-stat-item\\\" data-aos=\\\"fade-up\\\" style=\\\"animation-delay: 0.4s;\\\">\\r\\n            <i class=\\\"fa fa-building-o\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n            <div class=\\\"stat-info\\\">\\r\\n                <span class=\\\"stat-number\\\">12+<\/span>\\r\\n                <span class=\\\"stat-label\\\">Industrial Sites<\/span>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n        <div class=\\\"ypv-stat-item\\\" data-aos=\\\"fade-up\\\" style=\\\"animation-delay: 0.6s;\\\">\\r\\n            <i class=\\\"fa fa-smile-o\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n            <div class=\\\"stat-info\\\">\\r\\n                <span class=\\\"stat-number\\\">100%<\/span>\\r\\n                <span class=\\\"stat-label\\\">Client Satisfaction<\/span>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n    <\/div>\\r\\n<\/section>\\r\\n\\r\\n<style>\\r\\n.ypv-stats-section {\\r\\n    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\\r\\n    padding: 60px 0;\\r\\n    color: #fff;\\r\\n    border-bottom: 2px solid #00d2ff;\\r\\n}\\r\\n.ypv-stats-container {\\r\\n    max-width: 1200px;\\r\\n    margin: 0 auto;\\r\\n    display: flex;\\r\\n    justify-content: space-around;\\r\\n    flex-wrap: wrap;\\r\\n    gap: 30px;\\r\\n}\\r\\n.ypv-stat-item {\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n    gap: 15px;\\r\\n    transition: transform 0.3s ease;\\r\\n}\\r\\n.ypv-stat-item:hover { transform: scale(1.1); }\\r\\n.ypv-stat-item i { font-size: 45px; color: #00d2ff; text-shadow: 0 0 15px rgba(0,210,255,0.4); }\\r\\n.stat-info { display: flex; flex-direction: column; }\\r\\n.stat-number { font-size: 32px; font-weight: 800; font-family: 'Montserrat', sans-serif; }\\r\\n.stat-label { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #bbb; }\\r\\n\\r\\n@media (max-width: 768px) { .ypv-stats-container { justify-content: center; } }\\r\\n<\/style>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<link rel=\\\"stylesheet\\\" href=\\\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\\\">\\r\\n\\r\\n<section class=\\\"ypv-seo-services\\\" aria-labelledby=\\\"services-heading\\\">\\r\\n    <div class=\\\"ypv-wrapper\\\">\\r\\n        \\r\\n        <header class=\\\"ypv-header\\\">\\r\\n            <span class=\\\"ypv-pretitle\\\">The YPV Advantage<\/span>\\r\\n            <h2 id=\\\"services-heading\\\">Premier Technical &#038; Engineering Solutions<\/h2>\\r\\n            <p>Empowering industries and homes across Tamil Nadu with over 8 years of certified technical expertise.<\/p>\\r\\n        <\/header>\\r\\n\\r\\n        <div class=\\\"ypv-services-grid\\\">\\r\\n            \\r\\n            <article class=\\\"ypv-seo-card card-blue\\\">\\r\\n                <div class=\\\"icon-box\\\">\\r\\n                    <i class=\\\"fa fa-plug floating-icon\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n                <\/div>\\r\\n                <h3>Expert Home Wiring<\/h3>\\r\\n                <p>Architectural-grade concealed wiring and electrical infrastructure designed for safety and longevity.<\/p>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"ypv-seo-card card-gold\\\">\\r\\n                <div class=\\\"icon-box\\\">\\r\\n                    <i class=\\\"fa fa-industry floating-icon\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n                <\/div>\\r\\n                <h3>Industrial Installation<\/h3>\\r\\n                <p>High-tension power setups and preventive maintenance protocols for Nagai Power Plant and regional industries.<\/p>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"ypv-seo-card card-cyan\\\">\\r\\n                <div class=\\\"icon-box\\\">\\r\\n                    <i class=\\\"fa fa-home floating-icon\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n                <\/div>\\r\\n                <h3>Smart Automation<\/h3>\\r\\n                <p>Unified Alexa &#038; Nest integration with modern gang switches for a truly intelligent, voice-controlled home.<\/p>\\r\\n            <\/article>\\r\\n\\r\\n            <article class=\\\"ypv-seo-card card-red\\\">\\r\\n                <div class=\\\"icon-box\\\">\\r\\n                    <i class=\\\"fa fa-video-camera floating-icon\\\" aria-hidden=\\\"true\\\"><\/i>\\r\\n                <\/div>\\r\\n                <h3>CCTV &#038; Security<\/h3>\\r\\n                <p>Advanced HD surveillance systems and AMC support to safeguard residential and commercial assets 24\/7.<\/p>\\r\\n            <\/article>\\r\\n\\r\\n        <\/div>\\r\\n    <\/div>\\r\\n<\/section>\\r\\n\\r\\n<style>\\r\\n\/* Base Styles *\/\\r\\n.ypv-seo-services {\\r\\n    padding: 80px 0;\\r\\n    background: #fbfcfd;\\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.ypv-wrapper {\\r\\n    max-width: 1200px;\\r\\n    margin: 0 auto;\\r\\n    padding: 0 20px;\\r\\n}\\r\\n\\r\\n\/* Header *\/\\r\\n.ypv-header {\\r\\n    text-align: center;\\r\\n    margin-bottom: 50px;\\r\\n}\\r\\n\\r\\n.ypv-pretitle {\\r\\n    display: block;\\r\\n    color: #0062ff;\\r\\n    font-weight: 700;\\r\\n    letter-spacing: 2px;\\r\\n    text-transform: uppercase;\\r\\n    font-size: 13px;\\r\\n    margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.ypv-header h2 {\\r\\n    font-family: 'Playfair Display', serif;\\r\\n    font-size: 36px;\\r\\n    color: #111;\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.ypv-header p {\\r\\n    color: #666;\\r\\n    max-width: 700px;\\r\\n    margin: 0 auto;\\r\\n    line-height: 1.6;\\r\\n}\\r\\n\\r\\n\/* Grid & Cards *\/\\r\\n.ypv-services-grid {\\r\\n    display: grid;\\r\\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\\r\\n    gap: 25px;\\r\\n}\\r\\n\\r\\n.ypv-seo-card {\\r\\n    background: #fff;\\r\\n    padding: 40px 30px;\\r\\n    border-radius: 20px;\\r\\n    text-align: center;\\r\\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\\r\\n    border: 1px solid #eee;\\r\\n    position: relative;\\r\\n    z-index: 1;\\r\\n}\\r\\n\\r\\n.ypv-seo-card:hover {\\r\\n    transform: translateY(-12px);\\r\\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\\r\\n}\\r\\n\\r\\n\/* Icon Box & Animations *\/\\r\\n.icon-box {\\r\\n    width: 80px;\\r\\n    height: 80px;\\r\\n    margin: 0 auto 25px;\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n    justify-content: center;\\r\\n    border-radius: 50%;\\r\\n    font-size: 32px;\\r\\n    transition: 0.3s;\\r\\n}\\r\\n\\r\\n.floating-icon {\\r\\n    animation: floatAnim 3s ease-in-out infinite;\\r\\n}\\r\\n\\r\\n@keyframes floatAnim {\\r\\n    0%, 100% { transform: translateY(0); }\\r\\n    50% { transform: translateY(-8px); }\\r\\n}\\r\\n\\r\\n\/* Card Specific Colors (Professional Vibrancy) *\/\\r\\n.card-blue .icon-box { background: rgba(0, 98, 255, 0.1); color: #0062ff; }\\r\\n.card-blue:hover { border-top: 5px solid #0062ff; }\\r\\n\\r\\n.card-gold .icon-box { background: rgba(255, 193, 7, 0.1); color: #ffc107; }\\r\\n.card-gold:hover { border-top: 5px solid #ffc107; }\\r\\n\\r\\n.card-cyan .icon-box { background: rgba(0, 210, 255, 0.1); color: #00d2ff; }\\r\\n.card-cyan:hover { border-top: 5px solid #00d2ff; }\\r\\n\\r\\n.card-red .icon-box { background: rgba(255, 75, 43, 0.1); color: #ff4b2b; }\\r\\n.card-red:hover { border-top: 5px solid #ff4b2b; }\\r\\n\\r\\n\/* Text within cards *\/\\r\\n.ypv-seo-card h3 {\\r\\n    font-size: 22px;\\r\\n    color: #222;\\r\\n    margin-bottom: 15px;\\r\\n    font-weight: 700;\\r\\n}\\r\\n\\r\\n.ypv-seo-card p {\\r\\n    font-size: 15px;\\r\\n    color: #555;\\r\\n    line-height: 1.7;\\r\\n}\\r\\n\\r\\n\/* Mobile Adjustments *\/\\r\\n@media (max-width: 768px) {\\r\\n    .ypv-header h2 { font-size: 28px; }\\r\\n    .ypv-seo-card { padding: 30px 20px; }\\r\\n}\\r\\n<\/style>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<section class=\\\"ypv-cta\\\">\\r\\n    <div class=\\\"cta-inner\\\">\\r\\n        <div class=\\\"cta-content\\\" data-aos=\\\"zoom-in\\\">\\r\\n            <h2>Ready to Upgrade Your <span class=\\\"gradient-text\\\">Infrastructure?<\/span><\/h2>\\r\\n            <p>From industrial installations in Nagapattinam to smart luxury homes in Coimbatore\u2014we are your technical partners.<\/p>\\r\\n            <div class=\\\"cta-btns\\\">\\r\\n                <a href=\\\"https:\/\/ypv.co.in\/index.php\/contact\/\\\" class=\\\"cta-btn main\\\">Get Free Consultation<\/a>\\r\\n                <a href=\\\"https:\/\/api.whatsapp.com\/send?phone=917418509889&#038;text=Hello\\\" class=\\\"cta-btn wa-btn\\\">\\r\\n                    <i class=\\\"fa fa-whatsapp\\\"><\/i> Chat on WhatsApp\\r\\n                <\/a>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n    <\/div>\\r\\n<\/section>\\r\\n\\r\\n<style>\\r\\n.ypv-cta { padding: 100px 20px; background: #050505; text-align: center; }\\r\\n.cta-inner {\\r\\n    max-width: 1000px;\\r\\n    margin: 0 auto;\\r\\n    padding: 60px;\\r\\n    border-radius: 30px;\\r\\n    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('https:\/\/ypv.co.in\/wp-content\/uploads\/2026\/04\/ypv_technical_services_slider_03.webp');\\r\\n    background-size: cover;\\r\\n    background-position: center;\\r\\n    border: 1px solid rgba(255,255,255,0.1);\\r\\n}\\r\\n.gradient-text {\\r\\n    background: linear-gradient(90deg, #00d2ff, #ffc107);\\r\\n    -webkit-background-clip: text;\\r\\n    -webkit-text-fill-color: transparent;\\r\\n}\\r\\n.cta-content h2 { font-size: 42px; color: #fff; margin-bottom: 20px; font-family: 'Playfair Display', serif; }\\r\\n.cta-content p { color: #ccc; font-size: 18px; margin-bottom: 40px; }\\r\\n.cta-btns { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }\\r\\n\\r\\n.cta-btn {\\r\\n    padding: 18px 40px;\\r\\n    border-radius: 50px;\\r\\n    text-decoration: none;\\r\\n    font-weight: 700;\\r\\n    font-family: 'Montserrat', sans-serif;\\r\\n    transition: 0.4s;\\r\\n    text-transform: uppercase;\\r\\n}\\r\\n.cta-btn.main { background: #0062ff; color: #fff; box-shadow: 0 10px 30px rgba(0, 98, 255, 0.4); }\\r\\n.cta-btn.wa-btn { background: #25D366; color: #fff; }\\r\\n.cta-btn:hover { transform: scale(1.05) translateY(-5px); }\\r\\n\\r\\n@media (max-width: 768px) {\\r\\n    .cta-content h2 { font-size: 28px; }\\r\\n    .cta-inner { padding: 40px 20px; }\\r\\n}\\r\\n<\/style>&#8220;}\n\n\n\n\n{&#8220;title&#8221;:&#8221;&#8221;,&#8221;content&#8221;:&#8221;<section class=\\\"ypv-process\\\">\\r\\n    <div class=\\\"ypv-wrapper\\\">\\r\\n        <div class=\\\"ypv-header text-center\\\">\\r\\n            <span class=\\\"ypv-pretitle\\\">The Methodology<\/span>\\r\\n            <h2>How We Deliver Excellence<\/h2>\\r\\n        <\/div>\\r\\n        \\r\\n        <div class=\\\"process-grid\\\">\\r\\n            <div class=\\\"process-step\\\" style=\\\"--color: #0062ff;\\\">\\r\\n                <div class=\\\"step-num\\\">01<\/div>\\r\\n                <h3>Consultation<\/h3>\\r\\n                <p>We analyze your specific technical needs, whether it&#8217;s industrial power or smart home IoT.<\/p>\\r\\n            <\/div>\\r\\n            <div class=\\\"process-step\\\" style=\\\"--color: #ffc107;\\\">\\r\\n                <div class=\\\"step-num\\\">02<\/div>\\r\\n                <h3>Strategic Planning<\/h3>\\r\\n                <p>Precise engineering blueprints and material selection to ensure cost-efficiency and safety.<\/p>\\r\\n            <\/div>\\r\\n            <div class=\\\"process-step\\\" style=\\\"--color: #00d2ff;\\\">\\r\\n                <div class=\\\"step-num\\\">03<\/div>\\r\\n                <h3>Execution<\/h3>\\r\\n                <p>Expert installation by certified technical leads with minimal disruption to your operations.<\/p>\\r\\n            <\/div>\\r\\n            <div class=\\\"process-step\\\" style=\\\"--color: #25D366;\\\">\\r\\n                <div class=\\\"step-num\\\">04<\/div>\\r\\n                <h3>Maintenance<\/h3>\\r\\n                <p>Ongoing support and AMC services to keep your systems running at peak performance.<\/p>\\r\\n            <\/div>\\r\\n        <\/div>\\r\\n    <\/div>\\r\\n<\/section>\\r\\n\\r\\n<style>\\r\\n.ypv-process { padding: 100px 0; background: #fff; }\\r\\n.process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; margin-top: 50px; }\\r\\n.process-step { position: relative; padding: 30px; border-radius: 15px; background: #fdfdfd; transition: 0.4s; }\\r\\n.process-step:hover { background: var(--color); color: #fff; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }\\r\\n.step-num { font-size: 50px; font-weight: 900; color: rgba(0,0,0,0.05); position: absolute; top: 10px; right: 20px; transition: 0.4s; }\\r\\n.process-step:hover .step-num { color: rgba(255,255,255,0.2); }\\r\\n.process-step h3 { margin-bottom: 15px; font-size: 22px; position: relative; z-index: 2; }\\r\\n.process-step p { position: relative; z-index: 2; font-size: 15px; line-height: 1.6; }\\r\\n.process-step:hover p { color: #fff; }\\r\\n<\/style>&#8220;}\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":353,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-695","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/pages\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":24,"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions"}],"predecessor-version":[{"id":737,"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/pages\/695\/revisions\/737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/media\/353"}],"wp:attachment":[{"href":"https:\/\/ypv.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}