.container_lazy {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
color: #344154;
font-family: 'Roboto', Arial, sans-serif;
overflow-x: hidden;
}
.container_lazy *,
.container_lazy *::before,
.container_lazy *::after {
box-sizing: border-box;
}
.container_lazy a {
text-decoration: none;
}
.container_lazy .p1-container {
width: min(92%, 760px);
max-width: 760px;
margin: 0 auto;
padding: 0;
}
/* =========================================================
HERO
========================================================= */
.container_lazy .hero-section {
width: 100%;
margin: 0 auto;
padding: 28px 0 12px;
text-align: center;
}
.container_lazy .hero-section h1 {
margin: 0 0 10px !important;
padding: 0 !important;
font-family: 'Roboto', Arial, sans-serif;
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
color: #344154 !important;
text-align: center;
}
.container_lazy .hero-section .subtitle {
margin: 0 auto !important;
padding: 0 !important;
max-width: 620px;
font-family: 'Roboto', Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #66758b;
text-align: center;
}
/* =========================================================
BLUE DIVIDER
========================================================= */
.container_lazy .ad-divider {
width: 44px;
height: 3px;
margin: 20px auto 12px;
background: #2563eb;
border-radius: 5px;
}
/* =========================================================
TOP AD SLOT
========================================================= */
#mob_top {
width: 100%;
max-width: 760px;
margin: 0 auto;
text-align: center;
}
/* =========================================================
OPTIONS
========================================================= */
.container_lazy .options-section {
width: 100%;
max-width: 620px;
margin: 18px auto 0;
}
.container_lazy .option-intro {
margin: 0 auto 15px;
font-size: 14px;
line-height: 1.45;
color: #718096;
text-align: center;
}
/* =========================================================
PRIMARY BUTTONS
========================================================= */
.container_lazy .primary-option {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 64px;
margin: 0 auto 13px;
padding: 14px 58px 14px 22px;
background: linear-gradient(
135deg,
#1557d6 0%,
#2563eb 48%,
#168fd0 100%
);
border-radius: 14px;
color: #ffffff;
font-size: 14px;
line-height: 1.25;
font-weight: 700;
text-align: center;
box-shadow:
0 7px 20px rgba(37, 99, 235, .22),
0 2px 5px rgba(21, 87, 214, .12);
transition:
transform .2s ease,
box-shadow .2s ease,
filter .2s ease;
}
.container_lazy .primary-option::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
border-radius: 14px 0 0 14px;
background: rgba(255,255,255,.55);
}
.container_lazy .primary-option:hover {
color: #ffffff;
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 10px 25px rgba(37, 99, 235, .28);
}
.container_lazy .primary-option .material-symbols-outlined {
position: absolute;
right: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 33px;
height: 33px;
border-radius: 50%;
background: rgba(255,255,255,.18);
color: #ffffff;
font-size: 20px;
transition: transform .2s ease;
}
.container_lazy .primary-option:hover .material-symbols-outlined {
transform: translateX(3px);
}
.container_lazy .button-note {
margin: 7px auto 0;
font-size: 11px;
line-height: 1.4;
color: #7b8aa3;
text-align: center;
}
/* =========================================================
CONTENT SECTIONS
========================================================= */
.container_lazy .content-section {
width: 100%;
max-width: 680px;
margin: 42px auto 0;
padding: 0;
}
.container_lazy .content-section h2 {
position: relative;
margin: 0 0 15px !important;
padding: 0 0 0 13px !important;
font-family: 'Roboto', Arial, sans-serif;
font-size: 21px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #344154 !important;
}
.container_lazy .content-section h2::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 3px;
height: calc(100% - 6px);
border-radius: 5px;
background: #2563eb;
}
.container_lazy .content-section p {
margin: 0 !important;
font-family: 'Roboto', Arial, sans-serif;
font-size: 15px;
line-height: 1.7;
color: #52627b;
text-align: left;
}
/* =========================================================
CONTENT AD HOOK
========================================================= */
#mob_content_1 {
width: 100%;
margin: 10px auto 18px;
text-align: center;
}
/* =========================================================
SECONDARY CTA
========================================================= */
.container_lazy .secondary-cta {
width: 100%;
max-width: 430px;
margin: 22px auto 0;
}
.container_lazy .secondary-cta a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 57px;
padding: 13px 55px 13px 20px;
background: #344154;
border-radius: 13px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-align: center;
box-shadow:
0 5px 15px rgba(52,65,84,.18);
transition:
transform .2s ease,
background .2s ease,
box-shadow .2s ease;
}
.container_lazy .secondary-cta a:hover {
color: #ffffff;
transform: translateY(-2px);
background: #263346;
box-shadow:
0 8px 20px rgba(52,65,84,.24);
}
.container_lazy .secondary-cta .material-symbols-outlined {
position: absolute;
right: 14px;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(255,255,255,.18);
color: #ffffff;
font-size: 19px;
}
/* =========================================================
FAQ
========================================================= */
.container_lazy .faq-section {
width: 100%;
max-width: 680px;
margin: 42px auto 0;
}
.container_lazy .faq-section > h2 {
position: relative;
margin: 0 0 20px !important;
padding-left: 13px !important;
font-size: 21px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #344154 !important;
}
.container_lazy .faq-section > h2::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 3px;
height: calc(100% - 6px);
border-radius: 5px;
background: #2563eb;
}
.container_lazy .faq-list {
margin: 0;
padding: 0;
list-style: none;
}
.container_lazy .faq-item {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #e3e8ef;
}
.container_lazy .faq-item:last-child {
border-bottom: 0;
}
.container_lazy .faq-item h3 {
margin: 0 0 8px;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
color: #344154;
}
.container_lazy .faq-item p {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #61708a;
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.container_lazy .p1-container {
width: 90%;
}
.container_lazy .hero-section {
padding-top: 24px;
}
.container_lazy .hero-section h1 {
font-size: 27px !important;
}
.container_lazy .hero-section .subtitle {
font-size: 15px;
}
.container_lazy .options-section {
margin-top: 16px;
}
.container_lazy .primary-option {
min-height: 60px;
padding-left: 18px;
padding-right: 52px;
font-size: 13px;
}
.container_lazy .content-section,
.container_lazy .faq-section {
margin-top: 34px;
}
.container_lazy .content-section h2,
.container_lazy .faq-section > h2 {
font-size: 19px !important;
}
.container_lazy .content-section p {
font-size: 14px;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
.container_lazy .hero-section h1 {
font-size: 24px !important;
}
.container_lazy .primary-option {
font-size: 12px;
}
}
A Card That Fits You
Explore options based on what matters most to you.
Finding the Right Credit Card for You
The right credit card can make everyday spending more
convenient while giving you access to features that fit the
way you manage your finances.
Depending on the card, you may find options that offer
rewards, cash back, flexible payment features, or
introductory offers. Some cards are designed around everyday
purchases, while others may be better suited to travel,
balance transfers, or building credit.
Before applying, it's worth looking beyond the headline offer.
Consider the APR, annual fee, credit limit, rewards structure,
introductory terms, balance-transfer conditions, and any
other fees that may apply.
Your credit profile and financial circumstances can also affect
the offers and terms available to you. Checking your
eligibility before submitting a full application may help you
understand which options could be a better fit.
Used responsibly, a credit card can be a useful part of your
overall financial strategy. Making payments on time, keeping
your balance manageable, and staying within your budget can
help you maintain healthy credit habits over time.
What to Look For in a Credit Card
Different credit cards are designed for different spending
habits and financial goals.
If you regularly pay your statement balance in full, rewards
or cash back may be an important factor. If you're looking to
manage existing balances, a balance-transfer offer may be
worth considering.
The APR is another important factor, particularly if you expect
to carry a balance from month to month. Annual fees and other
charges should also be considered when comparing the overall
cost of a card.
It's also useful to look at how rewards are earned and
redeemed, whether introductory offers have specific
requirements, and whether the card's features match the way
you actually spend.
Credit Card FAQs
-
What should I consider when choosing a credit card?
Consider the card's APR, annual fee, credit limit,
rewards, introductory offers, and additional fees.
It's also important to choose a card that fits your
spending habits and financial situation.
-
How do credit card rewards work?
Depending on the card, you may earn points, miles, or
cash back on eligible purchases. Rewards programs vary
by issuer, so check the card's terms for details on
earning, redemption, and any restrictions.
-
Do credit cards always charge an annual fee?
No. Some credit cards have no annual fee, while others
charge an annual fee in exchange for rewards, travel
benefits, or other features. Always review the current
terms before applying.
-
Can a credit card help build my credit?
Responsible credit card use can help build your credit
history over time. Making payments on time, keeping
balances manageable, and avoiding unnecessary borrowing
can support healthy credit habits.
-
What happens if I only make the minimum payment?
Making only the minimum payment can cause interest to
accumulate and may increase the amount of time it takes
to pay off a balance. Paying more than the minimum,
when possible, can help reduce borrowing costs.
How to Apply for a Credit Card
Applying for a credit card is usually a straightforward
process and can often be completed online.
Start by comparing available options and consider which
features are most important to you. You may want to look at
the APR, annual fee, rewards, introductory offers, and other
terms before deciding which card to explore.
During an application, you may be asked to provide information
such as your name, address, employment details, income, and
other financial information. The issuer may also review your
credit history.
Eligibility and approval decisions vary by issuer and
individual circumstances. Reviewing the card's terms carefully
before applying can help you understand the costs and features
involved.
If approved, you'll receive information about your account and
how to access your card. Many issuers also provide online and
mobile tools for reviewing transactions, managing payments,
and monitoring your account.
Once you have a card, making payments on time and keeping your
balance at a manageable level can help you stay in control of
your spending and maintain responsible credit habits.
