/*=========================================
            Payment Section
=========================================*/

.pay-section{

    padding:100px 0;

    background:#f8f9fb;

}

.pay-heading{

    max-width:760px;

    margin:0 auto 60px;

}

.pay-subtitle{

    display:inline-block;

    color:#FDB913;

    font-size:16px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:15px;

}

.pay-title{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-bottom:20px;

}

.pay-description{

    color:#666;

    line-height:1.9;

}

/* Card */

.pay-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    height:100%;

    transition:.35s;

}

.pay-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.12);

}

.pay-card h3{

    text-align:center;

    margin-bottom:25px;

    color:#222;

    font-size:24px;

    font-weight:700;

}

/* QR */

.pay-qr{

    text-align:center;

    margin-bottom:20px;

}

.pay-qr img{

    width:230px;

    max-width:100%;

    border:8px solid #fff;

    border-radius:15px;

    box-shadow:0 8px 25px rgba(0,0,0,.10);

}

.pay-card p{

    text-align:center;

    color:#666;

    margin:0;

}

/* Bank */

.pay-list{

    list-style:none;

    padding:0;

    margin:0;

}

.pay-list li{

    margin-bottom:18px;

    padding-bottom:18px;

    border-bottom:1px solid #ececec;

}

.pay-list strong{

    display:block;

    color:#222;

    margin-bottom:5px;

}

.pay-list span{

    color:#666;

    word-break:break-word;

}

.pay-note{

    margin-top:25px;

    background:#fff8e6;

    border-left:4px solid #FDB913;

    padding:15px;

    border-radius:8px;

    color:#555;

    font-size:15px;

}

.pay-note i{

    color:#FDB913;

    margin-right:8px;

}

.pay-btn{

    display:block;

    margin-top:25px;

    background:#FDB913;

    color:#222;

    text-align:center;

    padding:14px;

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.pay-btn:hover{

    background:#222;

    color:#fff;

    text-decoration:none;

}

.pay-btn i{

    margin-right:8px;

}

/* Responsive */

@media(max-width:991px){

    .pay-section{

        padding:80px 0;

    }

}

@media(max-width:767px){

    .pay-title{

        font-size:32px;

    }

    .pay-section{

        padding:70px 0;

    }

}

@media(max-width:575px){

    .pay-card{

        padding:25px;

    }

    .pay-title{

        font-size:28px;

    }

}