* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --black: #000000;
    --white: #ffffff;
    --fade-bg: #f8f8f8;
    --light-blue: #383BFF;
    --primary: #262aff;
    --secondary: #262af7;
    --dark-blue: #1B1EC6;
    --purple: #87179D;
    --yellow: #FFCC00;
    --textColor: #0C0C0C;
    --grey: #595959;
    --blue-hover: #2226E5;
    --white-hover: #F4F4F4;
}

body {
    font-family: "GPCommerce", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
}

img {
    width: 100%;
    height: 100%;
}

h1 {
    font-size: 64px;
    line-height: 72px;
    font-weight: 900;
}

h2 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 900;
}

h3 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
    letter-spacing: 0.32px;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    letter-spacing: 0.48px;
}

h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 900;
    letter-spacing: 0.4px;
}

h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: 0.64px;
}

p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

a {
    text-decoration: none !important;
    color: inherit;
}

.gutter {
    padding: 5rem;
}

.lp-btn-secondary {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding: 14px 20px;
    color: var(--textColor);
    border: 2px solid var(--primary) !important;
}

.lp-btn-secondary:hover {
    background-color: var(--primary);
    color: var(--white);
}

.zero_padding {
    padding: 0;
}

/* Ul li common style */
ul {
    padding-left: 2rem;
}

li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
    text-align: left;
}

.ml-12 {
    margin-left: 0.75rem;
}

.flex-1 {
    flex: 1;
}

/* Blue CTA */
.blu-CTA {
    padding: 1.25rem 1.5rem;
    border: none;
    border-radius: 4.125rem;
    background-color: var(--light-blue);
    color: var(--white);
    border: 0.125rem solid var(--light-blue);
    line-height: 1;
    /* height: 100%; */
    transition: background-color 0.5s ease, border 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
    display: inline-flex;
}

.blu-CTA:hover,
.blu-CTA:focus {
    background-color: var(--blue-hover);
    border: 0.125rem solid var(--blue-hover);
    transition: background-color 0.5s ease, border 0.5s ease;
    color: var(--white);
}

/* Dark blue CTA */
.dark-blu-CTA {
    padding: 1.25rem 1.5rem;
    border: none;
    border-radius: 4.125rem;
    background-color: var(--primary);
    color: var(--white);
    border: 0.125rem solid var(--primary);
    line-height: 1;
    /* height: 100%; */
    transition: background-color 0.5s ease, border 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
    display: inline-flex;
}

.dark-blu-CTA:hover,
.dark-blu-CTA:focus {
    background-color: var(--blue-hover);
    border: 0.125rem solid var(--blue-hover);
    transition: background-color 0.5s ease, border 0.5s ease;
    color: var(--white);
}

/* Transperant CTA With Blue Outline */
.trans-CTA-blu-brdr {
    padding: 1.25rem 1.5rem;
    border: none;
    border-radius: 4.125rem;
    background-color: transparent;
    color: var(--white);
    border: 0.125rem solid var(--light-blue);
    line-height: 1;
    height: 100%;
    transition: background-color 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
}

.trans-CTA-blu-brdr:hover,
.trans-CTA-blu-brdr:focus {
    background-color: var(--light-blue);
    transition: background-color 0.5s ease;
    color: var(--white);
}

/* Transperant CTA With Dark Blue Outline */
.trans-CTA-dark-blu-brdr {
    padding: 1.25rem 1.5rem;
    border: none;
    border-radius: 4.125rem;
    background-color: transparent;
    color: var(--black);
    border: 0.125rem solid var(--primary);
    line-height: 1;
    /* height: 100%; */
    transition: background-color 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
}

.trans-CTA-dark-blu-brdr:hover,
.trans-CTA-dark-blu-brdr:focus {
    transition: background-color 0.5s ease;
    background-color: var(--primary);
    color: var(--white);
}

/* Transperant CTA With White Outline*/
.trans-CTA-wht-brdr {
    padding: 1.25rem 1.5rem;
    border: none;
    border-radius: 4.125rem;
    background-color: transparent;
    color: var(--white);
    border: 0.125rem solid var(--white);
    line-height: 1;
    height: 100%;
    transition: background-color 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
}

.trans-CTA-wht-brdr:hover,
.trans-CTA-wht-brdr:focus {
    background-color: var(--white);
    transition: background-color 0.5s ease;
    color: var(--textColor);
}

/* Link with blue arrow */
.tertiary-link-blu {
    padding: 1.25rem 1.5rem 1.25rem 0;
    border: none;
    border-radius: 4.125rem;
    background-color: transparent;
    color: var(--textColor);
    line-height: 1;
    height: 100%;
    transition: color 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.tertiary-link-blu::after {
    content: "";
    display: inline-block;
    transition: all 0.5s ease;
    margin-left: 0.75rem;
    width: 1rem;
    height: 1rem;
    background-image: url(" https://go.globalpayments.com/l/317471/2025-08-21/384tc1/317471/1755794418lQV096cN/blue_arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.tertiary-link-blu:hover,
.tertiary-link-blu:focus {
    color: var(--primary);
    transition: color 0.5s ease;
}

.tertiary-link-blu:hover::after,
.tertiary-link-blu:focus::after {
    transform: translateX(0.5rem);
    transition: all 0.5s ease;
}

/* Link with white arrow */
.tertiary-link-wht {
    padding: 1.25rem 1.5rem 1.25rem 0;
    border: none;
    border-radius: 4.125rem;
    background-color: transparent;
    color: var(--white);
    line-height: 1;
    height: 100%;
    transition: color 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.tertiary-link-wht::after {
    content: "";
    display: inline-block;
    transition: all 0.5s ease;
    margin-left: 0.75rem;
    width: 1rem;
    height: 1rem;
    background-image: url("https://go.globalpayments.com/l/317471/2025-08-21/384tc7/317471/1755794419pbHzhA2Y/white_arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.tertiary-link-wht:hover,
.tertiary-link-wht:focus {
    color: var(--white);
    transition: color 0.5s ease;
}

.tertiary-link-wht:hover::after,
.tertiary-link-wht:focus::after {
    transform: translateX(0.5rem);
    transition: all 0.5s ease;
}

/* Text Color*/
.fc-black {
    color: var(--black) !important;
}

.fc-primary {
    color: var(--textColor) !important;
}

.fc-white {
    color: #ffffff !important;
}

.fc-lightgray {
    color: var(--grey) !important;
}

.fc-purple {
    color: #87179D !important;
}

/* white CTA */
.wht-CTA {
    padding: 1.25rem 1.5rem;
    border: none;
    border-radius: 4.125rem;
    background-color: var(--white);
    color: var(--textColor);
    border: 0.125rem solid var(--white);
    line-height: 1;
    height: 100%;
    transition: all 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
    display: inline-flex;
}

.wht-CTA:hover,
.wht-CTA:focus {
    background-color: var(--white-hover);
    border: 0.125rem solid var(--white-hover);
    transition: all 0.5s ease;
    color: var(--textColor);
}

/* small CTA */
.small-CTA {
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
    line-height: 1rem;
    border-radius: 3.125rem;
}

/* small white CTA hove and focus */
.wht-CTA.small-CTA:hover,
.wht-CTA.small-CTA:focus {
    background-color: #eee;
}


/* Pool link styles */

/*********** light Theme *********/

.pool-link-light-theme {
    font-size: 1rem;
    line-height: 1;
    color: var(--textColor);
    font-weight: 500;
    letter-spacing: 0.01em;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 0;
    width: fit-content;
    padding: 0.5rem 0;
}

.pool-link-light-theme::after {
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: var(--primary);
    content: '';
    z-index: -1;
    border-radius: 2rem;
    transition: all 0.3s ease;
}

.pool-link-light-theme::before {
    content: '';
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: url('https://go.globalpayments.com/l/317471/2025-08-21/384tc4/317471/17557944186E9l8lDP/Learnmore_white_arrow.svg') no-repeat center center;
    background-color: var(--primary);
    border-radius: 2rem;
}

.pool-link-light-theme:hover,
.pool-link-light-theme:focus {
    color: var(--white);
    transition: all 0.3s ease;
}

.pool-link-light-theme:hover::after,
.pool-link-light-theme:focus::after {
    width: calc(100% + 3.2rem);
    transition: all 0.3s ease;
}

/*********** Black Theme *********/

.pool-link-black-theme {
    font-size: 1rem;
    line-height: 1;
    color: var(--white);
    font-weight: 500;
    letter-spacing: 0.01em;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 0;
    width: fit-content;
    padding: 0.5rem 0;
}

.pool-link-black-theme::after {
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: var(--primary);
    content: '';
    z-index: -1;
    border-radius: 2rem;
    transition: all 0.3s ease;
}

.pool-link-black-theme::before {
    content: '';
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: url('https://go.globalpayments.com/l/317471/2025-08-21/384tc4/317471/17557944186E9l8lDP/Learnmore_white_arrow.svg') no-repeat center center;
    background-color: var(--primary);
    border-radius: 2rem;
}

.pool-link-black-theme:hover,
.pool-link-black-theme:focus {
    color: var(--white);
    transition: all 0.3s ease;
}

.pool-link-black-theme:hover::after,
.pool-link-black-theme:focus::after {
    width: calc(100% + 3.2rem);
    transition: all 0.3s ease;
}

/*********** Dark Theme *********/

.pool-link-dark-theme {
    font-size: 1rem;
    line-height: 1;
    color: var(--white);
    font-weight: 500;
    letter-spacing: 0.01em;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 0;
    width: fit-content;
    padding: 0.5rem 0;
}

.pool-link-dark-theme::after {
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: var(--primary);
    content: '';
    z-index: -1;
    border-radius: 2rem;
    transition: all 0.3s ease;
}

.pool-link-dark-theme::before {
    content: '';
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: url('https://go.globalpayments.com/l/317471/2025-08-21/384tc4/317471/17557944186E9l8lDP/Learnmore_white_arrow.svg') no-repeat center center;
    background-color: var(--primary);
    border-radius: 2rem;
}

.pool-link-dark-theme:hover,
.pool-link-dark-theme:focus {
    color: var(--white);
    transition: all 0.3s ease;
}

.pool-link-dark-theme:hover::after,
.pool-link-dark-theme:focus::after {
    width: calc(100% + 3.2rem);
    transition: all 0.3s ease;
}

/*********** base Theme *********/

.pool-link-base-theme {
    font-size: 1rem;
    line-height: 1;
    color: var(--white);
    font-weight: 500;
    letter-spacing: 0.01em;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 0;
    width: fit-content;
    padding: 0.5rem 0;
}

.pool-link-base-theme::after {
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: var(--dark-blue);
    content: '';
    z-index: -1;
    border-radius: 2rem;
    transition: all 0.3s ease;
}

.pool-link-base-theme::before {
    content: '';
    position: absolute;
    right: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    background: url('https://go.globalpayments.com/l/317471/2025-08-21/384tc7/317471/1755794419pbHzhA2Y/white_arrow.svg') no-repeat center center;
    background-color: var(--dark-blue);
    border-radius: 2rem;
}

.pool-link-base-theme:hover,
.pool-link-base-theme:focus {
    color: var(--white);
    transition: all 0.3s ease;
}

.pool-link-base-theme:hover::after,
.pool-link-base-theme:focus::after {
    width: calc(100% + 3.2rem);
    transition: all 0.3s ease;
}

/* Typography styles */

/* display xxl */

.display-xxl {
    font-size: 5.625rem !important;
    font-weight: 900;
    line-height: 100%;
    letter-spacing: -0.02em;
    margin: 1rem 0 1.5rem;
}

@media (max-width: 992px) {
    .display-xxl {
        font-size: 4.5rem !important;
    }
}

@media (max-width: 575px) {
    .display-xxl {
        font-size: 4rem !important;
    }
}

/* display xl */

.display-xl {
    font-size: 4rem !important;
    font-weight: 900;
    line-height: 4.5rem;
    letter-spacing: 0;
    margin: 1rem 0 1.5rem;
}

@media (max-width: 991.98px) {
    .display-xl {
        font-size: 3.5rem !important;
        line-height: 3.75rem;
    }
}

@media (max-width: 575.98px) {
    .display-xl {
        font-size: 3rem !important;
        line-height: 3.5rem;
    }
}

/* display lg */

.display-lg {
    font-size: 3rem !important;
    font-weight: 900;
    line-height: 3.75rem;
    letter-spacing: 0;
    margin: 1rem 0;
}

@media (max-width: 991.98px) {
    .display-lg {
        font-size: 2.5rem !important;
        line-height: 3rem;
    }
}

@media (max-width: 575.98px) {
    .display-lg {
        font-size: 2.25rem !important;
        line-height: 2.75rem;
    }
}

/* display md */

.display-md {
    font-size: 2rem !important;
    font-weight: 900;
    line-height: 2.5rem;
    letter-spacing: 0.01em;
    margin: 1rem 0;
}

/* title sm */

.title-sm {
    font-size: 1.5rem !important;
    font-weight: 900;
    line-height: 2rem;
    letter-spacing: 0.02em;
    margin: 1rem 0;
}

/* title xs */

.title-xs {
    font-size: 1.25rem !important;
    font-weight: 900;
    line-height: 1.75rem;
    letter-spacing: 0.02em;
    margin: 1rem 0;
}

/* title xxs */

.title-xxs {
    font-size: 1rem !important;
    font-weight: 900;
    line-height: 1.5rem;
    letter-spacing: 0.04em;
    margin: 1rem 0;
}

/* body md */

.body-md {
    font-size: 1.25rem !important;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.01em;
    margin: 1rem 0;
}

li.body-md {
    margin-bottom: 1rem;
}

/* body md span */
.body-md-span {
    font-size: 1.125rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.01em;
    margin: 1rem 0;
}

li.body-md-span {
    margin-bottom: 1rem;
}

/* body sm */

.body-sm {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.01em;
    margin: 1rem 0;
}

li.body-sm {
    margin-bottom: 1rem;
}

/* body xs */

.body-xs {
    font-size: 0.75rem !important;
    font-weight: 400;
    line-height: 1rem;
    letter-spacing: 0.04em;
    margin: 0.5rem 0;
}

li.body-xs {
    margin-bottom: 0.5rem;
}

/* body xxs */

.body-xxs {
    font-size: 0.5rem !important;
    font-weight: 400;
    line-height: 0.75rem;
    letter-spacing: 0.08em;
    margin: 0.25rem 0;
}

li.body-xxs {
    margin-bottom: 0.25rem;
}

/* label xxl */

.label-xxl {
    font-size: 4.5rem !important;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0;
    margin: 1rem 0 0;
}

.label-xxl.subtitle {
    margin: 0 0 1rem;
}

@media (max-width: 991.98px) {
    .label-xxl {
        font-size: 4rem !important;
    }
}

@media (max-width: 575.98px) {
    .label-xxl {
        font-size: 3.5rem !important;
    }
}

/* label xl */

.label-xl {
    font-size: 3.5rem !important;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0;
    margin: 1rem 0 0;
}

.label-xl.subtitle {
    margin: 0 0 1rem;
}

@media (max-width: 991.98px) {
    .label-xl {
        font-size: 3rem !important;
    }
}

@media (max-width: 575.98px) {
    .label-xl {
        font-size: 2.5rem !important;
    }
}

/* label lg */

.label-lg {
    font-size: 2.5rem !important;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0;
    margin: 1rem 0 0;
}

.label-lg.subtitle {
    margin: 0 0 1rem;
}

@media (max-width: 991.98px) {
    .label-lg {
        font-size: 2rem !important;
    }
}

@media (max-width: 575.98px) {
    .label-lg {
        font-size: 1.5rem !important;
    }
}

/* label md */

.label-md {
    font-size: 1.5rem !important;
    font-weight: 300;
    line-height: 2.25rem;
    letter-spacing: 0.02em;
    margin: 1rem 0 0;
}

.label-md.subtitle {
    margin: 0 0 1rem;
}

/* label sm */

.label-sm {
    font-size: 1.25rem !important;
    font-weight: 300;
    line-height: 2rem;
    letter-spacing: 0.04em;
    margin: 1rem 0 0;
}

.label-sm.subtitle {
    margin: 0 0 1rem;
}

/* label xs */

.label-xs {
    font-size: 1rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.04em;
    margin: 0 0 1rem;
}

/* label xxs */

.label-xxs {
    font-size: 0.75rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.04em;
    margin: 1rem 0 0;
}

/* hr line break */

hr.default {
    border-color: var(--textColor);
    opacity: 1;
    margin: 1.5rem 0;
}

hr.white {
    border-color: var(--white);
    opacity: 1;
    margin: 1.5rem 0;
}

hr.grey {
    margin: 1.5rem 0;
}

/* line-height normal style */

.lh-normal {
    line-height: normal !important;
}