.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shree Radha Nath Automotive</title>
    
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <style>
        /* --- GLOBAL RESET --- */
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; }
        body { background-color: #fff; overflow-x: hidden; }
        html { scroll-behavior: smooth; }

        /* --- WORDPRESS EXTRA HEADER REMOVER (Agar aap WP use kar rahe hain) --- */
        .ast-archive-description, .ast-breadcrumbs-wrapper, .entry-header, .page-header, 
        h1.entry-title, .site-header, .ast-main-header-wrap, .main-header-bar, .site-footer {
            display: none !important;
        }
        .entry-content { margin-top: 0 !important; padding-top: 0 !important; width: 100% !important; max-width: 100% !important; }

        /* =========================================
           1. HEADER (Transparent & Single Line)
           ========================================= */
        header {
            position: absolute; top: 0; left: 0; width: 100%; z-index: 1000;
            display: flex; justify-content: space-between; align-items: center;
            padding: 15px 50px;
            background: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent);
            white-space: nowrap;
        }
        .logo-container { display: flex; align-items: center; gap: 12px; }
        .logo-box { border: 2px solid #fff; color: #fff; font-size: 24px; font-weight: 900; padding: 5px 10px; }
        .logo-text { display: flex; flex-direction: column; color: #fff; line-height: 1.1; }
        .logo-title { font-size: 20px; font-weight: 900; font-style: italic; text-transform: uppercase; }
        .logo-subtitle { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #ccc; }
        nav ul { display: flex; list-style: none; gap: 25px; }
        nav ul li a { text-decoration: none; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; transition: 0.3s; }
        nav ul li a:hover { color: #ffcc00; }
        .contact-info { text-align: right; color: #fff; }
        .phone-number { display: block; font-size: 15px; font-weight: 900; }
        .customer-care { display: block; font-size: 10px; color: #ccc; }

        /* =========================================
           2. HERO SLIDER (Zoom & Move)
           ========================================= */
        .hero-section { position: relative; width: 100%; height: 100vh; overflow: hidden; background: #000; }
        .hero-slide {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0; transition: opacity 1s ease-in-out;
            display: flex; justify-content: center; align-items: center; text-align: center;
        }
        .hero-slide.active { opacity: 1; }
        .hero-slide::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0, 0, 0, 0.5); z-index: 1;
        }
        @keyframes movePhoto { 0% { transform: scale(1) translate(0, 0); } 100% { transform: scale(1.15) translate(-20px, -10px); } }
        .hero-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
        .hero-slide.active img { animation: movePhoto 6s linear forwards; }
        .hero-content { position: relative; z-index: 2; max-width: 900px; padding: 20px; }
        .hero-content h2 { font-size: 32px; font-weight: 400; color: #ffffff; margin-bottom: 10px; opacity: 0; transform: translateY(30px); transition: 0.5s ease 0.5s; }
        .hero-content h1 { font-size: 55px; font-weight: 900; text-transform: uppercase; color: #ffffff; margin-bottom: 30px; opacity: 0; transform: translateY(30px); transition: 0.5s ease 0.7s; }
        .hero-btn { display: inline-block; padding: 15px 40px; background-color: #ffcc00; color: #000; text-decoration: none; font-weight: 700; text-transform: uppercase; border-radius: 2px; opacity: 0; transform: translateY(30px); animation: fadeInBtn 0.5s ease 0.9s forwards; }
        .hero-btn:hover { background-color: #e6b800; }
        @keyframes fadeInBtn { to { opacity: 1; transform: translateY(0); } }
        .hero-slide.active .hero-content h2, .hero-slide.active .hero-content h1 { opacity: 1; transform: translateY(0); }

        /* =========================================
           3. MOVING BANNER & PRODUCT GRID
           ========================================= */
        .cable-section { padding: 60px 20px; background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.9)), url('https://www.transparenttextures.com/patterns/dark-wood.png'); background-size: cover; overflow: hidden; color: #fff; }
        .moving-banner-container { width: 100%; overflow: hidden; margin-bottom: 50px; white-space: nowrap; }
        .marquee-text { display: inline-block; padding-left: 100%; animation: marquee 25s linear infinite; }
        @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
        .banner-item { font-size: 3.5rem; font-weight: 900; text-transform: uppercase; margin-right: 50px; }
        .hollow-text { color: transparent; -webkit-text-stroke: 2px white; }
        .solid-text { color: white; }
        
        .grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; max-width: 1000px; margin: 0 auto; }
        .grid-box { background-color: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; padding: 25px 15px; text-align: center; aspect-ratio: 1/1; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.3s; }
        .grid-box:hover { border-color: #fff; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.5); }
        .box-icon { font-size: 2.5rem; margin-bottom: 15px; color: #e0e0e0; }
        .box-text { font-size: 0.9rem; font-weight: 700; text-transform: uppercase; }

        /* =========================================
           4. STATS COUNTER
           ========================================= */
        .stats-section { padding: 80px 20px; background-color: #fff; text-align: center; }
        .stats-wrapper { display: flex; justify-content: space-around; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; gap: 30px; }
        .stat-item h3 { font-size: 16px; font-weight: 800; color: #000; margin-bottom: 5px; text-transform: uppercase; }
        .counter-wrapper { font-size: 50px; font-weight: 900; color: #ffcc00; display: flex; justify-content: center; line-height: 1; }
        .symbol { font-size: 30px; margin-left: 2px; margin-top: 5px; vertical-align: top; }

        /* =========================================
           5. MISSION & VALUES SLIDER
           ========================================= */
        .slider-section { padding: 80px 20px; background-color: #f9f9f9; min-height: 600px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
        .slider-wrapper { max-width: 1100px; width: 100%; position: relative; }
        .mv-slide { display: none; animation: fade 1.5s ease-in-out; }
        .mv-slide.active { display: block; }
        @keyframes fade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        
        .section-title { font-size: 36px; font-weight: 800; color: #222; margin-bottom: 8px; }
        .yellow-dash { width: 60px; height: 4px; background-color: #ffcc00; border-radius: 2px; position: relative; margin-bottom: 20px; }
        .yellow-dash::after { content: ''; position: absolute; left: 70px; width: 15px; height: 4px; background: #ffcc00; border-radius: 2px; }
        
        /* Mission Layout */
        .mission-layout { display: flex; align-items: center; gap: 50px; }
        .mission-img { flex: 1; text-align: center; }
        .mission-img img { width: 100%; max-width: 450px; }
        .mission-text { flex: 1; }
        .mission-text p { font-size: 16px; line-height: 1.7; color: #555; margin-bottom: 15px; text-align: justify; }

        /* Values Grid Layout */
        .values-layout { text-align: center; }
        .values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
        .value-card { background: #fff; border: 1px solid #eee; padding: 25px; border-radius: 8px; text-align: left; box-shadow: 0 4px 10px rgba(0,0,0,0.03); transition: 0.3s; }
        .value-card:hover { border-color: #ffcc00; transform: translateY(-5px); }
        .value-icon { font-size: 28px; color: #ffcc00; margin-bottom: 10px; }
        .value-head { font-size: 18px; font-weight: 700; color: #222; }
        .value-desc { font-size: 14px; color: #666; margin-top: 5px; }

        /* =========================================
           6. SPECIALITY SECTION (Masonry)
           ========================================= */
        .speciality-section { padding: 60px 20px; background-color: #fff; text-align: center; }
        .masonry-wrapper { column-count: 3; column-gap: 25px; max-width: 1200px; margin: 40px auto 0; text-align: left; }
        .feature-card { border-radius: 20px; padding: 30px 25px; margin-bottom: 25px; color: #fff; break-inside: avoid; transition: 0.3s; }
        .feature-card:hover { transform: translateY(-5px); }
        .feature-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
        .bg-yellow { background: linear-gradient(135deg, #ffc107, #ff9800); }
        .bg-teal { background: linear-gradient(135deg, #00c6ff, #0072ff); }
        .bg-purple { background: linear-gradient(135deg, #a855f7, #7e22ce); }
        .bg-blue { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
        .bg-pink { background: linear-gradient(135deg, #ec4899, #be185d); }
        .bg-orange { background: linear-gradient(135deg, #f97316, #c2410c); }

        /* =========================================
           7. CONTACT FORM & REVIEW
           ========================================= */
        .contact-section { background-color: #ffb400; background-image: url('https://www.transparenttextures.com/patterns/cubes.png'); padding: 80px 20px; display: flex; justify-content: center; }
        .contact-container { max-width: 1100px; width: 100%; display: flex; flex-wrap: wrap; gap: 40px; }
        .review-box { flex: 1; min-width: 300px; padding-top: 20px; }
        .review-card-dark { background-color: #2a2a2a; padding: 40px; border-radius: 5px; color: #fff; position: relative; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
        .review-card-dark::after { content: ''; position: absolute; left: -15px; top: 50%; border-right: 15px solid #2a2a2a; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
        .form-box { flex: 1; min-width: 350px; background-color: #fff8e1; padding: 30px; border-radius: 5px; }
        input, select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; background: #fff; border-radius: 4px; margin-bottom: 15px; }
        .btn-submit { width: 100%; padding: 12px; background: #ffcc00; color: #000; font-weight: 700; border: none; border-radius: 25px; cursor: pointer; text-transform: uppercase; }
        .btn-submit:hover { background: #e6b800; }

        /* =========================================
           8. FOOTER
           ========================================= */
        footer { background-color: #050505; color: #cfcfcf; padding-top: 60px; border-top: 3px solid #ffcc00; }
        .footer-container { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 20px 40px; }
        .footer-col { flex: 1; min-width: 250px; margin: 15px; }
        .footer-col h3 { color: #ffcc00; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; display: inline-block; border-bottom: 2px solid #fff; padding-bottom: 5px; }
        .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 10px; }
        .footer-col ul li a { color: #bbbbbb; text-decoration: none; font-size: 14px; transition: 0.3s; }
        .footer-col ul li a:hover { color: #ffcc00; padding-left: 5px; }
        .footer-bottom { background: #000; border-top: 1px solid #1a1a1a; padding: 20px; text-align: center; font-size: 13px; color: #666; }

        /* RESPONSIVE */
        @media (max-width: 900px) {
            .mission-layout { flex-direction: column; }
            .review-card-dark::after { display: none; }
            .masonry-wrapper { column-count: 1; }
            .banner-item { font-size: 2.5rem; }
            .hero-content h1 { font-size: 32px; }
            nav { display: none; } /* Mobile Menu Placeholder */
        }
    </style>
</head>
<body>

    <header>
        <div class="logo-container">
            <div class="logo-box">S</div>
            <div class="logo-text">
                <span class="logo-title">SHREE RADHA NATH</span>
                <span class="logo-subtitle">Automotive</span>
            </div>
        </div>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Company</a></li>
                <li><a href="#">Products</a></li>
                <li><a href="#">Industry</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
        <div class="contact-info">
            <span class="phone-number">+91 8009006604</span>
            <span class="customer-care">(Customer Care)</span>
        </div>
    </header>

    <section class="hero-section">
        <div class="hero-slide active">
            <img src="https://images.unsplash.com/photo-1558981403-c5f9899a28bc?q=80&w=2070&auto=format&fit=crop" alt="Bike">
            <div class="hero-content">
                <h2>Welcome to Shree Radha Nath Automotive</h2>
                <h1>TOTAL CONTROL ON THE ROAD</h1>
                <a href="#" class="hero-btn">Explore Products</a>
            </div>
        </div>
        <div class="hero-slide">
            <img src="https://images.unsplash.com/photo-1596525737233-68d87926b484?q=80&w=2070&auto=format&fit=crop" alt="Auto">
            <div class="hero-content">
                <h2>Reliable & Durable</h2>
                <h1>POWERING 3-WHEELERS</h1>
                <a href="#" class="hero-btn">View Parts</a>
            </div>
        </div>
        <div class="hero-slide">
            <img src="https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?q=80&w=2070&auto=format&fit=crop" alt="Car">
            <div class="hero-content">
                <h2>Precision Engineering</h2>
                <h1>QUALITY YOU CAN TRUST</h1>
                <a href="#" class="hero-btn">Contact Us</a>
            </div>
        </div>
    </section>

    <section class="cable-section">
        <div class="moving-banner-container">
            <div class="marquee-text">
                <span class="banner-item hollow-text">INDIA’S LEADING CONTROL CABLE MANUFACTURER</span>
                <span class="banner-item solid-text">PERFORMANCE THAT RIDES BEYOND EXPECTATIONS</span>
                <span class="banner-item hollow-text">INDIA’S LEADING CONTROL CABLE MANUFACTURER</span>
                <span class="banner-item solid-text">PERFORMANCE THAT RIDES BEYOND EXPECTATIONS</span>
            </div>
        </div>
        <div class="grid-container">
            <div class="grid-box"><i class="box-icon fa-solid fa-cog"></i><span class="box-text">Clutch Cable</span></div>
            <div class="grid-box"><i class="box-icon fa-solid fa-gauge-high"></i><span class="box-text">Accelerator Cable</span></div>
            <div class="grid-box"><i class="box-icon fa-solid fa-hand-fist"></i><span class="box-text">Brake Cable</span></div>
            <div class="grid-box"><i class="box-icon fa-solid fa-shuffle"></i><span class="box-text">Gear / Shift Cable</span></div>
            <div class="grid-box"><i class="box-icon fa-solid fa-tachograph-digital"></i><span class="box-text">Speedometer Cable</span></div>
            <div class="grid-box"><i class="box-icon fa-solid fa-motorcycle"></i><span class="box-text">Bike / Auto / Car</span></div>
        </div>
    </section>

    <section class="stats-section" id="counterSection">
        <div class="stats-wrapper">
            <div class="stat-item">
                <h3>Global Clients</h3>
                <div class="counter-wrapper"><span class="count" data-target="488">0</span><span class="symbol">+</span></div>
            </div>
            <div class="stat-item">
                <h3>Shipments Delivered</h3>
                <div class="counter-wrapper"><span class="count" data-target="1059">0</span><span class="symbol">+</span></div>
            </div>
            <div class="stat-item">
                <h3>Quality Rate</h3>
                <div class="counter-wrapper"><span class="count" data-target="99">0</span><span class="symbol">%</span></div>
            </div>
            <div class="stat-item">
                <h3>Product Range</h3>
                <div class="counter-wrapper"><span class="count" data-target="90">0</span><span class="symbol">+</span></div>
            </div>
        </div>
    </section>

    <section class="slider-section">
        <div class="slider-wrapper">
            <div class="mv-slide active">
                <div class="mission-layout">
                    <div class="mission-img"><img src="https://img.freepik.com/free-vector/business-mission-concept-illustration_114360-7295.jpg" alt="Mission"></div>
                    <div class="mission-text">
                        <h2 class="section-title">Our Mission</h2>
                        <div class="yellow-dash"></div>
                        <p>At <strong>Shree Radha Nath Automotive</strong>, our mission is to provide premium, export-quality automotive control cables. We use advanced technology to ensure strict international standards.</p>
                        <p>We believe in transparency, long-term partnerships, and mutual success — Together, we grow globally.</p>
                    </div>
                </div>
            </div>
            <div class="mv-slide">
                <div class="values-layout">
                    <h2 class="section-title" style="text-align: center;">Core Values</h2>
                    <div class="yellow-dash" style="margin: 0 auto;"></div>
                    <div class="values-grid">
                        <div class="value-card"><i class="value-icon fa-solid fa-medal"></i><h3 class="value-head">Quality First</h3><p class="value-desc">No compromise on standards.</p></div>
                        <div class="value-card"><i class="value-icon fa-solid fa-lightbulb"></i><h3 class="value-head">Innovation</h3><p class="value-desc">Upgrading systems constantly.</p></div>
                        <div class="value-card"><i class="value-icon fa-solid fa-users"></i><h3 class="value-head">Customer-Centric</h3><p class="value-desc">Heart of every decision.</p></div>
                        <div class="value-card"><i class="value-icon fa-solid fa-handshake"></i><h3 class="value-head">Integrity</h3><p class="value-desc">Honest communication.</p></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="speciality-section">
        <h2 class="section-title" style="text-align:center;">Our Speciality</h2>
        <div class="yellow-dash" style="margin: 0 auto;"></div>
        <div class="masonry-wrapper">
            <div class="feature-card bg-yellow"><h3>Top-Grade Material</h3><p>Premium quality steel wire & PVC for durability.</p></div>
            <div class="feature-card bg-teal"><h3>Perfect Fit</h3><p>Exact OEM specifications for smooth operation.</p></div>
            <div class="feature-card bg-purple"><h3>Rust Resistant</h3><p>Anti-corrosion coating for all weather.</p></div>
            <div class="feature-card bg-blue"><h3>Zero Stretch</h3><p>Special wire twisting technique.</p></div>
            <div class="feature-card bg-pink"><h3>Wide Range</h3><p>2W, 3W, 4W, Tractor & JCB cables.</p></div>
            <div class="feature-card bg-orange"><h3>Quality Tested</h3><p>7+ rigorous quality tests passed.</p></div>
        </div>
    </section>

    <section class="contact-section">
        <div class="contact-container">
            <div class="review-box">
                <h2 style="color:#fff; margin-bottom:20px;">Review From Clients</h2>
                <div class="review-card-dark">
                    <p style="font-style:italic; line-height:1.6; color:#ddd;">"My reason for choosing Shree Radha Nath Automotive is their commitment to quality. Their control cables are durable and fit perfectly. Best cable manufacturer in India."</p>
                    <div style="margin-top:20px; color:#ffcc00; font-weight:bold;">Rajesh Gupta <span style="font-size:12px; color:#aaa; display:block;">Exporter</span></div>
                </div>
            </div>
            <div class="form-box">
                <h3 style="text-align:center; margin-bottom:20px;">Connect with Experts</h3>
                <form action="https://api.web3forms.com/submit" method="POST">
                    <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">
                    <input type="text" name="name" placeholder="Name" required>
                    <input type="text" name="company" placeholder="Company Name" required>
                    <input type="tel" name="mobile" placeholder="Mobile No." required>
                    <input type="email" name="email" placeholder="Email" required>
                    <select name="service">
                        <option value="" disabled selected>Select Product</option>
                        <option value="Clutch Cable">Clutch Cable</option>
                        <option value="Brake Cable">Brake Cable</option>
                        <option value="Export Inquiry">Export Inquiry</option>
                    </select>
                    <textarea name="message" placeholder="Requirement" style="height:80px;"></textarea>
                    <button type="submit" class="btn-submit">Submit Now</button>
                </form>
            </div>
        </div>
    </section>

    <footer>
        <div class="footer-container">
            <div class="footer-col">
                <h3>Shree Radha Nath</h3>
                <p>Providing high-quality automotive control cables with over 35+ years of excellence.</p>
            </div>
            <div class="footer-col">
                <h3>Products</h3>
                <ul><li><a href="#">Clutch Cable</a></li><li><a href="#">Brake Cable</a></li><li><a href="#">Speedometer</a></li></ul>
            </div>
            <div class="footer-col">
                <h3>Contact</h3>
                <p><i class="fa-solid fa-phone" style="color:#ffcc00;"></i> +91 8009006604</p>
                <p><i class="fa-solid fa-envelope" style="color:#ffcc00;"></i> info@radhanath.com</p>
            </div>
        </div>
        <div class="footer-bottom"><p>&copy; 2025 Shree Radha Nath Automotive. All rights reserved.</p></div>
    </footer>

    <script>
        // 1. Hero Slider
        let currentHero = 0;
        const heroSlides = document.querySelectorAll('.hero-slide');
        setInterval(() => {
            heroSlides[currentHero].classList.remove('active');
            currentHero = (currentHero + 1) % heroSlides.length;
            heroSlides[currentHero].classList.add('active');
        }, 5000);

        // 2. Mission Slider
        let currentMv = 0;
        const mvSlides = document.querySelectorAll('.mv-slide');
        setInterval(() => {
            mvSlides[currentMv].classList.remove('active');
            currentMv = (currentMv + 1) % mvSlides.length;
            mvSlides[currentMv].classList.add('active');
        }, 6000);

        // 3. Counter Animation
        const counterSection = document.getElementById('counterSection');
        const counters = document.querySelectorAll('.count');
        let started = false;
        const observer = new IntersectionObserver((entries) => {
            if(entries[0].isIntersecting && !started) {
                counters.forEach(c => {
                    const target = +c.getAttribute('data-target');
                    const inc = target / 100;
                    let curr = 0;
                    const update = () => {
                        curr += inc;
                        if(curr < target) { c.innerText = Math.ceil(curr); requestAnimationFrame(update); }
                        else c.innerText = target;
                    };
                    update();
                });
                started = true;
            }
        });
        observer.observe(counterSection);
    </script>
</body>
</html>/* End custom CSS */