<div style="max-width: 650px; width: 100%; margin: 0 auto; background: #fff; text-align: center;">
    <img src="https://themes-tiger.zoovu.com/custom-dev/telekom/telekom-hero-text.png" alt="text" style="margin-bottom: 20px">
    <img src="https://themes-tiger.zoovu.com/custom-dev/telekom/telekom-hero-img.png" alt="img" style="margin-bottom: 30px">
    <p style="color: #b90f2b; font-family: 'Open Sans'; font-size: 12px; font-weight: 700; line-height: 15.1px; margin:0 0 20px">
        {{form.companyName}} • VAT: {{form.vat}} • {{form.email}} • {{form.phone}}
    </p>
    <div>
        <p style="width: 380px; text-align: left; color: #333333; display:inline-block; font-family: 'Open Sans'; font-size: 13px; font-weight: 400; line-height: 17.1px;">
            Thank you for visiting MTS online today. Here are the details of your perfect bundle.
        </p>
    </div>
    <div style="width: 100%; text-align: center">
        <div style="margin: 0 auto;display: inline-block" class="no-margin-last-child">
            {{#bundle.products}}
            <div style="display: inline-block; margin-right: 10px">
                <div style="color: #b90f2b; font-family: 'Open Sans'; font-size: 16px; font-weight: 400; line-height: 25.1px;">{{name}}</div>
                <div style="letter-spacing: -0.48px;font-size: 12px; font-weight: 600; line-height: 40px; font-family: 'Open Sans'; color: #333333; height: 40px">Amount: {{lines}}</div>
                <div style="letter-spacing: -0.56px;font-size: 14px; font-weight: 400; line-height: 15.1px; font-family: 'Open Sans'; color: #333333">{{price}} din.</div>
            </div>
            {{/bundle.products}}
        </div>
    </div>
    <div style="text-align: center">
        <img src="https://themes-tiger.zoovu.com/custom-dev/telekom/telekom-bar.png" alt="img" style="margin: 25px auto 15px; display: block; ">
        <div style="margin-bottom: 33px;letter-spacing: -0.56px;font-size: 14px; font-weight: 400; line-height: 15.1px; font-family: 'Open Sans'; color: #333333">
            Total cost for this pacakage: <strong>{{bundle.totalPriceMonth}} din/month</strong>
        </div>
        <div style="margin-bottom: 15px;font-size: 12px; font-weight: 400; line-height: 15.1px; font-family: 'Open Sans'; color: #000000">Additional Benefits Include:</div>
        <ul style="margin: 0 auto 30px; display: inline-block; text-align: left">
            {{#bundle.topProduct.benefits}}
            <li style="list-style-type: none; color:#000000;font-family: 'Open Sans';font-size: 12px;font-weight: 400;line-height: 20.1px;"><img src="https://themes-tiger.zoovu.com/custom-dev/telekom/checked.png" alt="checked" style="margin-right: 10px">{{.}}</li>
            {{/bundle.topProduct.benefits}}
        </ul>
        <a href="#" style="display: block; margin:0 auto 30px;color: #b90f2b;font-family: 'Titillium Web';font-size: 20px;font-weight: 400;line-height: 24.1px; text-decoration: underline;">View and Edit My Offer</a>
        <div style="width: 389px; height: 1px; background-color: #c9c9c9; margin: 0 auto 20px"></div>
    </div>
    <div style="width: 390px; margin: 0 auto; text-align: left">
        <div style="color: #b90f2b;font-family: 'Open Sans';font-size: 16px;font-weight: 600;line-height: 15.1px;margin-bottom: 20px">About this offer:</div>
        {{#bundle.products}}
        <div>
            <div style="color: #333333;font-family: 'Open Sans';font-size: 12px;font-weight: 600;line-height: 15.1px;">{{name}}</div>
            <ul style="padding: 0;margin: 0 auto 20px; text-align: left">
                {{#spec}}
                <li style="list-style-type: none; color:#000000;font-family: 'Open Sans';font-size: 12px;font-weight: 400;line-height: 20.1px;"><span style="margin-right: 2px; color: #b90f2b;">&#62;</span>{{.}}</li>
                {{/spec}}
            </ul>
        </div>
        {{/bundle.products}}
        <div style="color: #b90f2b;font-family: 'Open Sans';font-size: 16px;font-weight: 600;line-height: 15.1px;margin-bottom: 20px">Other Available Services:</div>
        {{#bundle.upsells}}
        <div>
            <div style="color: #333333;font-family: 'Open Sans';font-size: 12px;font-weight: 600;line-height: 15.1px;">{{name}}</div>
            <ul style="padding: 0;margin: 0 auto 20px; text-align: left">
                {{#spec}}
                <li style="list-style-type: none; color:#000000;font-family: 'Open Sans';font-size: 12px;font-weight: 400;line-height: 20.1px;"><span style="margin-right: 2px; color: #b90f2b;">&#62;</span>{{.}}</li>
                {{/spec}}
            </ul>
        </div>
        {{/bundle.upsells}}
    </div>
</div>