.basic-pages-area{margin:103px 0 82px;}
.basic-sticky{box-shadow:0 0 15px 0 #848484;background:#fff;max-width:472px;margin:auto;}
.basic-sticky h3{background-image:linear-gradient(137deg,#4faafa 41%,#276de0 93%);color:#fff;text-align:center;font-size:25px;font-weight:bold;padding:15px 10px;margin-bottom:0;}
.basic-sticky ul li a{font-size:15px;padding:10px 28px;color:#474747;display:block;border-bottom:2px solid rgb(70 70 70 / 10%);}
.basic-sticky ul li:last-child a{border:0;}
.basic-sticky ul li a:hover{color:#fff;background:#4faafa;}
.column-sticky{position:sticky;top:20px;}
.tabs-area{padding:33px 28px 40px;box-shadow:0 0 15px 0 rgba(19,16,33,0.16);background-color:#ffffff;}
.tabs-area .bank-item{height:78px;box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);background-image:linear-gradient(to left,#ffffff,#f8fafe);width:250px;}
.tabs-area .nav-tabs{display:block;padding-right:34px;border-right:4px solid rgb(70 70 70 / 10%);flex:0 0 288px;max-width:288px;}
.tabs-area .nav-tabsx{display:block;padding-right:34px;border-right:4px solid rgb(70 70 70 / 10%);flex:0 0 288px;max-width:288px;}
.tabs-area .nav-tabs .nav-item{margin-top:10px;}
li.nav-item.aba { margin-bottom: 5px; }
.tabs-area .nav-tabs .nav-item .nav-link.active .bank-item{background-image:linear-gradient(to left, rgb(84, 178, 253), rgba(84, 178, 253, 0));}
.tabs-area .tab-content{flex:0 0 calc(100% - 288px);max-width:calc(100% - 288px);padding-left:26px;}
.tabs-area .tab-content .item h3{font-size:16px;color:#474747;    border-bottom: 1px solid #dfdfdf;}
.tabs-area .tab-content .item .detail{padding:10px 20px 10px 20px;border-radius:10px;box-shadow:0 3px 6px 0 rgba(0,0,0,0.16);border:solid 1px #dfdfdf;background-color:#ffffff;min-width:272px;color:#b5b5b5;font-size:17px;}
.tabs-area .tab-content .item .detailx{padding:10px 20px 10px 0px;border-bottom:solid 1px #dfdfdf;background-color:#ffffff;min-width:272px;}
.tabs-area .tab-content .item h3 span{background-position:-12px -692px;width:16px;height:18px;margin-right:10px;}
.form-div + .form-div{margin-top:26px;}
.gradient-green-btn{margin:26px auto 0;}
.gradient-green-btn a{border-radius:5px;width:100%;height:50px;}
.note p {
    margin-bottom: 0;
}

.note {
    font-size: 15px;
    line-height: 1.5;
    padding-right: 50px;
    padding-top: 38px;
    margin-top: 58px;
    border-top: 3px solid rgb(70 70 70 / 10%);
}
@media (max-width:1440px){
    .tabs-area .bank-item{width:200px;}
    .tabs-area .nav-tabs{flex:0 0 234px;max-width:234px;}
    .tabs-area .tab-content{flex:0 0 calc(100% - 234px);max-width:calc(100% - 234px);}
    .tabs-area .tab-content .item .detail{min-width:210px;}
    .tabs-area .tab-content .item h3{font-size:18px;}
    .tabs-area .tab-content .item .detail{font-size:15px;}
}
@media (max-width:1199px){
    .basic-sticky h3{font-size:25px;}
    .basic-sticky ul li a{font-size:18px;}
    .tabs-area .tab-content .item{width:100%;}
    .tabs-area .tab-content .item + .item{margin-top:30px;}
    .form-div + .form-div{margin-top:30px;}
}
@media (max-width:991px){
    .tabs-area{margin-bottom:40px;}
    .note {
        font-size: 18px;
        line-height: 1.5;
        padding-right: 0;
        text-align: center;
    }
}
@media (max-width:767px){
    .basic-pages-area{margin:50px 0;}
    .tabs-area .nav-tabs{flex:0 0 100%;max-width:100%;padding:0;border:0;margin-bottom:40px;display:flex;}
    .tabs-area{padding:30px 10px;}
    .tabs-area .tab-content{flex:0 0 100%;max-width:100%;padding:0;}
    .tabs-area .bank-item{width:auto;border-radius:10px;padding:0 15px;height:70px;}
    .tabs-area .nav-tabs .nav-item{flex:0 0 48%;max-width:48%;margin:1%;}
}