a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

.tab .nav-tabs {
    border: none;
    border-bottom: 2px solid #079fc9;
    margin: 0;
}
    .tab .nav-tabs li a {
        padding: 10px 20px;
        /* margin: 0 10px -1px 0; */
        /* font-size: 17px; */
        font-weight: 600;
        color: #293241;
        /* text-transform: uppercase; */
        border: 2px solid #e6e5e1;
        border-bottom: none;
        /* border-radius: 5px 5px 0 0; */
        z-index: 1;
        position: relative;
        transition: all 0.3s ease 0s;
    }

        .tab .nav-tabs li a:hover,
        .tab .nav-tabs li.active a {
            background: #fff;
            color: #079fc9;
            border: 2px solid #079fc9;
            border-bottom-color: transparent;
        }

        .tab .nav-tabs li a:before {
            content: "";
            display: block;
            height: 2px;
            background: #fff;
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            transform: scaleX(0);
            transition: all 0.3s ease-in-out 0s;
        }

        .tab .nav-tabs li.active a:before,
        .tab .nav-tabs li a:hover:before {
            transform: scaleX(1);
        }

.tab .tab-content {
    padding: 10px;
    font-size: 17px;
    color: #6f6f6f;
    line-height: 30px;
    letter-spacing: 1px;
    position: relative;
}
.list-wrap ul, .nav-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-tabs {
    border-top: 1px solid #ddd;
    height: 32px;
}

.list-content li .boxContent {
    display: none;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 10px;
}

.list-content li.active .boxContent {
    display: block;
}

i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB, i.NAB, i.BAB {
    width: 80px;
    height: 30px;
    display: block;
    background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;
}

i.MASTE {
    background-position: 0px -31px
}

i.AMREX {
    background-position: 0px -62px
}

i.JCB {
    background-position: 0px -93px;
}

i.VCB {
    background-position: 0px -124px;
}

i.TCB {
    background-position: 0px -155px;
}

i.MB {
    background-position: 0px -186px;
}

i.VIB {
    background-position: 0px -217px;
}

i.ICB {
    background-position: 0px -248px;
}

i.EXB {
    background-position: 0px -279px;
}

i.ACB {
    background-position: 0px -310px;
}

i.HDB {
    background-position: 0px -341px;
}

i.MSB {
    background-position: 0px -372px;
}

i.NVB {
    background-position: 0px -403px;
}

i.DAB {
    background-position: 0px -434px;
}

i.SHB {
    background-position: 0px -465px;
}

i.OJB {
    background-position: 0px -496px;
}

i.SEA {
    background-position: 0px -527px;
}

i.TPB {
    background-position: 0px -558px;
}

i.PGB {
    background-position: 0px -589px;
}

i.BIDV {
    background-position: 0px -620px;
}

i.AGB {
    background-position: 0px -651px;
}

i.SCB {
    background-position: 0px -682px;
}

i.VPB {
    background-position: 0px -713px;
}

i.VAB {
    background-position: 0px -744px;
}

i.GPB {
    background-position: 0px -775px;
}

i.SGB {
    background-position: 0px -806px;
}

i.NAB {
    background-position: 0px -837px;
}

i.BAB {
    background-position: 0px -868px;
}

ul.cardList li {
    cursor: pointer;
    float: left;
    margin-right: 0;
    padding: 5px 4px;
    text-align: center;
    width: 90px;
}
@media only screen and (max-width: 479px) {
    .tab .nav-tabs {
        border: none;
    }

        .tab .nav-tabs li {
            width: 100%;
            text-align: center;
            margin-bottom: 15px;
        }

            .tab .nav-tabs li a {
                margin: 0;
                border-bottom: 2px solid transparent;
            }

                .tab .nav-tabs li a:before {
                    content: "";
                    width: 100%;
                    height: 2px;
                    background: #079fc9;
                    position: absolute;
                    bottom: -2px;
                    left: 0;
                }
}
@media (max-width: 991px) {
    .tab .nav-tabs {
        border: none;
        margin-bottom: 100px;
    }

        .tab .nav-tabs li {
            width: 100%;
            text-align: center;
            margin-bottom: 15px;
        }

            .tab .nav-tabs li a {
                margin: 0;
                border-bottom: 2px solid transparent;
            }

                .tab .nav-tabs li a:before {
                    content: "";
                    width: 100%;
                    height: 2px;
                    background: #079fc9;
                    position: absolute;
                    bottom: -2px;
                    left: 0;
                }
}