.gpcc-heading-64 {
    font-size: 64px;
    line-height: 76px;
}

@media (max-width: 991px) {
    .gpcc-heading-64 {
        font-size: 52px;
        line-height: 64px;
    }
}

@media (max-width: 767px) {
    .gpcc-heading-64 {
        font-size: 42px;
        line-height: 52px;
    }
}

.gpcc-heading-42 {
    margin-top: 0;
    font-size: 42px;
    line-height: 52px;
}

@media (max-width: 991px) {
    .gpcc-heading-42 {
        font-size: 38px;
        line-height: 46px;
    }
}

@media (max-width: 767px) {
    .gpcc-heading-42 {
        font-size: 32px;
        line-height: 40px;
    }
}

.gpcc-heading-32 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}

@media (max-width: 991px) {
    .gpcc-heading-32 {
        font-size: 28px;
        line-height: 34px;
    }
}

@media (max-width: 767px) {
    .gpcc-heading-32 {
        font-size: 24px;
        line-height: 28px;
    }
}

.gpcc-body-24 {
    font-size: 24px;
    line-height: 30px;
}

@media (max-width: 991px) {
    .gpcc-body-24 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .gpcc-body-24 {
        font-size: 18px;
    }
}

.gpcc-body-18 {
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .gpcc-body-18 {
        font-size: 16px;
        line-height: 24px;
    }
}

.section-padding-x {
    padding-left: 44px;
    padding-right: 44px;
}

@media (max-width: 991px) {
    .section-padding-x {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.gpcc-card-hero {
    display: grid;
    place-items: center;
    max-width: 1440px;
    margin: 0 auto;
}

.gpcc-card-hero.premier {
    color: white;
    background-color: #3b3d49;
}

.gpcc-card-hero.plus {
    color: white;
    background-color: #006b9f;
}

.gpcc-card-hero.preferred {
    color: #3b3d49;
    background-color: #e8e9ec;
}

@media (min-width: 992px) {
    .gpcc-card-hero {
        height: 600px;
    }
}

.gpcc-card-hero__content {
    display: flex;
    gap: 68px;
    padding-left: 42px;
    padding-right: 42px;
}

@media (max-width: 991px) {
    .gpcc-card-hero__content {
        flex-direction: column;
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .gpcc-card-hero__content {
        padding: 20px 16px;
    }
}

.gpcc-card-hero__content .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}

@media (min-width: 992px) {
    .gpcc-card-hero__content .text {
        max-width: 640px;
    }
}

.gpcc-card-hero__content .text h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.gpcc-card-hero__content .text .stats {
    display: flex;
    gap: 8px;
}

@media (max-width: 767px) {
    .gpcc-card-hero__content .text .stats {
        text-align: center;
    }
}

.gpcc-card-hero__content .text .stats .stat-body {
    font-weight: 500;
}

.gpcc-card-hero__content .text .ctas {
    display: flex;
    gap: 24px;
}

@media (max-width: 767px) {
    .gpcc-card-hero__content .text .ctas {
        flex-direction: column;
        align-items: center;
    }
}

.gpcc-card-hero__content .text .ctas a {
    display: grid;
    place-items: center;
    width: 240px;
    height: 56px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 18px;
}

@media (max-width: 479px) {
    .gpcc-card-hero__content .text .ctas a {
        width: 100%;
    }
}

.gpcc-card-hero__content .image {
    height: 540px;
}

@media (min-width: 992px) {
    .gpcc-card-hero__content .image {
        max-width: 540px;
    }
}

@media (max-width: 479px) {
    .gpcc-card-hero__content .image {
        height: 360px;
    }
}

.gpcc-card-hero__content .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.estimate-cash-back {
    color: #3b3d49;
    background-color: #F3F6F6;
}

.estimate-cash-back.has-h1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width: 991px) {
    .estimate-cash-back.has-h1 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

@media (max-width: 767px) {
    .estimate-cash-back.has-h1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.estimate-cash-back .estimate-cash-back__title {
    background-color: #f3f6f6;
    color: #3b3d49;
    padding-bottom: 60px;
}

@media (max-width: 991px) {
    .estimate-cash-back .estimate-cash-back__title {
        padding-bottom: 48px;
    }
}

@media (max-width: 767px) {
    .estimate-cash-back .estimate-cash-back__title {
        padding-bottom: 40px;
    }
}

.estimate-cash-back .estimate-cash-back__title h1 {
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .estimate-cash-back .estimate-cash-back__title h1 {
        margin-bottom: 10px;
    }
}

.estimate-cash-back .estimate-cash-back__title p {
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .estimate-cash-back .estimate-cash-back__title p {
        font-size: 16px;
    }
}

.estimate-cash-back .estimate-cash-back__container {
    display: flex;
    justify-content: space-between;
    gap: 48px;
}

@media (max-width: 991px) {
    .estimate-cash-back .estimate-cash-back__container {
        flex-direction: column;
    }
}

.estimate-cash-back .estimate-cash-back__inputs,
.estimate-cash-back .cashback-amounts {
    flex: 1;
}

@media (min-width: 992px) {

    .estimate-cash-back .estimate-cash-back__inputs,
    .estimate-cash-back .cashback-amounts {
        max-width: 620px;
    }
}

.estimate-cash-back__inputs {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.estimate-cash-back__inputs h2 {
    margin-bottom: 10px;
}

.estimate-cash-back__inputs p {
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .estimate-cash-back__inputs p {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .estimate-cash-back__inputs p {
        margin-bottom: 20px;
    }
}

.estimate-cash-back__inputs .spending-input {
    display: flex;
    gap: 8px;
}

@media (min-width: 992px) and (max-width: 1080px) {
    .estimate-cash-back__inputs .spending-input {
        flex-direction: column;
    }
}

@media (max-width: 479px) {
    .estimate-cash-back__inputs .spending-input {
        flex-direction: column;
    }
}

.estimate-cash-back__inputs .spending-input label {
    flex: 1;
    font-weight: 500;
    display: flex;
    align-items: center;
    min-width: 50%;
}

.estimate-cash-back__inputs .spending-input .monthly-spend__wrapper {
    position: relative;
    flex: 1;
    max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1080px) {
    .estimate-cash-back__inputs .spending-input .monthly-spend__wrapper {
        max-width: 100%;
    }
}

@media (max-width: 479px) {
    .estimate-cash-back__inputs .spending-input .monthly-spend__wrapper {
        max-width: 100%;
    }
}

.estimate-cash-back__inputs .spending-input .monthly-spend__wrapper::before {
    content: "$";
    position: absolute;
    top: 15px;
    left: 17px;
    font-weight: 500;
    color: #3b3d49;
    font-size: 24px;
}

.estimate-cash-back__inputs .spending-input .monthly-spend__wrapper #monthly-spend {
    color: #3b3d49;
    padding-left: 30px;
    padding-right: 16px;
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    box-sizing: border-box;
    font-family: "Synchrony Sans", Helvetica, sans-serif;
    height: 56px;
    border: 1px solid #a0a8b7;
    border-radius: 4px;
}

.estimate-cash-back__inputs #monthly-spend-range {
    --active-range-width: 20%;
    margin-top: 26px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 8px;
    background-color: #e8e9ec;
    border-radius: 16px;
    position: relative;
}

.estimate-cash-back__inputs #monthly-spend-range::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--active-range-width);
    background-color: #3f647c;
    border-radius: 16px;
}

.estimate-cash-back__inputs #monthly-spend-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background-image: url("/sites/syc/img/estimate-slider-thumb.png");
    border-radius: 50%;
    cursor: pointer;
}

.estimate-cash-back__inputs #monthly-spend-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background-image: url("/sites/syc/img/estimate-slider-thumb.png");
    border-radius: 50%;
    cursor: pointer;
}

.estimate-cash-back .cashback-amounts {
    background-color: #FFFFFF;
    padding: 30px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
}

.estimate-cash-back .cashback-amounts label {
    font-weight: 500;
}

.estimate-cash-back .cashback-amounts .primary-cashback-unit {
    font-size: 96px;
    font-weight: 700;
    line-height: 128px;
}

.cashback-amounts p {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .estimate-cash-back .cashback-amounts .primary-cashback-unit {
        font-size: 72px;
        line-height: 88px;
    }
}

@media (max-width: 767px) {
    .estimate-cash-back .cashback-amounts .primary-cashback-unit {
        font-size: 54px;
        line-height: 68px;
    }
}

.estimate-cash-back .cashback-amounts .secondary-cashback-unit {
    background-color: #fbc600;
    font-weight: 500;
}

.estimate-cash-back .cashback-amounts .link-plain {
    font-size: 18px;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px;
    border-radius: 8px;
    margin-left: -12px;
    transition: background-color 0.3s ease;
}

.estimate-cash-back .cashback-amounts .link-plain:hover {
    background-color: #f3f6f6;
}

.start-earning {
    background-color: #3b3d49;
    color: white;
    padding: 60px 44px;
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .start-earning {
        margin-bottom: 40px;
        padding: 48px 16px;
    }
}

.start-earning h2 {
    margin-bottom: 24px;
    color: #fbc600;
    text-align: center;
}

@media (max-width: 991px) {
    .start-earning h2 {
        margin-bottom: 16px;
    }
}

.start-earning p {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 36px;
}

@media (max-width: 991px) {
    .start-earning p {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

.start-earning .links {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 16px;
    justify-content: center;
}

@media (max-width: 479px) {
    .start-earning .links {
        flex-direction: column;
        gap: 16px;
    }
}

.start-earning .links a {
    margin: 0;
    width: 240px;
}

@media (max-width: 479px) {
    .start-earning .links a {
        width: 100%;
    }
}

.start-earning a:focus-visible {
    outline: 2px solid #000000;
}

.start-earning a {
    display: grid;
    place-items: center;
    text-align: center;
    font-size: 18px;
    min-height: 56px;
    box-sizing: border-box;
    padding: 16px 24px;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent !important;
}


.disclaimers {
    color: #3b3d49;
}

.disclaimers h3 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 12px;
}

.disclaimers p {
    font-size: 14px;
    line-height: 20px;
}

.disclaimers a {
    color: #3f647c;
    font-weight: 500;
    word-break: break-word;
}