PAYTOMORROW FINANCE

<!-- BANNER SECTION BEGIN -->
<div class="banner-sec pt-section">
    <div class="pt-container">
        <div class="pt-row">
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
                <a href="https://www.paytomorrow.com/home" class="pt-hyperlink"><img
                        src="https://cdn.paytomorrow.com/image/PayTomorrow_Logo_light_24px.svg"
                        alt="image" class="img-fluid pt-img"> </a>
                <p class="banner-text pt-paragraph">We provide easy and affordable financing through our partner
                    PayTomorrow, so you can buy today and PayTomorrow!</p>
                <div class="approve-buttons">
                    <a href="#check-rate-id" class="blue-button pt-hyperlink">Get Approved Now!</a>
                    <a href="https://www.paytomorrow.com/consumer-benefits" target="_blank"
                       class="blue-button pt-hyperlink">Learn More</a>
                </div>
            </div>
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
                <img src="https://cdn.paytomorrow.com/landing/images/banner-img-non-prime.png" alt="image"
                     class="img-fluid pt-img">
            </div>
        </div>
    </div>
</div>
<!-- BANNER SECTION END -->
<!-- WHY PAYTOMORROW SECTION BEGIN -->
<div class="why-paytomorrow-sec pt-section">
    <div class="pt-container">
        <div class="pt-row">
            <div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
                <h2 class="why-pay-text pt-h2">Why PayTomorrow</h2>
            </div>
        </div>
        <div class="pt-row why-paytomorrow-row">
            <div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
                <a href="javascriptvoid:(0)" class="pt-hyperlink">
                    <div class="pay-tomorrow-box">
                        <img src="https://cdn.paytomorrow.com/landing/images/debit-card.png" alt="image"
                             class="img-fluid pay-tomorrow-img">
                        <h4 class="pay-tomorrow-heading pt-h4">Won't affect <span>your credit</span></h4>
                        <p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow's soft credit check will not
                            affect your credit score to apply.</p>
                    </div>
                </a>
            </div>
            <div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
                <a href="javascriptvoid:(0)" class="pt-hyperlink">
                    <div class="pay-tomorrow-box">
                        <img src="https://cdn.paytomorrow.com/landing/images/money.png" alt="image"
                             class="img-fluid pay-tomorrow-img pt-img">
                        <h4 class="pay-tomorrow-heading pt-h4">Affordable <span>monthly payments</span></h4>
                        <p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow offers flexible financing options
                            with fair and transparent pricing.</p>
                    </div>
                </a>
            </div>
            <div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
                <a href="javascriptvoid:(0)" class="pt-hyperlink">
                    <div class="pay-tomorrow-box">
                        <img src="https://cdn.paytomorrow.com/landing/images/debit-card.png" alt="image"
                             class="img-fluid pay-tomorrow-img pt-img">
                        <h4 class="pay-tomorrow-heading pt-h4">Instant <span>Evaluations</span></h4>
                        <p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow instantly evaluates your credit
                            profile and presents you with a customized offer.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!-- WHY PAYTOMORROW SECTION END -->
<!-- CHECK RATE SECTION BEGIN -->
<div class="check-rate-sec pt-section" id="check-rate-id">
    <div class="pt-container">
        <div class="pt-row check-rate-row">
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
                <h3 class="check-rate-heading pt-h3">Check your rate now without affecting your credit!</h3>

                <form onsubmit="checkForm(this);return false;">
                    <div class="pt-row">
                        <div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
                            <label class="pt-label">First Name*</label>
                            <input class="pt-input" type="text" id="firstName" required>
                        </div>
                        <div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
                            <label class="pt-label">Last Name*</label>
                            <input class="pt-input" type="text" id="lastName" required>
                        </div>
                    </div>
                    <div class="pt-row">
                        <div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
                            <label class="pt-label">Email*</label>
                            <input class="pt-input" id="email" type="email"
                                   required>
                        </div>
                        <div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
                            <label class="pt-label">Phone Number*</label>
                            <input class="pt-input" type="text" id="cellPhone" required
                                   minlength="10" maxlength="10">
                        </div>
                    </div>
                    <button type="submit" id="submitButton" class="white-button pt-button">Get pre-approval
                        link!</button>
                </form>

                <!-- Starting notification -->

                <table class="pt-table" style="margin: auto">
                    <tr class="pt-tr">
                        <td style="text-align: center; background: #18A0FB; border: 0;">
                            <button type="button" id="successMessage" class="pt-button" style="background-color: white;
                          border: none;
                          color: green;
                          padding: 10px;
                          border-radius: 25px;
                          display: none;
                          " onclick="toggleStatus()">
                                We just emailed and texted you a pre-approval link
                            </button>
                        </td>
                    </tr>
                    <tr class="pt-tr">
                        <td style="text-align: center; background: #18A0FB; border: 0;">
                            <button type="button" id="errorMessage" class="pt-button" style="
                        background-color: white;
                        border: none;
                        color: red;
                        padding: 10px;
                        border-radius: 25px;
                        display: none;
                        " onclick="toggleStatusError()">
                                Error! Sorry something went wrong!. <br>
                                please check all fields are valid.
                            </button>
                        </td>
                    </tr>
                </table>

                <!-- End notification -->

            </div>
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
                <!-- <img src="images/mobile.png" alt="image" class="img-fluid"> -->
            </div>
        </div>
    </div>
</div>
<!-- CHECK RATE SECTION END -->
<!-- APPLICATION SECTION BEGIN -->
<div class="application-sec pt-section">
    <div class="pt-container">
        <div class="pt-row">
            <div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
                <h2 class="easy-app pt-h2">One Easy & Fast Application for all Credit Types</h2>
            </div>
        </div>
        <div class="pt-row finance-app-row">
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">

                <div class="pay-tomorrow-box prime-main-box">
                    <h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>Classic</span></h4>
                    <ul class="prime-box-text pt-ul" style="list-style-type: square;">
                        <li class="pt-li">Payment plans up to $6,500 for as long as 24 months*</li>
                        <li class="pt-li">90 day early payoff option</li>
                        <li class="pt-li">Checkout as low $9.99</li>
                        <li class="pt-li">No hidden fees</li>
                        <li class="pt-li">Fast and easy approvals</li>
                    </ul>
                    <div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">*Qualified
                        Customers Only</div>
                </div>

            </div>
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">

                <div class="pay-tomorrow-box prime-main-box">
                    <h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>No Credit</span></h4>
                    <ul class="prime-box-text pt-ul" style="list-style-type: square;">
                        <li class="pt-li">No Credit Needed</li>
                        <li class="pt-li">90 Days Same as Cash**</li>
                        <li class="pt-li">No Money Needed Today (to Checkout)</li>
                        <li class="pt-li">No Banking Info Required at Checkout</li>
                        <li class="pt-li">Payment Plans up to $5,000</li>
                        <li class="pt-li">13 Month Term (with Weekly, Biweekly or Semimonthly Payments)</li>
                    </ul>
                    <div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">**Cash Price
                        plus sales tax and processing fee</div>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- APPLICATION SECTION END -->
<!-- CREDIT SCORE SECTION BEGIN -->
<div class="credit-sec pt-section">
    <div class="pt-container">
        <div class="pt-row">
            <div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
                <h4 class="easy-app-credit pt-h4">Applying with PayTomorrow will not affect your credit score</h4>
            </div>
        </div>
        <div class="approve-credit-buttons">
            <button class="__pt-ppe-button blue-button pt-button" style="color: white;font-weight: bold;font-size: 15px;
            font-family: 'Poppins', sans-serif;">See Your
                Purchase Power</button>
            <a href="#check-rate-id" class="blue-button pt-hyperlink">Get Approved Now</a>
        </div>
    </div>
</div>
<!-- CREDIT SCORE SECTION END -->
<!-- IMAGE SECTION BEGIN -->
<div class="image-sec pt-section">
    <img src="https://cdn.paytomorrow.com/landing/images/footer-banner.png" alt="image" class="img-fluid pt-img">
</div>
<!-- IMAGE SECTION END -->
<!-- BOTTOM SECTION BEGIN -->
<div class="bottom-sec pt-section">
    <div class="pt-container">
        <div class="pt-row">
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
                <div class="bottom-sec-text">
                    <p class="pt-paragraph">Questions? Check out PayTomorrow's</p>
                    <button class="__pt-ppe-button_faq blue-button pt-button"
                            style="color: white;font-weight: bold;">FAQs</button>
                </div>
            </div>
            <div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
                <div class="bottom-sec-email">
                    <p class="pt-paragraph">Contact our customer service team at <a
                            href="mailto:customerservice@paytomorrow.com"
                            class="pt-hyperlink">customerservice@paytomorrow.com</a></p>
                </div>
                <div class="bottom-sec-contact">
                    <p class="pt-paragraph">Call Us <a href="tel:866-418-5857" class="pt-hyperlink">866-418-5857</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- BOTTOM SECTION END -->

<script>

    let styles = document.createElement('style');
    styles.innerHTML =
        `
     /*! CSS Used from: https://cdn.paytomorrow.com/landing/css/bootstrap.min.css */

    :root {
        --blue: #007bff;
        --indigo: #6610f2;
        --purple: #6f42c1;
        --pink: #e83e8c;
        --red: #dc3545;
        --orange: #fd7e14;
        --yellow: #ffc107;
        --green: #28a745;
        --teal: #20c997;
        --cyan: #17a2b8;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #007bff;
        --secondary: #6c757d;
        --success: #28a745;
        --info: #17a2b8;
        --warning: #ffc107;
        --danger: #dc3545;
        --light: #f8f9fa;
        --dark: #343a40;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    *, ::after, ::before {
        box-sizing: border-box;
    }

    .pt-html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: transparent;
    }

    .pt-section {
        display: block;
    }

    .pt-body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        text-align: left;
        background-color: #fff;
    }

    .pt-h2, .pt-h3, .pt-h4 {
        margin-top: 0;
        margin-bottom: .5rem;
    }

    .pt-paragraph {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .pt-ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .pt-hyperlink {
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
    }

    .pt-hyperlink:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .pt-img {
        vertical-align: middle;
        border-style: none;
    }

    .pt-table {
        border-collapse: collapse;
    }

    .pt-button {
        border-radius: 0;
    }

    .pt-button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

    .pt-button, .pt-input {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    .pt-button, .pt-input {
        overflow: visible;
    }

    .pt-button {
        text-transform: none;
    }

    [type=submit], .pt-button, .pt-html [type=button] {
        -webkit-appearance: button;
    }

    [type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    .pt-h2, .pt-h3, .pt-h4 {
        margin-bottom: .5rem;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.2;
        color: inherit;
    }

    .pt-h2 {
        font-size: 2rem;
    }

    .pt-h3 {
        font-size: 1.75rem;
    }

    .pt-h4 {
        font-size: 1.5rem;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }

    .pt-container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width:576px) {
        .pt-container {
            max-width: 540px;
        }
    }

    @media (min-width:768px) {
        .pt-container {
            max-width: 720px;
        }
    }

    @media (min-width:992px) {
        .pt-container {
            max-width: 960px;
        }
    }

    @media (min-width:1200px) {
        .pt-container {
            max-width: 1140px;
        }
    }

    .pt-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .pt-col-12, .pt-col-md-12, .pt-col-md-4, .pt-col-md-6, .pt-col-sm-12, .pt-col-sm-6 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .pt-col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    @media (min-width:576px) {
        .pt-col-sm-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .pt-col-sm-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    @media (min-width:768px) {
        .pt-col-md-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .pt-col-md-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .pt-col-md-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    @media print {
        *, ::after, ::before {
            text-shadow: none!important;
            box-shadow: none!important;
        }
        .pt-hyperlink:not(.btn) {
            text-decoration: underline;
        }
        .pt-img, .pt-tr {
            page-break-inside: avoid;
        }
        .pt-h2, .pt-h3, .pt-paragraph {
            orphans: 3;
            widows: 3;
        }
        .pt-h2, .pt-h3 {
            page-break-after: avoid;
        }
        .pt-body {
            min-width: 992px!important;
        }
        .pt-container {
            min-width: 992px!important;
        }
    }

    /*! CSS Used from: https://cdn.paytomorrow.com/landing/css/style2.css */

    .pt-html {
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    .pt-body {
        font-family: 'Poppins', sans-serif;
    }

    .pt-h2 {
        font-size: 48px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: #142456;
    }

    .pt-h3 {
        font-size: 25px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        color: #fff;
    }

    .pt-h4 {
        font-size: 26px;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        color: #323232;
    }

    .pt-paragraph {
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        color: #323232;
        line-height: 22px;
    }

    .pt-ul {
        padding-left: 0;
        list-style: none;
    }

    .pt-li {
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        line-height: 22px;
    }

    .pt-input {
        outline: none;
        font-weight: 400;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        color: #fff;
        background: transparent;
        border: 1px solid #ffffff94;
        width: 100%;
        padding: 10px 0 10px 14px;
        border-radius: 11px;
        margin-bottom: 21px;
    }
    .pt-label {
        outline: none;
        font-weight: 400;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        color: #fff;
        background: transparent;
        width: 100%;
    }

    .pt-input::placeholder {
        font-weight: 300;
        font-size: 15px;
        font-family: 'Poppins', sans-serif;
        color: #fff;
    }

    .pt-hyperlink {
        text-decoration: none;
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        color: #fff;
        font-weight: 700;
        transition: 0.6s all ease-in-out;
    }

    .pt-hyperlink:hover, a:focus {
        text-decoration: none;
    }

    .banner-sec {
        background-image: url("https://cdn.paytomorrow.com/landing/images/main-back.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 30px 0 0;
    }

    .blue-button {
        border: 0;
        display: inline-block;
        width: 45%;
        padding: 20px 0 20px;
        background: #18A0FB;
        text-align: center;
        border-radius: 8px;
        margin-right: 16px;
    }

    .blue-button:hover {
        background-color: #142456;
        color: #fff;
    }

    .banner-text {
        font-size: 18px;
        color: #414244;
        font-weight: 400;
        line-height: 27px;
        padding: 20px 0;
    }

    .banner-sec .row {
        display: flex;
        align-items: center;
    }

    .why-paytomorrow-sec {
        padding: 45px 0 60px;
    }

    .why-pay-text {
        text-align: center;
        position: relative;
        padding: 14px 0 0;
    }

    .why-pay-text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 502px;
        background-color: #18A0FB;
        width: 96px;
        height: 3px;
    }

    .pay-tomorrow-box {
        box-shadow: 0 0 13px 6px #00000026;
        border-radius: 10px;
        border: 0;
        padding: 50px 20px 50px;
        min-height: 500px;
    }

    .pay-tomorrow-box .pay-tomorrow-heading {
        text-align: center;
        padding: 20px 0 20px;
    }

    .pay-tomorrow-box .pay-tomorrow-box-text {
        text-align: center;
    }

    .pay-tomorrow-box .pay-tomorrow-img {
        display: block;
        margin: 0 auto;
    }

    .pay-tomorrow-heading span {
        display: block;
    }

    .why-paytomorrow-row {
        padding: 50px 0 0;
    }

    .check-rate-sec .check-rate-row {
        position: relative;
        background-color: #18A0FB;
        padding: 60px;
        border-radius: 50px;
    }

    .check-rate-row:after {
        content: "";
        position: absolute;
        top: -149px;
        right: 0px;
        background-image: url("https://cdn.paytomorrow.com/landing/images/mobile.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 450px;
        height: 609px;
    }

    .white-button {
        border: 0;
        display: block;
        width: 54%;
        color: #18A0FB;
        padding: 20px 0 20px;
        background: #fff;
        text-align: center;
        border-radius: 8px;
        margin: 20px auto 0 auto;
    }

    .white-button:hover {
        background-color: #142456;
        color: #fff;
    }

    .check-rate-heading {
        text-align: center;
        margin-bottom: 47px;
    }

    .check-rate-sec {
        padding: 110px 0 0;
    }

    .image-sec {
        margin-top: 0;
    }

    .bottom-sec {
        padding: 40px 0 20px;
    }

    .bottom-sec-text {
        text-align: center;
    }

    .bottom-sec-email {
        text-align: center;
        margin-top: 25px;
    }

    .bottom-sec-contact {
        text-align: center;
        margin-top: 35px;
    }

    .bottom-sec-text .blue-button {
        width: 28%;
    }

    .bottom-sec-text p {
        color: #8B8F97;
        font-weight: 500;
    }

    .bottom-sec-email p {
        color: #8B8F97;
        font-weight: 500;
        line-height: 27px;
    }

    .bottom-sec-email a {
        color: #18A0FB;
        font-weight: 700;
        display: block;
    }

    .bottom-sec-contact p {
        color: #8B8F97;
        font-weight: 500;
    }

    .bottom-sec .pt-row {
        display: flex;
        align-items: center;
    }

    .bottom-sec-contact a {
        display: block;
        font-size: 24px;
        color: #18A0FB;
        font-weight: 700;
        margin-top: 9px;
    }

    .application-sec {
        padding: 46px 0 0;
    }

    .easy-app {
        position: relative;
        font-size: 37px;
        text-align: center;
        padding: 60px 0 50px;
    }

    .easy-app:before {
        content: "";
        position: absolute;
        top: 39px;
        left: 510px;
        background-color: #18A0FB;
        width: 80px;
        height: 3px;
    }

    .prime-heading {
        text-align: left!important;
        color: #18A0FB;
    }

    .prime-heading span {
        display: block;
        color: #142456;
    }

    .prime-box-text li {
        color: #323232;
        padding: 3px 0 0;
    }

    .prime-main-box {
        padding: 20px 37px 20px;
        min-height: 400px;
    }

    .easy-app-credit {
        text-align: center;
        margin-bottom: 33px;
    }

    .credit-sec {
        padding: 70px 0 50px;
    }

    .approve-credit-buttons {
        text-align: center;
        margin-top: 26px;
    }

    .approve-credit-buttons .blue-button {
        width: 26%;
    }

    @media only screen and (min-width: 320px) and (max-width: 529px) {
        .image-sec {
            margin-top: 0px;
        }
        .check-rate-row:after {
            content: "";
            position: initial;
            bottom: 0;
            background-size: contain;
            width: 100%;
            height: 270px;
            background-position: center;
        }
        .why-pay-text:before {
            top: 0;
            left: 114px;
            width: 55px;
        }
        .banner-text {
            font-size: 13px;
            line-height: 21px;
            padding: 20px 0;
        }
        .blue-button {
            width: 100%;
            padding: 15px 0 15px;
            font-size: 15px;
            margin-bottom: 14px;
        }
        .why-pay-text {
            font-size: 30px;
        }
        .why-paytomorrow-row {
            padding: 29px 0 0;
        }
        .pay-tomorrow-box .pay-tomorrow-heading {
            padding: 20px 0 20px;
            font-size: 22px;
        }
        .pay-tomorrow-box .pay-tomorrow-box-text {
            font-size: 13px;
        }
        .pay-tomorrow-box {
            padding: 50px 20px 50px;
            min-height: 352px;
            margin-bottom: 25px;
        }
        .check-rate-sec {
            padding: 0 0 0;
        }
        .check-rate-heading {
            margin-bottom: 47px;
            font-size: 25px;
        }
        .check-rate-sec .check-rate-row {
            padding: 34px 10px 0;
            border-radius: 0;
        }
        .white-button {
            width: 100%;
            padding: 15px 0 15px;
            margin: 20px auto 0 auto;
            font-size: 15px;
        }
        .bottom-sec-text .blue-button {
            width: 100%;
            font-size: 15px;
            padding: 15px 0 15px;
        }
        .bottom-sec-email a {
            display: block;
            word-break: break-word;
            font-size: 14px;
        }
        .bottom-sec-text p {
            font-size: 14px;
        }
        .bottom-sec-email p {
            font-size: 14px;
        }
        .bottom-sec-contact a {
            font-size: 18px;
        }
        .bottom-sec-contact {
            margin-top: 16px;
        }
        .why-paytomorrow-sec {
            padding: 45px 0 30px;
        }
        .easy-app:before {
            top: 39px;
            left: 109px!important;
        }
        .easy-app {
            font-size: 25px!important;
            padding: 60px 0 30px;
        }
        .easy-app-credit {
            font-size: 21px;
        }
        .credit-sec {
            padding: 24px 0 50px!important;
        }
        .approve-credit-buttons .blue-button {
            width: 100%!important;
        }
    }

    @media only screen and (min-width: 375px) and (max-width: 424px) {
        .why-pay-text:before {
            top: 0;
            left: 145px;
            width: 55px;
        }
        .easy-app:before {
            left: 130px!important;
        }
    }

    @media only screen and (min-width: 425px) and (max-width: 529px) {
        .why-pay-text:before {
            top: 0;
            left: 168px;
            width: 55px;
        }
        .easy-app:before {
            left: 151px!important;
        }
    }

    @media only screen and (min-width: 530px) and (max-width: 767px) {
        .image-sec {
            margin-top: 0px;
        }
        .check-rate-row:after {
            content: "";
            position: absolute;
            top: 118px;
            background-size: contain;
            width: 280px;
            height: 270px;
            background-position: center;
            right: 0;
        }
        .why-pay-text:before {
            top: 0;
            left: 227px;
            width: 55px;
        }
        .banner-text {
            font-size: 13px;
            line-height: 21px;
            padding: 20px 0;
        }
        .blue-button {
            width: 100%;
            padding: 15px 0 15px;
            font-size: 15px;
            margin-bottom: 14px;
        }
        .why-pay-text {
            font-size: 30px;
        }
        .why-paytomorrow-row {
            padding: 29px 0 0;
        }
        .pay-tomorrow-box .pay-tomorrow-heading {
            padding: 20px 0 20px;
            font-size: 20px;
        }
        .pay-tomorrow-box .pay-tomorrow-box-text {
            font-size: 13px;
        }
        .pay-tomorrow-box {
            padding: 50px 20px 50px;
            min-height: 350px;
            margin-bottom: 25px;
        }
        .check-rate-sec {
            padding: 0 0 0;
        }
        .check-rate-heading {
            margin-bottom: 47px;
            font-size: 20px;
        }
        .check-rate-sec .check-rate-row {
            padding: 34px 10px 40px;
            border-radius: 0;
        }
        .white-button {
            width: 100%;
            padding: 15px 0 15px;
            margin: 20px auto 0 auto;
            font-size: 15px;
        }
        .bottom-sec-text .blue-button {
            width: 54%;
            font-size: 15px;
            padding: 15px 0 15px;
        }
        .bottom-sec-email a {
            display: block;
            word-break: break-word;
            font-size: 12px;
        }
        .bottom-sec-text p {
            font-size: 14px;
        }
        .bottom-sec-email p {
            font-size: 12px;
        }
        .bottom-sec-contact a {
            font-size: 18px;
        }
        .bottom-sec-contact {
            margin-top: 16px;
        }
        .why-paytomorrow-sec {
            padding: 45px 0 30px;
        }
        .bottom-sec {
            padding: 20px 0 20px;
        }
        .easy-app:before {
            top: 39px;
            left: 214px!important;
        }
        .easy-app {
            font-size: 28px!important;
            padding: 60px 0 30px;
        }
        .easy-app-credit {
            font-size: 21px;
        }
        .credit-sec {
            padding: 24px 0 50px!important;
        }
        .approve-credit-buttons .blue-button {
            width: 46%!important;
        }
        .prime-main-box {
            min-height: 400px!important;
        }
    }

    @media only screen and (min-width:768px) and (max-width: 991px) {
        .image-sec {
            margin-top: 0px;
        }
        .check-rate-row:after {
            content: "";
            position: absolute;
            top: -80px;
            background-size: cover;
            width: 334px;
            height: 452px;
            background-position: center;
            right: 0;
        }
        .why-pay-text:before {
            top: 0;
            left: 316px;
            width: 55px;
        }
        .banner-text {
            font-size: 13px;
            line-height: 21px;
            padding: 20px 0;
        }
        .blue-button {
            width: 100%;
            padding: 15px 0 15px;
            font-size: 15px;
            margin-bottom: 14px;
        }
        .why-pay-text {
            font-size: 30px;
        }
        .why-paytomorrow-row {
            padding: 29px 0 0;
        }
        .pay-tomorrow-box .pay-tomorrow-heading {
            padding: 20px 0 20px;
            font-size: 20px;
        }
        .pay-tomorrow-box .pay-tomorrow-box-text {
            font-size: 13px;
        }
        .pay-tomorrow-box {
            padding: 50px 20px 50px;
            min-height: 425px;
            margin-bottom: 25px;
        }
        .check-rate-sec {
            padding: 0 0 0;
        }
        .check-rate-heading {
            margin-bottom: 47px;
            font-size: 20px;
        }
        .check-rate-sec .check-rate-row {
            padding: 34px 10px 40px;
            border-radius: 0;
        }
        .white-button {
            width: 100%;
            padding: 15px 0 15px;
            margin: 20px auto 0 auto;
            font-size: 15px;
        }
        .bottom-sec-text .blue-button {
            width: 54%;
            font-size: 15px;
            padding: 15px 0 15px;
        }
        .bottom-sec-email a {
            display: block;
            word-break: break-word;
            font-size: 12px;
        }
        .bottom-sec-text p {
            font-size: 14px;
        }
        .bottom-sec-email p {
            font-size: 12px;
        }
        .bottom-sec-contact a {
            font-size: 18px;
        }
        .bottom-sec-contact {
            margin-top: 16px;
        }
        .why-paytomorrow-sec {
            padding: 45px 0 30px;
        }
        .bottom-sec {
            padding: 20px 0 20px;
        }
        .easy-app:before {
            top: 39px;
            left: 305px!important;
        }
        .easy-app {
            font-size: 28px!important;
            padding: 60px 0 30px;
        }
        .easy-app-credit {
            font-size: 21px;
        }
        .credit-sec {
            padding: 24px 0 50px!important;
        }
        .approve-credit-buttons .blue-button {
            width: 46%!important;
        }
        .prime-main-box {
            min-height: 400px!important;
            padding: 20px 25px 20px!important;
        }
        .prime-box-text li {
            padding: 8px 0 0!important;
        }
    }

    @media only screen and (min-width:992px) and (max-width: 1199px) {
        .image-sec {
            margin-top: -70px;
        }
        .check-rate-row:after {
            content: "";
            position: absolute;
            top: -80px;
            background-size: cover;
            width: 373px;
            height: 457px;
            background-position: center;
            right: 34px;
        }
        .why-pay-text:before {
            top: 0;
            left: 446px;
            width: 55px;
        }
        .banner-text {
            font-size: 13px;
            line-height: 21px;
            padding: 20px 0;
        }
        .blue-button {
            width: 45%;
            padding: 15px 0 15px;
            font-size: 15px;
            margin-bottom: 14px;
        }
        .why-pay-text {
            font-size: 30px;
        }
        .why-paytomorrow-row {
            padding: 29px 0 0;
        }
        .pay-tomorrow-box .pay-tomorrow-heading {
            padding: 20px 0 20px;
            font-size: 22px;
        }
        .pay-tomorrow-box .pay-tomorrow-box-text {
            font-size: 13px;
        }
        .pay-tomorrow-box {
            padding: 50px 20px 50px;
            min-height: 391px;
            margin-bottom: 25px;
        }
        .check-rate-sec {
            padding: 50px 0 0;
        }
        .check-rate-heading {
            margin-bottom: 47px;
            font-size: 22px;
        }
        .check-rate-sec .check-rate-row {
            padding: 34px 10px 40px;
            border-radius: 0;
        }
        .white-button {
            width: 53%;
            padding: 15px 0 15px;
            margin: 20px auto 0 auto;
            font-size: 15px;
        }
        .bottom-sec-text .blue-button {
            width: 32%;
            font-size: 15px;
            padding: 15px 0 15px;
        }
        .bottom-sec-email a {
            display: block;
            word-break: break-word;
            font-size: 16px;
        }
        .bottom-sec-text p {
            font-size: 16px;
        }
        .bottom-sec-email p {
            font-size: 16px;
        }
        .bottom-sec-contact a {
            font-size: 22px;
        }
        .bottom-sec-contact {
            margin-top: 16px;
        }
        .why-paytomorrow-sec {
            padding: 45px 0 30px;
        }
        .bottom-sec {
            padding: 20px 0 20px;
        }
        .easy-app:before {
            top: 39px;
            left: 415px!important;
        }
        .prime-main-box {
            min-height: 400px!important;
        }
    }

    @media only screen and (min-width:1260px) and (max-width: 1365px) {
        .image-sec {
            margin-top: 0;
        }
    }

    @media only screen and (min-width:1366px) and (max-width: 1439px) {
        .image-sec {
            margin-top: 0;
        }
    }

    @media only screen and (min-width: 1440px) and (max-width: 1599px) {
        .image-sec {
            margin-top: 0px;
        }
    }

    @media only screen and (min-width: 1680px) and (max-width: 1919px) {
        .why-pay-text:before {
            left: 516px;
        }
    }

    @media only screen and (min-width: 2560px) {
        .why-pay-text:before {
            left: 517px;
        }
        .image-sec .pt-img {
            width: 100%;
        }
    }

    /*! CSS Used fontfaces */

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 100;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 100;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 100;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 200;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 800;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }

    @font-face {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 900;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    `

    document.getElementsByTagName('head')[0].appendChild(styles);



    document.addEventListener('DOMContentLoaded', function () {
        if (typeof PayTomorrow === 'undefined') {
            loadMpeCode();
        }
        // Add PPE click event listeners to buttons
        var buttons = document.getElementsByClassName("__pt-ppe-button");
        for (var i = 0; i < buttons.length; i++) {
            buttons[i].addEventListener('click', function () {
                displayMpe();
            })
        }

        // Add FAQ click event listeners to buttons
        var buttons = document.getElementsByClassName("__pt-ppe-button_faq");
        for (var i = 0; i < buttons.length; i++) {
            buttons[i].addEventListener('click', function () {
                displayMpeFaq();
            })
        }
    });
    function displayMpeFaq() {
        if (typeof PayTomorrow === 'undefined') {
            // Should display spinner, script is loading
            return;
        } else {
            PayTomorrow.openFaqIframe();
        }
    }

    function displayMpe() {
        if (typeof PayTomorrow === 'undefined') {
            // Should display spinner, script is loading
            return;
        } else {
            PayTomorrow.openMpeIframe();
        }
    }

    function loadMpeCode() {
        var link = document.createElement('link');
        link.setAttribute('rel', 'stylesheet');
        link.setAttribute('type', 'text/css');
        link.setAttribute('href', 'https://cdn.paytomorrow.com/css/pt-mpe.min.css');
        document.getElementsByTagName('head')[0].appendChild(link);

        var mpeScript = document.createElement('script');
        mpeScript.setAttribute('type', 'text/javascript');
        mpeScript.setAttribute('src', 'https://cdn.paytomorrow.com/js/pt-mpe.min.js');
        document.body.appendChild(mpeScript);

        var interval = setInterval(function () {
            if (typeof PayTomorrow !== 'undefined') {
                // If MPE is not installed nor initialized on your site please add your publicId and channel to this method:
                // PayTomorrow.addPayTomorrowIframe(storeDisplayName: string, publicId: string, channel?: 'ECOMMERCE' | 'INSTORE');
                // Default channel is ECOMMERCE
                PayTomorrow.addPayTomorrowIframe('Ballerz', 'f4daa1560fc841a7cc46ae5dea2a5b54', 'ECOMMERCE');
                clearInterval(interval);
            }
        }, 2000);

    }

    function checkForm() {
        event.preventDefault();
        let personalInfo = {
            firstName: document.getElementById("firstName").value,
            lastName: document.getElementById("lastName").value,
            cellPhone: document.getElementById("cellPhone").value,
            email: document.getElementById("email").value
        }
        console.log(personalInfo);

        if(!!personalInfo.firstName && personalInfo.firstName !== '' && !!personalInfo.lastName && personalInfo.lastName !== '' &&
            !!personalInfo.cellPhone && personalInfo.cellPhone !== '' && !!personalInfo.email && personalInfo.email !== ''){
            // PLEASE ADD YOUR PUBLIC ID HERE
            let publicId = 'f4daa1560fc841a7cc46ae5dea2a5b54';

            fetch('https://api.paytomorrow.com/api/ecommerce/public/organizations/pre-approval/' + publicId, {
                method: 'post',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(personalInfo)
            }).then(function (response) {
                if (response.ok) {
                    return response.json();
                }
                throw new Error('Something went wrong.');
            }).then(function (data) {
                var bt = document.getElementById("successMessage");
                setTimeout(function () {
                    bt.style.display = "block";
                }, 600);
                console.log("correct");
            }).catch((error) => {
                var bt = document.getElementById("errorMessage");
                setTimeout(function () {
                    bt.style.display = "block";
                }, 600);
                console.log("error");
            });
        } else {
            let bt = document.getElementById("errorMessage");
            setTimeout(function () {
                bt.style.display = "block";
            }, 600);
            console.log("error");
        }
    }

    function toggleStatus() {
        var element = document.getElementById("successMessage");
        if (element.style.display == 'none') {
            element.style.display = 'block';
        } else {
            element.style.display = 'none';
        }
    }

    function toggleStatusError() {
        let element = document.getElementById("errorMessage");
        if (element.style.display === 'none') {
            element.style.display = 'block';
        } else {
            element.style.display = 'none';
        }
    }
</script>