.payment-banner {
    padding: 40px 0
}

@media(max-width: 991px) {
    .payment-banner {
        background: linear-gradient(118.42deg, rgba(248, 212, 216, 0.6) 3.04%, rgba(243, 186, 194, 0.6) 98.03%);
        padding-bottom: 0
    }
}

.payment-banner .payment-banner-inner {
    background: linear-gradient(118.42deg, rgba(248, 212, 216, 0.6) 3.04%, rgba(243, 186, 194, 0.6) 98.03%);
    border-radius: 20px;
    padding: 54px 28px 0 64px;
    position: relative
}

@media(max-width: 1199px) {
    .payment-banner .payment-banner-inner {
        padding: 50px 20px 0 40px
    }
}

@media(max-width: 991px) {
    .payment-banner .payment-banner-inner {
        padding: 0;
        border-radius: 0;
        background: rgba(0, 0, 0, 0)
    }
}

.payment-banner .payment-banner-inner .pbi-desc {
    margin-top: 70px
}

@media(max-width: 1199px) {
    .payment-banner .payment-banner-inner .pbi-desc {
        margin-top: 50px
    }
}

@media(max-width: 991px) {
    .payment-banner .payment-banner-inner .pbi-desc {
        margin-top: 0;
        text-align: center;
        margin-bottom: 50px
    }
}

.payment-banner .payment-banner-inner .pbi-desc .h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 120%;
    letter-spacing: -0.05em;
    color: #222;
    margin-bottom: 16px
}

@media(max-width: 1199px) {
    .payment-banner .payment-banner-inner .pbi-desc .h1 {
        font-size: 44px
    }
}

@media(max-width: 767px) {
    .payment-banner .payment-banner-inner .pbi-desc .h1 {
        font-size: 30px;
        line-height: 34px
    }
}

.payment-banner .payment-banner-inner .pbi-desc .txt {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #686873
}

.payment-banner .payment-banner-inner .pbi-desc .txt:last-child {
    margin-bottom: 0
}

@media(max-width: 991px) {
    .payment-banner .payment-banner-inner .pbi-img {
        text-align: center
    }
}

.payment-banner .payment-banner-inner .pbi-img img {
    width: 100%
}
.payment-credit-card {
    padding: 40px 0
}

.payment-credit-card .pcc-desc {
    margin-bottom: 40px
}

@media(max-width: 767px) {
    .payment-credit-card .pcc-desc {
        margin-bottom: 32px
    }
}

.payment-credit-card .pcc-desc .h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #222
}

@media(max-width: 767px) {
    .payment-credit-card .pcc-desc .h2 {
        font-size: 28px;
        line-height: 140%
    }
}

.payment-credit-card .row {
    row-gap: 30px
}

@media(max-width: 767px) {
    .payment-credit-card .row {
        row-gap: 32px
    }
}

.payment-credit-card .row .col-lg-4 {
    display: inherit
}

.payment-credit-card .pcc-box {
    width: 100%;
    padding: 20px;
    background: linear-gradient(0deg, rgba(251, 233, 235, 0.31), rgba(251, 233, 235, 0.31)), #fff;
    border: 1px solid #fde2e4;
    border-radius: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 6px;
    min-height: 320px
}

@media(max-width: 991px) {
    .payment-credit-card .pcc-box {
        min-height: auto;
        gap: 30px
    }
}

.payment-credit-card .pcc-box .pccb-top .icon {
    margin-bottom: 16px
}

.payment-credit-card .pcc-box .pccb-top .icon img {
    max-width: 64px
}

@media(max-width: 767px) {
    .payment-credit-card .pcc-box .pccb-top .icon img {
        max-width: 48px
    }
}

.payment-credit-card .pcc-box .pccb-top .desc .h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #1a1c1f;
    margin-bottom: 12px
}

@media(max-width: 767px) {
    .payment-credit-card .pcc-box .pccb-top .desc .h3 {
        font-size: 24px;
        line-height: 30px
    }
}

.payment-credit-card .pcc-box .pccb-top .desc .txt {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #505a63
}

.payment-credit-card .pcc-box .pccb-top .desc .txt:last-child {
    margin-bottom: 0
}

.payment-credit-card .pcc-box .pccb-bottom .btn-grid {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1199px) {
    .payment-credit-card .pcc-box .pccb-bottom .btn-grid {
        gap: 10px
    }
}

@media(max-width: 767px) {
    .payment-credit-card .pcc-box .pccb-bottom .btn-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}

.payment-credit-card .pcc-box .pccb-bottom .btn-grid .btn {
    padding: 10px 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 999px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

@media(max-width: 1199px) {
    .payment-credit-card .pcc-box .pccb-bottom .btn-grid .btn {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 18px;
        gap: 6px
    }

    .payment-credit-card .pcc-box .pccb-bottom .btn-grid .btn svg {
        max-width: 14px
    }
}

.payment-credit-card .pcc-box .pccb-bottom .btn-grid .btn.btn-red {
    background: #9c1d26;
    border-color: #9c1d26;
    color: #fff
}

.payment-credit-card .pcc-box .pccb-bottom .btn-grid .btn.btn-border {
    background: #fff;
    border-color: #9c1d26;
    color: #9c1d26
}

.payment-other {
    padding: 40px 0
}

.payment-other .pcc-desc {
    margin-bottom: 40px
}

@media(max-width: 767px) {
    .payment-other .pcc-desc {
        margin-bottom: 32px
    }
}

.payment-other .pcc-desc .h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #222
}

@media(max-width: 767px) {
    .payment-other .pcc-desc .h2 {
        font-size: 28px;
        line-height: 140%
    }
}

.payment-other .row {
    row-gap: 30px
}

@media(max-width: 767px) {
    .payment-other .row {
        row-gap: 32px
    }
}

.payment-other .row .col-lg-4 {
    display: inherit
}

.payment-other .pcc-box {
    width: 100%;
    padding: 20px;
    background: linear-gradient(0deg, rgba(251, 233, 235, 0.31), rgba(251, 233, 235, 0.31)), #fff;
    border: 1px solid #fde2e4;
    border-radius: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 6px;
    min-height: 320px
}

@media(max-width: 991px) {
    .payment-other .pcc-box {
        min-height: auto;
        gap: 30px
    }
}

.payment-other .pcc-box .pccb-top .icon {
    margin-bottom: 16px
}

.payment-other .pcc-box .pccb-top .icon img {
    max-width: 64px
}

@media(max-width: 767px) {
    .payment-other .pcc-box .pccb-top .icon img {
        max-width: 48px
    }
}

.payment-other .pcc-box .pccb-top .desc .h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #1a1c1f;
    margin-bottom: 12px
}

@media(max-width: 767px) {
    .payment-other .pcc-box .pccb-top .desc .h3 {
        font-size: 24px;
        line-height: 30px
    }
}

.payment-other .pcc-box .pccb-top .desc .txt {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #505a63
}

.payment-other .pcc-box .pccb-top .desc .txt:last-child {
    margin-bottom: 0
}

.payment-other .pcc-box .pccb-bottom .btn-grid {
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 1199px) {
    .payment-other .pcc-box .pccb-bottom .btn-grid {
        gap: 10px
    }
}

@media(max-width: 767px) {
    .payment-other .pcc-box .pccb-bottom .btn-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 8px
    }
}

.payment-other .pcc-box .pccb-bottom .btn-grid .btn {
    padding: 10px 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 999px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

@media(max-width: 1199px) {
    .payment-other .pcc-box .pccb-bottom .btn-grid .btn {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 18px;
        gap: 6px
    }

    .payment-other .pcc-box .pccb-bottom .btn-grid .btn svg {
        max-width: 14px
    }
}

.payment-other .pcc-box .pccb-bottom .btn-grid .btn.btn-red {
    background: #9c1d26;
    border-color: #9c1d26;
    color: #fff
}

.payment-other .pcc-box .pccb-bottom .btn-grid .btn.btn-border {
    background: #fff;
    border-color: #9c1d26;
    color: #9c1d26
}