<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="color-scheme" content="light dark">
    <meta name="supported-color-schemes" content="light dark">
    <title>STS Digital Services</title>

    <!--[if !mso]><!-->
    <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <!--<![endif]-->

    <style>
        /* -------------------------------------
         * V1: RESET & BASE (FROM SM ENTERPRISE)
         ------------------------------------- */
        :root {
            --bg-dark: #030409; /* Deep space black */
            --bg-light: #0a0e1a; /* Dark blueprint color */
            --bg-card: #101627;
            --text-primary: #f5f5f5;
            --text-secondary: #b0c4de; /* Light steel blue */
            --brand-accent: #00e5ff; /* THE accent color */
        }

        body {
            font-family: 'Lexend', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            width: 100% !important;
            height: 100%;
            line-height: 1.6;
            background-color: var(--bg-dark);
            color: var(--text-secondary);
            margin: 0;
            padding: 0;
            -webkit-font-smoothing: antialiased;
            -webkit-text-size-adjust: none;
        }

        table {
            border-collapse: collapse;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
        }

        td {
            font-family: 'Lexend', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 16px;
            vertical-align: top;
        }

        img {
            max-width: 100%;
            border: 0;
            -ms-interpolation-mode: bicubic;
        }

        /* -------------------------------------
         * V2: WRAPPER & STRUCTURE (THE "MIX")
         ------------------------------------- */
        .wrapper {
            width: 100%;
            background-color: var(--bg-dark);
            padding: 40px 0;
        }

        .container {
            width: 600px;
            max-width: 600px;
            margin: 0 auto;
            border-radius: 16px;
            overflow: hidden;
            background: var(--bg-light);
            border: 1px solid #1a294a;
            box-shadow: 0 10px 40px rgba(0, 229, 255, 0.1); /* Subtle blue glow */
        }

        .content {
            padding: 40px;
        }

        /* -------------------------------------
         * V3: HERO SECTION (FROM SM ENTERPRISE)
         ------------------------------------- */
        .hero {
            background: linear-gradient(135deg, #0a0e1a 0%, #1a2035 100%);
            padding: 60px 40px;
            text-align: center;
        }

        .hero-title {
            font-size: 36px;
            font-weight: 700;
            color: #ffffff;
            margin: 0 0 10px;
            line-height: 1.2;
        }

        .hero-subtitle {
            font-size: 18px;
            font-weight: 400;
            color: var(--brand-accent);
            margin: 0 0 20px;
            text-shadow: 0 0 15px rgba(0, 229, 255, 0.5); /* The "Glow" */
        }

        /* * V9: "HOLOGRAM" STYLES REMOVED
         * .hologram-layer, .hologram-layer-1, .hologram-layer-2, .hologram-layer-3
         * have all been deleted as they are no longer used.
        */
        
        /* -------------------------------------
         * V4: HOOKLINE & CONTENT (THE "MIX")
         ------------------------------------- */
        .text {
            font-size: 16px;
            color: var(--text-secondary);
            line-height: 1.7;
            margin-bottom: 20px;
        }
        
        .text-accent {
            color: var(--brand-accent);
            font-weight: 500;
        }

        /* -------------------------------------
         * V5: "UNFINDABLE" SHARD LAYOUT (THE "MIX")
         ------------------------------------- */
        .service-shard-row {
            padding: 10px 0; /* Use content padding */
        }

        .service-card {
            display: block;
            width: 100%;
            background-color: var(--bg-card);
            border-radius: 12px;
            text-decoration: none;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            overflow: hidden; /* To contain the glowing edge */
        }

        .service-card-inner {
            padding: 24px;
            /* The "glowing edge" - NOW NEON BLUE */
            border-left: 5px solid var(--brand-accent);
            box-shadow: inset 5px 0 15px -5px rgba(0, 229, 255, 0.5), 0 10px 30px rgba(0,0,0,0.4);
        }

        .align-right .service-card-inner {
            border-left: 0;
            border-right: 5px solid var(--brand-accent);
            box-shadow: inset -5px 0 15px -5px rgba(0, 229, 255, 0.5), 0 10px 30px rgba(0,0,0,0.4);
        }

        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.6);
        }
        
        .service-card:hover .service-card-inner {
             box-shadow: inset 5px 0 20px 0px rgba(0, 229, 255, 0.7), 0 15px 40px rgba(0,0,0,0.6);
        }

        .align-right .service-card:hover .service-card-inner {
             box-shadow: inset -5px 0 20px 0px rgba(0, 229, 255, 0.7), 0 15px 40px rgba(0,0,0,0.6);
        }
        
        .service-icon {
            font-size: 24px;
            color: var(--brand-accent);
            margin-bottom: 15px;
            display: block;
        }

        .service-card h3 {
            font-size: 20px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 8px;
        }

        .service-card p {
            font-size: 14px;
            color: var(--text-secondary);
            line-height: 1.5;
        }
        
        .service-card .cta-arrow {
            font-size: 14px;
            font-weight: 700;
            color: var(--text-primary);
            margin-top: 16px;
            display: block;
        }

        /* -------------------------------------
         * V6: CTA (FROM SM ENTERPRISE)
         ------------------------------------- */
        .cta-section {
            text-align: center;
            padding: 30px 0 0;
        }

        .cta-button {
            display: inline-block;
            font-size: 18px;
            font-weight: 600;
            color: var(--bg-light); /* Dark text on button */
            background: var(--brand-accent); /* Full neon */
            padding: 16px 36px;
            text-decoration: none;
            border-radius: 50px; /* Pill shape */
            text-align: center;
            box-shadow: 0 4px 25px rgba(0, 229, 255, 0.4);
            transition: all 0.3s ease;
        }

        .cta-button:hover {
            background: #ffffff;
            color: var(--bg-light);
            box-shadow: 0 8px 30px rgba(0, 229, 255, 0.6);
            transform: translateY(-2px);
        }

        /* -------------------------------------
         * V7: FOOTER (FROM SM ENTERPRISE)
         ------------------------------------- */
        .footer {
            text-align: center;
            padding: 40px 0 0;
            border-top: 1px solid #1a294a;
            margin-top: 20px;
        }

        .footer-logo {
            font-size: 24px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 10px;
        }

        .footer-address {
            font-size: 14px;
            color: var(--text-secondary);
            margin-bottom: 20px;
        }

        .footer-social img {
            width: 24px;
            height: 24px;
            margin: 0 10px;
            opacity: 0.7;
            transition: opacity 0.3s ease;
        }
        .footer-social img:hover {
            opacity: 1;
        }

        .footer-links {
            font-size: 12px;
            color: #889ec3;
            margin-top: 20px;
        }
        .footer-links a {
            color: #889ec3;
            text-decoration: underline;
        }


        /* -------------------------------------
         * V8: RESPONSIVE (THE "MIX")
         ------------------------------------- */
        @media (max-width: 680px) {
            .wrapper {
                padding: 0;
            }
            .container {
                width: 100% !important;
                max-width: 100% !important;
                border-radius: 0;
                border: none;
            }

            .content {
                padding: 30px;
            }

            .hero {
                padding: 40px 30px;
            }
            .hero-title {
                font-size: 28px;
            }
            .hero-subtitle {
                font-size: 16px;
            }
            
            /* This stacks the "shards" */
            .column-shard {
                width: 100% !important;
                display: block !important;
                padding: 0 !important;
            }
            
            .service-shard-row {
                padding: 10px 0 !important; /* Use content padding */
            }
            
            .section-title {
                font-size: 24px;
            }
        }
        
        @media (max-width: 450px) {
            .content {
                padding: 20px;
            }
            .hero {
                padding: 30px 20px;
            }
            .hero-title {
                font-size: 24px;
            }
            
        }

    @media (min-width: 600px) {
        .mainHeading {
            font-size: 50px !important;
        }
        .hero{
            padding: 60px 40px !important;
        }
    }

    </style>
    <!--[if gte mso 9]>
    <xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
    <![endif]-->
</head>

<body style="margin: 0; padding: 0; background-color: #030409;">
    <table class="wrapper" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td align="center" valign="top">
                <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                <tr>
                <td align="center" valign="top">
                <![endif]-->
                
                <table class="container" role="presentation" border="0" cellpadding="0" cellspacing="0" width="600">
                    <!-- HERO SECTION (FROM SM) -->
                    <tr>
                        <td class="hero" style="background: linear-gradient(135deg, #0a0e1a 0%, #1a2035 100%); padding: 36px 18px; text-align: center;">
                            <h1 class="hero-title" style="font-family: 'Lexend', sans-serif; font-size: 36px; font-weight: 700; color: #ffffff; margin: 0 0 10px; line-height: 1.2;">This Isn't an Email.</h1>
                            <h2 class="hero-subtitle" style="font-family: 'Lexend', sans-serif; font-size: 18px; font-weight: 400; color: #00e5ff; margin: 0 0 20px; text-shadow: 0 0 15px rgba(0, 229, 255, 0.5);">It's Your Digital Blueprint.</h2>
                            
                            <!--
                            =================================
                            NEW "BLUEPRINT SCHEMATIC" HERO
                            100% BULLETPROOF.
                            =================================
                            -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-radius: 12px; background: radial-gradient(circle at 50% 50%, rgba(0,229,255,0.2) 0%, rgba(0,229,255,0) 60%), linear-gradient(160deg, #1d2b53 0%, #0a0e1a 100%); border: 1px solid #1a294a; box-shadow: 0 4px 15px rgba(0,0,0,0.3);">
                                <tr>
                                    <!-- The "Villain" Asymmetrical Line -->
                                    <td width="5" style="width: 5px; background-color: #00e5ff; border-radius: 12px 0 0 12px;">&nbsp;</td>
                                    
                                    <!-- Spacer -->
                                    <td width="25" style="width: 25px;">&nbsp;</td>

                                    <!-- Schematic Content -->
                                    <td align="left" style="padding: 25px 0;">
                                        
                                        <!-- God-Mode: STS Logo -->
                                        <h3 class="mainHeading" style="font-family: 'Lexend', sans-serif; font-size: 23px; font-weight: 700; color: #ffffff; margin: 0 0 20px 0; line-height: 1; text-align: left;">
                                            Website = Status 
                                        </h3>

                                        <!-- Villain-Mode: System Status -->
                                        <p style="font-family: 'Lexend', sans-serif; font-size: 16px; font-weight: 400; color: #00e5ff; margin: 0; line-height: 1; text-align: left; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 10px rgba(0, 229, 255, 0.5);">
                                            Your Vision, We Built.
                                        </p>

                                    </td>

                                    <!-- Right Padding -->
                                    <td width="30" style="width: 30px;">&nbsp;</td>
                                </tr>
                            </table>
                            <!--
                            =================================
                            END OF NEW HERO
                            =================================
                            -->
                        </td>
                    </tr>
                    
                    <!-- MAIN CONTENT -->
                    <tr>
                        <td class="content" style="padding: 40px;">
                            <!-- Intro Text -->
                            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td>
                                        <p class="text" style="font-family: 'Lexend', sans-serif; font-size: 16px; color: #b0c4de; line-height: 1.7; margin-bottom: 20px;">
                                            Hello {{Name}},
                                        </p>
                                        <p class="text" style="font-family: 'Lexend', sans-serif; font-size: 16px; color: #b0c4de; line-height: 1.7; margin-bottom: 20px;">
                                            Standard websites are placeholders. We build <span class="text-accent" style="color: #00e5ff; font-weight: 500;">digital experiences</span>.
                                        </p>
                                    </td>
                                </tr>
                            </table>

                            <!-- Hookline (THE "MIX") -->
                            <table class="section" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td>
                                        <h3 class="section-title" style="font-family: 'Lexend', sans-serif; font-size: 28px; font-weight: 700; color: #ffffff; margin-bottom: 20px; border-left: 4px solid #00e5ff; padding-left: 15px; line-height: 1.3; text-shadow: 0 0 10px rgba(0, 229, 255, 0.3);">
                                            Precision-Built Websites. <br> Unstoppable Performance.
                                        </h3>
                                    </td>
                                </tr>
                            </table>

                            <!--
                                "UNFINDABLE" SHARD LAYOUT (FROM STS)
                                STYLED WITH "BLUEPRINT" (FROM SM)
                            -->

                            <!-- SHARD 1: SEO (Align Left) -->
                            <tr>
                                <td class="service-shard-row" style="padding: 10px 0;">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="410" style="width: 410px;"><tr><td>
                                    <![endif]-->
                                    <table class="column-shard" border="0" cellpadding="0" cellspacing="0" align="left" width="70%" style="width: 70%;">
                                        <tr>
                                            <td>
                                                <a href="mailto:mahipalsinh@shriiitrackingsolution.in.com?subject=Inquiry:%20Custom%20Web%20Development%20&%20Search%20Domination&body=Hello%20Shriii%20Tracking%20Solution,%0D%0A%0D%0AI%20need%20to%20dominate%20search.%20Tell%20me%20more%20about%20your%20Custom%20Web%20Developement%20&%20Search%20Domination%20service.%0D%0A%0D%0A[My%20website%20is/My%20goal%20is...]%0D%0A%0D%0AThanks,"
                                                   class="service-card" target="_blank"
                                                   style="display: block; width: 100%; background-color: #101627; border-radius: 12px; text-decoration: none; overflow: hidden;">
                                                    <div class="service-card-inner" style="padding: 24px; border-left: 5px solid #00e5ff; box-shadow: inset 5px 0 15px -5px rgba(0, 229, 255, 0.5), 0 10px 30px rgba(0,0,0,0.4);">
                                                        <span class="service-icon" role="img" aria-label="Code Icon" style="font-size: 24px; color: #00e5ff; margin-bottom: 15px; display: block;">&#x3C;/&#x3E;</span>
                                                        <h3 style="margin: 0 0 8px 0; font-family: 'Lexend', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff;">
                                                           Custom Web Development
                                                        </h3>
                                                        <p style="margin: 0; font-family: 'Lexend', sans-serif; font-size: 14px; color: #b0c4de; line-height: 1.5;">
                                                            Custom websites built from scratch, perfectly matching your unique needs.
                                                        </p>
                                                        <span class="cta-arrow" style="font-size: 14px; font-weight: 700; color: #f5f5f5; margin-top: 16px; display: block;">
                                                            Claim Rank #1 &rarr;
                                                        </span>
                                                    </div>
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td></tr></table>
                                    <![endif]-->
                                </td>
                            </tr>

                            <!-- SHARD 2: E-COMMERCE (Align Right) -->
                            <tr>
                                <td class="service-shard-row align-right" style="padding: 10px 0;">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="right" border="0" cellpadding="0" cellspacing="0" width="410" style="width: 410px;"><tr><td>
                                    <![endif]-->
                                    <table class="column-shard" border="0" cellpadding="0" cellspacing="0" align="right" width="70%" style="width: 70%;">
                                        <tr>
                                            <td>
                                                <a href="mailto:mahipalsinh@shriiitrackingsolution.in?subject=Inquiry:%20E-commerce%20Websites&body=Hello%20Shriii%20Tracking%20Solution,%0D%0A%0D%0AI'm%20ready%20to%20build%20an%20e-commerce%20websites.%20I'd%20like%20to%20discuss%20your%20service%20for%20building%20juggernaut%20stores.%0D%0A%0D%0A[My%20project%20is...]%0D%0A%0D%0AThanks,"
                                                   class="service-card" target="_blank"
                                                   style="display: block; width: 100%; background-color: #101627; border-radius: 12px; text-decoration: none; overflow: hidden;">
                                                    <div class="service-card-inner" style="padding: 24px; border-left: 0; border-right: 5px solid #00e5ff; box-shadow: inset -5px 0 15px -5px rgba(0, 229, 255, 0.5), 0 10px 30px rgba(0,0,0,0.4);">
                                                        <span class="service-icon" role="img" aria-label="E-commerce Icon" style="font-size: 24px; color: #00e5ff; margin-bottom: 15px; display: block;">&#x1F6D2;</span>
                                                        <h3 style="margin: 0 0 8px 0; font-family: 'Lexend', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff;">
                                                            E-Commerce Website
                                                        </h3>
                                                        <p style="margin: 0; font-family: 'Lexend', sans-serif; font-size: 14px; color: #b0c4de; line-height: 1.5;">
                                                            We build powerful e-Commerce websites that make your brand unstoppable.
                                                        </p>
                                                        <span class="cta-arrow" style="font-size: 14px; font-weight: 700; color: #f5f5f5; margin-top: 16px; display: block;">
                                                            Build My Empire &rarr;
                                                        </span>
                                                    </div>
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td></tr></table>
                                    <![endif]-->
                                </td>
                            </tr>

                            <!-- SHARD 3: CUSTOM DEV (Align Left) -->
                            <tr>
                                <td class="service-shard-row" style="padding: 10px 0;">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="410" style="width: 410px;"><tr><td>
                                    <![endif]-->
                                    <table class="column-shard" border="0" cellpadding="0" cellspacing="0" align="left" width="70%" style="width: 70%;">
                                        <tr>
                                            <td>
                                                <a href="mailto:mahipalsinh@shriiitrackingsolution.in?subject=Inquiry:%20SEO%20services&body=Hello%20Shriii%20Tracking%20,%0D%0A%0D%0AI%20need%20to%20dominate%20search.%20Tell%20me%20more%20about%20your%20SEO%20services.%0D%0A%0D%0A[My%20project%20is...]%0D%0A%0D%0AThanks,"
                                                   class="service-card" target="_blank"
                                                   style="display: block; width: 100%; background-color: #101627; border-radius: 12px; text-decoration: none; overflow: hidden;">
                                                    <div class="service-card-inner" style="padding: 24px; border-left: 5px solid #00e5ff; box-shadow: inset 5px 0 15px -5px rgba(0, 229, 255, 0.5), 0 10px 30px rgba(0,0,0,0.4);">
                                                        <span class="service-icon" role="img" aria-label="Bespoke Icon" style="font-size: 24px; color: #00e5ff; margin-bottom: 15px; display: block;">&#x25C7;</span>
                                                        <h3 style="margin: 0 0 8px 0; font-family: 'Lexend', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff;">
                                                            SEO Services
                                                        </h3>
                                                        <p style="margin: 0; font-family: 'Lexend', sans-serif; font-size: 14px; color: #b0c4de; line-height: 1.5;">
                                                            Improve your Google rankings with expert SEO strategies that drive traffic, leads, and real business growth.
                                                        </p>
                                                        <span class="cta-arrow" style="font-size: 14px; font-weight: 700; color: #f5f5f5; margin-top: 16px; display: block;">
                                                            Forge My Weapon &rarr;
                                                        </span>
                                                    </div>
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td></tr></table>
                                    <![endif]-->
                                </td>
                            </tr>

                            <!-- SHARD 4: UI/UX (Align Right) -->
                            <tr>
                                <td class="service-shard-row align-right" style="padding: 10px 0;">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="right" border="0" cellpadding="0" cellspacing="0" width="410" style="width: 410px;"><tr><td>
                                    <![endif]-->
                                    <table class="column-shard" border="0" cellpadding="0" cellspacing="0" align="right" width="70%" style="width: 70%;">
                                        <tr>
                                            <td>
                                                <a href="mailto:mahipalsinh@shriiitrackingsolution.in?subject=Inquiry:%20Psychological%20UI/UX%20Design&body=Hello%20Shriii%20Tracking%20Solution,%0D%0A%0D%0AI'm%20interested%20in%20your%20UI/UX%20design%20service.%20We%20need%20a%20design%20that%20doesn't%20just%20look%20good,%20but%20converts.%0D%0A%0D%0A[My%20project%20is...]%0D%0A%0D%0AThanks,"
                                                   class="service-card" target="_blank"
                                                   style="display: block; width: 100%; background-color: #101627; border-radius: 12px; text-decoration: none; overflow: hidden;">
                                                    <div class="service-card-inner" style="padding: 24px; border-left: 0; border-right: 5px solid #00e5ff; box-shadow: inset -5px 0 15px -5px rgba(0, 229, 255, 0.5), 0 10px 30px rgba(0,0,0,0.4);">
                                                        <span class="service-icon" role="img" aria-label="Experience Icon" style="font-size: 24px; color: #00e5ff; margin-bottom: 15px; display: block;">&#x2728;</span>
                                                        <h3 style="margin: 0 0 8px 0; font-family: 'Lexend', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff;">
                                                            Psychological UI/UX
                                                        </h3>
                                                        <p style="margin: 0; font-family: 'Lexend', sans-serif; font-size: 14px; color: #b0c4de; line-height: 1.5;">
                                                            Modern, user-friendly UI/UX designs that enhance engagement and deliver a seamless digital experience.
                                                        </p>
                                                        <span class="cta-arrow" style="font-size: 14px; font-weight: 700; color: #f5f5f5; margin-top: 16px; display: block;">
                                                            Design My Interface &rarr;
                                                        </span>
                                                    </div>
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td></tr></table>
                                    <![endif]-->
                                </td>
                            </tr>

                            <!-- CTA Section (FROM SM) -->
                            <table class="cta-section" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="text-align: center; padding: 30px 0 0;">
                                <tr>
                                    <td>
                                        <p class="text" style="font-family: 'Lexend', sans-serif; font-size: 18px; color: #ffffff; margin-bottom: 25px;">
                                            Your competition is using a template. <br>
                                            <span class="text-accent" style="color: #00e5ff; font-weight: 500;">It's time to build a masterpiece.</span>
                                        </p>
                                        <a href="http://web.shriiitrackingsolution.in/" class="cta-button" target="_blank" style="font-family: 'Lexend', sans-serif; display: inline-block; font-size: 18px; font-weight: 600; color: #0a0e1a; background: #00e5ff; padding: 16px 36px; text-decoration: none; border-radius: 50px; text-align: center; box-shadow: 0 4px 25px rgba(0, 229, 255, 0.4);">
                                            Architect Your Vision
                                        </a>
                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>
                    
                    <!-- FOOTER (FROM SM) -->
                    <tr>
                        <td class="content" style="padding: 40px; padding-top: 0;">
                            <table class="footer" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="text-align: center; padding: 40px 0 0; border-top: 1px solid #1a294a; margin-top: 20px;">
                                <tr>
                                    <td class="footer-logo" style="font-family: 'Lexend', sans-serif; font-size: 24px; font-weight: 700; color: #ffffff; margin-bottom: 10px;">
                                        Shriii Tracking Solution
                                    </td>
                                </tr>
                                <tr>
                                    <td class="footer-address" style="font-family: 'Lexend', sans-serif; font-size: 14px; color: #b0c4de; margin-bottom: 20px;">
                                        Crafted with <span style="color: #00e5ff;">&#x2764;</span> in Vadodara, Gujarat
                                    </td>

                                <tr>
  <td class="footer-links" style="font-family: 'Lexend', sans-serif; font-size: 12px; color: #889ec3; margin-top: 20px;">
    Shriii Tracking Solution &copy; 2025. All rights reserved.<br><br>

    <a href="{{UNSUBSCRIBE_LINK}}" 
       style="color: #ff6b6b; text-decoration: underline; font-weight: 500;">Unsubscribe</a>
    &nbsp; | &nbsp;
    <a href="https://yourdomain.com/subscribe.html" 
       style="color: #00e5ff; text-decoration: underline; font-weight: 500;">Subscribe Again</a>
  </td>
</tr>

                            </table>
                        </td>
                    </tr>
                </table>

                <!--[if (gte mso 9)|(IE)]>
                </td>
                </tr>
                </table>
                <![endif]-->
            </td>
        </tr>
    </table>
</body>
</html>
`;