.section-gap {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 80px 0;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .section-gap {
        padding:40px 0
    }
}

.display-1,.display-2,.display-3,.display-4 {
    font-weight: 700;
    line-height: 130%
}

.display-1 {
    font-size: 44px
}

@media (max-width: 1024px) {
    .display-1 {
        font-size:34px
    }
}

@media (max-width: 992px) {
    .display-1 {
        font-size:28px
    }
}

.display-2 {
    font-size: 28px
}

@media (max-width: 1024px) {
    .display-2 {
        font-size:22px
    }
}

.display-3 {
    font-size: 22px
}

@media (max-width: 1024px) {
    .display-3 {
        font-size:20px
    }
}

.display-4 {
    font-size: 18px
}

.p-tag,p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #393334
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important;
}
.flex-wrap{
    flex-wrap: wrap;
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}



.text-white {
    color: #ffffff !important;
}
.text-secondary {
    color: #a08e6e !important;
}
.fw-700 {
    font-weight: 700!important;
}

.rounded-4 {
    border-radius: 10px !important;
}

@media (min-width: 1400px) {
    .s21 .items {
        margin-right:-50px;
        margin-left: -50px
    }
}

.s21 {
        background-color: #161616;
}

.s21 .items>:nth-child(n+3) .item {
    border-top: 1px solid #ffffff29;
    margin-top: 24px;
    padding-top: 30px
}

@media (min-width: 1400px) {
    .s21 .items>* {
        padding-right:50px;
        padding-left: 50px
    }
}

@media (max-width: 992px) {
    .s21 .items>:nth-child(n+2) .item {
        border-top:1px solid #ffffff29;
        margin-top: 24px;
        padding-top: 30px
    }
}

.section-001 .border-top {
    border-top: 1px solid  #e8e8e8 !important;
}

.section-002 {
    background-color: #000000;
}
.cardholder-agreement {
    background-color: #000000;
    padding: 50px 0;
    .text-sm-start {
        text-align: left !important;
    }
    .text-sm-end {
        text-align: right !important;
    }
    @media (max-width: 767px) {
        .text-sm-start {
            text-align: center !important;
        }
        .text-sm-end {
            text-align: center !important;
            margin-top: 15px;
        }
    }
}

.fee-table th {
    background: #66686a;
    color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border: 1px solid #66686a;
}

.fee-table td {
    background: #fff;
    color: #000000;
    text-align: center;
    vertical-align: top;
    padding: 10px 6px;
    line-height: 1.2;
    border: 1px solid #66686a;
}
.fee-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.section-002 svg { 
    width: 80px;
    flex: 0 0 80px
}

.section-002 .item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff52;
    width: 100%;
    max-width: 100%;
}

.blackcard-banner {
    background: url(../images/blackcard-3.png) no-repeat center center;
    background-size: cover;
    background-position: center center;
    position: relative;
    @media (max-width: 1024px) {
        &:before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.5);
        }
    }
}
.blackcard-banner .display-1 {
    color: #a08e6e;
}
.blackcard-banner .display-2 {
    color: #000000;
}

.card-detail-page .btn-apply {
    background: #a08e6e !important;
}