.credit-cards-box{padding:70px 0;background-color:#e9f0f7}
.credit-cards-box .credit-cards-top{text-align:center}
.credit-cards-box .credit-cards-top h2{margin-bottom:10px}
.credit-cards-box .tmc-top-row{padding-bottom:0;margin-bottom:40px;border-bottom:0;justify-content:flex-end;display:flex;flex-wrap:wrap;align-items:center}
.credit-cards-box .tmc-top-row .fund-list-result-inner{display:flex;flex-wrap:wrap;justify-content:space-between}
.credit-cards-box .tmc-top-row .fund-list-result-inner .fund-list-result-sort{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.credit-cards-box .tmc-top-row .fund-list-result-inner .fund-label{font-size:15px;font-weight:500;color:#333;text-transform:uppercase;letter-spacing:.45px;padding-right:14px;display:flex;align-items:center;line-height:21px}
.credit-cards-box .tmc-top-row .custom-dropdown.custom-dropdown-new{min-width:236px;max-width:236px;position:relative}
.credit-cards-box .tmc-top-row .custom-dropdown.custom-dropdown-new .dropdown-button{background-color:#f9fbff;border-radius:6px;padding:8px 13px}
.credit-cards-box .tmc-top-row .custom-dropdown.custom-dropdown-new .dropdown-button.active{box-shadow:inset 0 0 0 2px #c7e5f8}
.credit-cards-box .tmc-top-row .custom-dropdown.custom-dropdown-new .dropdown-button a{font-weight:500;font-size:14px;line-height:21px;color:#606060;position:relative;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.credit-cards-box .tmc-top-row .custom-dropdown.custom-dropdown-new .dropdown-button a:before{content:"\e90e";font-family:"icomoon";font-size:7px;display:block;position:absolute;right:0;top:0;color:#2c6eb5;transition:all .3s;font-size:10px;top:50%;transform:translateY(-50%)}
.credit-cards-box .tmc-top-row .custom-dropdown.custom-dropdown-new .dropdown-button.active a:before{content:"\e90d"}
.credit-cards-box .tmc-top-row .custom-dropdown.custom-dropdown-new .mCSB_inside>.mCSB_container{margin-right:7px}
.credit-cards-box .tmc-top-row .dropdown-card{background-color:#fff;box-shadow:0 16px 70px rgba(153,186,208,0.3);border-radius:0 0 10px 10px;position:absolute;bottom:-10px;transform:translateY(100%);left:0;min-width:240px;z-index:2;display:none}
.credit-cards-box .tmc-top-row .dropdown-card:before{content:"";width:70px;height:3px;background:#d7df23;position:absolute;top:-2px;left:0}
.list-with-check li{font-size:14px;line-height:20px;margin-top:12px;position:relative;padding-left:26px}
.list-with-check li:first-child{margin-top:0}
.list-with-check li:before{content:"";width:18px;height:18px;background:url("../../../../../../content/dam/tata-capital-moneyfy/credit-card/check-list.svg") no-repeat center center;position:absolute;left:0;top:1px}
.credit-product-list .credit-product-row{display:flex;flex-wrap:wrap;margin:-30px -10px 0}
.credit-product-list .credit-product-row .credit-product-col{width:33.33%;padding:0 10px;margin-top:30px}
.credit-product-list .credit-product-cards{position:relative;height:100%}
.credit-product-list .credit-product-cards .credit-img{text-align:center;position:relative;padding:0 20px;z-index:1}
.credit-product-list .credit-product-cards .credit-img img{display:block;margin:auto;border-radius:12px;box-shadow:0 18px 40px 0 rgba(0,0,0,0.4);max-width:290px;width:100%}
.credit-product-list .credit-product-cards .credit-details{margin-top:-54px;padding:79px 25px 80px 25px;border-radius:10px;background-color:#FFF;box-shadow:0 5px 10px 0 rgba(0,0,0,0.01),0 -5px 10px 0 rgba(0,0,0,0.01),5px 0 10px 0 rgba(0,0,0,0.01),-5px 0 10px 0 rgba(0,0,0,0.01);min-height:346px;height:calc(100% - 130px)}
.credit-product-list .credit-product-cards .credit-details h5{font-weight:700;margin-bottom:16px}
.credit-product-list .credit-product-cards .credit-apply-btn{position:absolute;left:0;right:0;bottom:0;padding:15px 25px 25px}
.credit-product-list .credit-product-cards .credit-apply-btn .btn-blue{width:100%;padding-top:11px;padding-bottom:11px}
.credit-product-list .credit-product-cards:hover .credit-img img{box-shadow:0 24px 40px 0 rgba(42,31,65,0.6)}
.credit-product-list .credit-product-cards:hover .credit-details{background-color:#2f6bb9}
.credit-product-list .credit-product-cards:hover .credit-details h5{color:#fff}
.credit-product-list .credit-product-cards:hover .list-with-check li{color:#fff}
.credit-product-list .credit-product-cards:hover .credit-apply-btn .btn-blue{background-color:#fff;color:#2f6bb9}
.filter-check-list li{padding:10px 15px;margin-top:0}
.filter-check-list .custom-checkbox{width:20px;height:20px;display:block;position:absolute;right:0;top:2px}
.filter-check-list .custom-checkbox .checkbox-wrap{border-color:#606060}
.filter-check-list .custom-checkbox input:checked ~ .checkbox-wrap{background-color:#606060}
.filter-check-list .custom-checkbox input:checked ~ .checkbox-wrap:after{border-color:#fff}
.filter-check-list label{color:#606060;font-size:15px;font-weight:600;line-height:normal;letter-spacing:.45px;text-transform:uppercase;position:relative;display:block;margin:0;padding-right:27px}
.filter-check-list label.active{color:#3071b6}
.filter-check-list .jsCardsFilter{cursor:pointer}
@media(max-width:1199px){.credit-product-list .credit-product-cards .credit-details{height:calc(100% - 105px)}
}
@media(max-width:991px){.credit-cards-box{padding:45px 0}
.credit-cards-box .tmc-top-row{display:flex;padding-bottom:15px}
.credit-product-list .credit-product-row .credit-product-col{width:50%}
.credit-product-list .credit-product-cards .credit-details{height:calc(100% - 126px)}
}
@media(max-width:767px){.credit-cards-box .tmc-top-row{padding-bottom:30px;margin-bottom:0;justify-content:center}
.credit-product-list .credit-product-row .credit-product-col{width:100%}
.credit-product-list .credit-product-cards .credit-details{min-height:auto;padding-bottom:90px;height:auto}
}
.credit-cards-box{padding:65px 0 70px}
.credit-cards-box h2{margin-bottom:20px}
.credit-cards-box p{margin-bottom:30px}
.credit-cards-box .max-w875{max-width:875px;margin:auto;text-align:center}
.credit-cards-box .logo-lists{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;margin:0 -30px 40px}
.credit-cards-box .logo-lists li{padding:0 30px}
@media(max-width:991px){.credit-cards-box{padding:40px 0 45px}
}
@media(max-width:767px){.credit-cards-box h2{margin-bottom:15px}
.credit-cards-box p{margin-bottom:25px;font-size:14px;line-height:27px}
.credit-cards-box .logo-lists{margin-left:0;margin-right:0}
.credit-cards-box .logo-lists li{width:50%;padding:0 10px}
.credit-cards-box .logo-lists li img{max-width:200px;margin:auto;width:100%}
}
#leisureCheckList .clearAllFilter,.CheckBoxList .clearAllFilter{color:#2c6eb5;cursor:pointer}
#leisureCheckList label{cursor:pointer}
.credit-cards-box .sortby-row{margin-bottom:18px;gap:10px;padding-bottom:2px}
.sortby-row>span:first-child{font-weight:600}
.category{padding:8px 14px;cursor:pointer;color:#333;transition:background-color .3s ease;border:1px solid transparent;border-radius:5px;width:8%;max-width:100px}
.category.active{background-color:#2f6bb9;color:#fff}
.category-bank{width:100px;font-weight:400;border:1px solid #ccd8ee}
.category-sort{color:#000;width:100px;font-weight:400;border:1px solid #ccd8ee}
.category:hover{background-color:#d3d3d3}
.category.active:hover{background-color:#2f6bb9}