Skip to main content

Financing Landing Page

Checkout the demo here http://landing-demo.paytomorrow.com/finance-page.html

Checkout the source code here https://bitbucket.org/paytomorrow/pt-landing-page/src/master/

Installation

info

Installation is very simple, but it will probably require some CSS tweaking to get it to look a specific way.

If you have the MPE installed and initialized there is nothing else needed besides CSS tweaking. However, if you are using this landing page on a site without the MPE initialized, please read the comments before the call to PayTomorrow.addPayTomorrowIframe(); in the bottom of the code.

  • Copy and paste this code where you want the Financing Landing Page to go.

Standard Landing Page

finance_landingPage.html

<!-- 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_Slogans_large-all-credit-types.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.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:0px;">
<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:0px;">
<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-4 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>Prime</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">Payment plans up to $10,000 for as long as 48 months*</li>
<li class="pt-li">0.0% - 20.9% APR*</li>
<li class="pt-li">0% APR option for 6 months</li>
<li class="pt-li">No down payment required</li>
<li class="pt-li">No prepayment penalty</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-4 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 $59</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-4 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;">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: 550px;
}

.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: 475px!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: 529px!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: 454px!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('ORGANIZATION NAME', 'PUBLIC ID', '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 = 'PUBLIC ID';

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>
info

If the page looks small on mobile devices, copy and paste the following code into your tag.

<meta name="viewport" content="width=device-width, initial-scale=1">

Prime Landing Page with 0% APR

finance_landingPage2.html

<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" style="padding-top: 20%">
<a href="https://www.paytomorrow.com/home" class="pt-hyperlink"><img
src="https://cdn.paytomorrow.com/image/PayTomorrow_Slogans_large-all-credit-types.svg"
alt="image" class="img-fluid pt-img"> </a>
<p class="banner-text pt-paragraph"><span class="pt-highlight">0% APR</span> and <span class="pt-highlight">Same as Cash</span> available!</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/landing2-banner.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 -->

<!-- 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-4 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>Prime</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">Payment plans up to $10,000 for as long as 48 months*</li>
<li class="pt-li">0.0% - 20.9% APR*</li>
<li class="pt-li">0% APR option for 6 months</li>
<li class="pt-li">No down payment required</li>
<li class="pt-li">No prepayment penalty</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-4 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 $59</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-4 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 pt-hyperlink" style="color: white;font-weight: bold;">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 -->

<!-- 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:0px;>
<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:0px;">
<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 -->

<!-- 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-highlight{
font-size: 22px;
color: #18A0FB;
font-weight: 700;
}

.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: 550px;
}

.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: 475px!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: 529px!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: 454px!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';