SakinakachaMaharaja..................









<style>
    /* WordPress Core Styles */
    
    img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 0.07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }
    /* Root Variables */
    
     :root {
        --wp--preset--color--primary-orange: #ff6600;
        --wp--preset--color--light-orange: #ff8c00;
        --wp--preset--color--white: #ffffff;
        --wp--preset--color--black: #000000;
        --wp--preset--color--gray: #474747;
        --wp--preset--font-size--small: 14px;
        --wp--preset--font-size--medium: 20px;
        --wp--preset--font-size--large: 36px;
    }
    /* Layout Classes */
    
    .is-layout-flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5em;
    }
    
    .is-layout-grid {
        display: grid;
        gap: 0.5em;
    }
    /* Custom Temple Styles */
    
    body {
        font-size: 16px;
        line-height: 1.6;
        font-family: 'Karla', sans-serif;
        color: var(--wp--preset--color--gray);
        margin: 0;
        padding: 0;
        background: linear-gradient(135deg, var(--wp--preset--color--white) 50%, #fff3e0 50%);
    }
    
    .wrapper {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    /* Header Styles */
    
    .site-header {
        background: var(--wp--preset--color--white);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        position: sticky;
        top: 0;
        z-index: 1000;
    }
    
    .header-navigation-menu {
        padding: 15px 0;
    }
    
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    
    .header-menu-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .header-icon img {
        max-height: 80px;
        height: auto;
        transition: transform 0.3s ease;
    }
    
    .header-icon img:hover {
        transform: scale(1.05);
    }
    /* Navigation Styles */
    
    .nav-menu-content {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        gap: 30px;
    }
    
    .nav-menu-content li {
        position: relative;
    }
    
    .nav-menu-content a {
        text-decoration: none;
        color: var(--wp--preset--color--primary-orange);
        font-weight: 600;
        padding: 12px 18px;
        display: block;
        transition: all 0.3s ease;
        border-radius: 5px;
    }
    
    .nav-menu-content a:hover {
        color: var(--wp--preset--color--white);
        background: var(--wp--preset--color--primary-orange);
    }
    
    .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--wp--preset--color--white);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        min-width: 200px;
        list-style: none;
        padding: 10px 0;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        z-index: 1000;
        border-radius: 5px;
    }
    
    .menu-item:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    /* Main Content */
    
    .site-content {
        flex: 1;
    }
    /* Marquee Styles */
    
    .marquee-hsas-shortcode-54 {
        width: 100%;
        overflow: hidden;
        background: #fff3cd;
        padding: 15px;
        border: 1px solid #ffeaa7;
        border-radius: 8px;
        margin: 20px 0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    }
    
    .marquee-hsas-shortcode-54 span {
        color: var(--wp--preset--color--primary-orange) !important;
        font-weight: bold;
        font-size: 14px;
    }
    /* Slider Styles */
    
    .agni-slider {
        position: relative;
        height: 600px;
        overflow: hidden;
        border-radius: 12px;
        margin: 20px 0;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }
    
    .agni-slide-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.5s ease;
    }
    
    .agni-slider:hover .agni-slide-bg {
        transform: scale(1.02);
    }
    /* Section Styles */
    
    .section-row {
        padding: 80px 0;
    }
    
    .section-heading-text {
        font-size: 2.8rem;
        text-align: center;
        margin-bottom: 25px;
        color: var(--wp--preset--color--black);
        font-weight: 700;
    }
    
    .section-divide-line {
        text-align: center;
        margin: 20px 0;
    }
    
    .section-divide-line span {
        display: inline-block;
        width: 100px;
        height: 3px;
        background-color: var(--wp--preset--color--primary-orange);
    }
    /* Feature Cards */
    
    .feature-card {
        text-align: center;
        padding: 40px 25px;
        background: var(--wp--preset--color--white);
        border-radius: 12px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .feature-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }
    
    .feature-card img {
        width: 100%;
        max-width: 300px;
        height: auto;
        border-radius: 10px;
        margin-bottom: 20px;
        transition: transform 0.3s ease;
    }
    
    .feature-card img:hover {
        transform: scale(1.03);
    }
    
    .feature-card h5 {
        font-size: 1.6rem;
        margin-bottom: 15px;
        color: var(--wp--preset--color--black);
        font-weight: 600;
    }
    /* Gallery Section */
    
    .gallery-section {
        background: #fff3e0;
    }
    
    .gallery-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 25px;
        margin: 40px 0;
    }
    /* Buttons */
    
    .btn {
        display: inline-block;
        padding: 14px 35px;
        border: 2px solid;
        text-decoration: none;
        border-radius: 50px;
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
    }
    
    .btn-accent {
        background-color: var(--wp--preset--color--primary-orange);
        border-color: var(--wp--preset--color--primary-orange);
        color: var(--wp--preset--color--white);
    }
    
    .btn-accent:hover {
        background-color: transparent;
        color: var(--wp--preset--color--primary-orange);
    }
    /* Footer */
    
    .site-footer {
        background: var(--wp--preset--color--primary-orange);
        color: var(--wp--preset--color--white);
        padding: 50px 0 20px;
        margin-top: auto;
    }
    
    .footer-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 30px;
    }
    
    .footer-section h6 {
        color: var(--wp--preset--color--white);
        margin-bottom: 15px;
        font-size: 1.3rem;
        font-weight: 600;
    }
    
    .footer-section a {
        color: #ffe0b2;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    .footer-section a:hover {
        color: var(--wp--preset--color--white);
    }
    
    .footer-bar {
        background: #e65a00;
        padding: 20px 0;
        text-align: center;
        color: #ffe0b2;
    }
    
    .social-icons {
        display: flex;
        gap: 12px;
        margin-top: 15px;
    }
    
    .social-icons a {
        display: inline-block;
        width: 45px;
        height: 45px;
        background: var(--wp--preset--color--white);
        color: var(--wp--preset--color--primary-orange);
        text-align: center;
        line-height: 45px;
        border-radius: 50%;
        transition: all 0.3s ease;
    }
    
    .social-icons a:hover {
        background: #ffe0b2;
        color: var(--wp--preset--color--primary-orange);
    }
    /* Responsive Design */
    
    @media (max-width: 768px) {
        .header-icon img {
            max-height: 60px;
        }
        .nav-menu-content {
            flex-direction: column;
            gap: 0;
        }
        .section-heading-text {
            font-size: 2.2rem;
        }
        .feature-card {
            margin-bottom: 20px;
        }
        .marquee-hsas-shortcode-54 span {
            font-size: 12px;
        }
        .agni-slider {
            height: 400px;
        }
    }
    /* Mobile Menu */
    
    .header-menu-toggle {
        display: none;
        flex-direction: column;
        cursor: pointer;
        padding: 10px;
    }
    
    .burg {
        width: 25px;
        height: 3px;
        background: var(--wp--preset--color--primary-orange);
        margin: 3px 0;
        transition: 0.3s;
    }
    
    @media (max-width: 768px) {
        .nav-menu {
            display: none;
        }
        .header-menu-toggle {
            display: flex;
        }
    }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.marquee/1.6.0/jquery.marquee.min.js"></script>















<nav class="nav-menu">
    <ul class="nav-menu-content" id="navigation">
        <li class="menu-item menu-item-has-children">
            <a href="index.html">About Us</a>
            <ul class="sub-menu">
                <li><a href="about-the-temple.html">About the Temple</a></li>
                <li><a href="temple-activities.html">Temple Activities</a></li>
                <li><a href="important-dates.html">Important Dates</a></li>
                <li><a href="temple-schedule.html">Temple Schedule</a></li>
            </ul>
        </li>
        <li class="menu-item">
            <a href="live-darshan.html">Live Darshan</a>
        </li>
        <li class="menu-item menu-item-has-children">
            <a href="index.html">Temple eSevas</a>
            <ul class="sub-menu">
                <li><a href="booking.html">Book Seva</a></li>
            </ul>
        </li>
    </ul>
</nav>

<div class="header-menu-toggle">
    <div class="burg"></div>
    <div class="burg"></div>
    <div class="burg"></div>
</div>
</div>
</div>
</div>
</header>

<div class="site-content" id="content">
    <div class="page-layout">
        <div class="container">
            <main class="site-main" id="main">
                <article class="page-content">
                    <!-- Notice Section -->
                    <div class="marquee-hsas-shortcode-54">

                    </div>

                    <!-- Hero Slider Section -->
                    <div class="agni-slider">

                    </div>

                    <!-- Introduction Section -->
                    <section class="section-row intro">
                        <div class="container">
                            <div style="text-align: center; padding: 60px 0;">
                                <img src="https://i.ibb.co/B5V5FS3r/image.jpg" alt="SakinakachaMaharaja" style="max-width: 100%; height: auto; border-radius: 10px; margin-bottom: 20px;" />
                                <h4 style="font-size: 2.5rem; margin-bottom: 20px;">
                                    <span>Experience the Grace of SakinakachaMaharaja</span>
                                </h4>
                                <a class="btn btn-accent" href="about-the-temple.html">About Us</a>
                            </div>
                        </div>
                    </section>

                    <!-- Features Section -->
                    <section class="section-row features">
                        <div class="container">
                            <div class="gallery-grid">
                                <div class="feature-card">
                                    <img alt="Temple Visit" src="images/Mumbais-Wealthiest-Temple-Shri-Sidhivinayak_600x410-360x270-1.png" />
                                    <h5>Visit the Temple</h5>
                                    <p>Choose the most convenient time for you and book your appointment.</p>
                                </div>

                                <div class="feature-card">
                                    <a href="live-darshan.html">
                                        <img alt="Live Darshan" src="images/RDRL0907-1-360x270.jpg" />
                                    </a>
                                    <h5>Live Darshan</h5>
                                    <p>Experience the live Darshan of Shree Sakinakachamaharaja.</p>
                                </div>

                                <div class="feature-card">
                                    <img alt="Personalized Online Darshan" src="images/Personalized-Online-Darshan-360x270.jpg" />
                                    <h5>Personalized Online Darshan</h5>
                                    <p>Book a one-on-one, online, interactive pooja with a Guruji of the Temple.</p>
                                </div>
                            </div>
                        </div>
                    </section>

                    <!-- Gallery Section -->
                    <section class="section-row gallery-section">
                        <div class="container">
                            <div style="text-align: center; padding: 40px 0;">
                                <h2 class="section-heading-text">Our Gallery</h2>
                                <div class="section-divide-line">
                                    <span></span>
                                </div>
                                <p style="font-size: 20px; margin-bottom: 30px;">
                                    Browse through our extensive gallery of high quality images of SakinakachaMaharaja.
                                </p>
                                <a class="btn btn-accent" href="gallery.html">Browse</a>
                            </div>
                        </div>
                    </section>
                </article>
            </main>
        </div>
    </div>
</div>

<footer class="site-footer" role="contentinfo">
    <div class="container">
        <div class="footer-content">
            <div class="footer-section">
                <h6>About Us</h6>
                <div>



                </div>
            </div>

            <div class="footer-section">
                <h6>Personal Sevas</h6>
                <div>
                    <p><a href="live-darshan.html">Live Darshan</a></p>

                </div>
            </div>

            <div class="footer-section">
                <h6>Connect</h6>
                <div>
                    <p>The pandal for the Sakinaka cha Maharaja is set up at the Samitha Complex in Sakinaka, Mumbai.</p>
                    <p>Email – <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e1888f878ea195848c918d84cf8e9386">[email&#160;protected]</a></p>
                    <div class="social-icons">

                    </div>
                </div>
            </div>

            <div class="footer-section">
                <h6>Contact Us</h6>
                <div>
                    <p>Office Telephone: <a href="tel:+919867355290">+919867355290</a></p>
                    <p>PA To Chairman: <a href="tel:+919867355290">+919867355290</a></p>
                    <p>PA To Executive Officer: <a href="tel:+91-022-62491123">91-022-62491123</a></p>
                    <p>Mahaprasad Dept: <a href="tel:+919867355290">+919867355290</a></p>
                    <p>Pooja Booking: <a href="tel:+919867355290">+919867355290</a></p>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-bar">
        <div class="container">
            <p>All Rights Reserved SakinakachaMaharaja Temple Trust, S.K.Bole Marg, Prabhadevi, Mumbai 400028 |
                <a href="disclaimer.pdf">Disclaimer</a> |
                <a href="terms.html">Terms</a> |
                <a href="privacy.html">Privacy Policy</a></p>
        </div>
    </div>
</footer>
</div>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script>
    $(document).ready(function() {
        $('.marquee-hsas-shortcode-54').marquee({
            allowCss3Support: true,
            css3easing: 'linear',
            easing: 'linear',
            delayBeforeStart: 2000,
            direction: 'left',
            duplicated: true,
            duration: 15000,
            gap: 50,
            pauseOnCycle: true,
            pauseOnHover: true,
            startVisible: true
        });

        $('.header-menu-toggle').click(function() {
            $('.nav-menu').slideToggle();
        });
    });
</script>