/* Credit Cards Shortcode Stylesheet */

.cs-credit-cards-list-shortcode{  }
.cs-credit-cards-list-shortcode .credit-cards-list{
	padding: 35px 0;
  border-bottom: 1px solid rgba(3, 6, 7, 0.3);
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row{ margin-bottom: 40px; }
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .image-column{
	display: inline-block;
  width: 18%;
  padding-right: 10px;
  vertical-align: top;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .image-column img{  }
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column{
  display: inline-block;
  width: 64%;
  padding: 0 30px;
  vertical-align: middle;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .name{
  font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 135.5%;
  margin-bottom: 5px;
  margin-top: 0px;
  color: #080808;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .name sup{
	font-size: 100%;
  top: 0;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta{ 
	display: flex; 
	margin-bottom: 33.5px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .rating{
  padding-right: 15px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #454748;
  padding-top: 3px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .rating .star-icon{ padding-right: 5px; }
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .reviews{  }
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .reviews:after{
  content: '|';
  font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #DBDBDB;
  padding: 0 8px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .reviews a{
	font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #0070F6;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .learn-more{  }
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .learn-more a{
	font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #0070F6;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .info-row-mobile{ display:none; }
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .terms{ display: none; }
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .bullet-title{
	display: none;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .bullet-points{ 
	padding-left: 20px; 
	margin-bottom: 20px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .bullet-points li{
	font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #080808;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .bullet-points li sup{
  font-size: 85%;
  top: -5px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .bullet-points li:nth-child(n+4){
	display: none;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .see-more-button{
	font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 175%;
  letter-spacing: 0.015em;
  color: #0070F6;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .hide-button{
	font-family: 'Hauora';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 175%;
  letter-spacing: 0.015em;
  color: #0070F6;
  display: none;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .hide-button img{
	margin-left: 10px;
	rotate: 180deg;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .toggle-bullets{
	display: inline-flex;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column a.rate-link{
	font-size: 12px;
	font-weight: 400;
	margin-left: 50px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .see-more-button img{
	padding-left: 10px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column{
  display: inline-flex;
  width: 18%;
  vertical-align: middle;
  text-align: center;
}
.cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column .apply-button{
  font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  background: #0070F6;
  border-radius: 38px;
  color: #FFFFFF;
  padding: 11px;
  white-space: nowrap;
  width: 100%;
  border: none;
}
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table{
  border-collapse: separate;
  border-spacing: 0 20px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr th{
  background: #F6F6F7;
  padding: 10px 20px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #080808;
  border: 0;
  width: 20%;
  vertical-align: middle;
}
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr .col-introBtOverrideText{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr .col-introPurchaseOverrideText{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr .col-aprDetails{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr .col-annualFeeDetails{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr .col-creditRating{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr td{
	font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #080808;
  border: 0;
  border-right: 1px solid #ECECEC;
  text-align: center;
  background: #fff;
  vertical-align: middle;
  padding: 10px 20px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr td:last-child{ border-right: 0; }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr .col-introBtOverrideText{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr .col-introPurchaseOverrideText{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr .col-aprDetails{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr .col-annualFeeDetails{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr .col-creditRating{  }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-row{ }
.cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column{
  display: inline-block;
  width: 20%;
  text-align: center;
}
.cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column .header{
  background: #F6F6F7;
  padding: 10px 20px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #080808;
}
.cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column .content{
	font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #080808;
  margin-top: 20px;
  border-right: 1px solid #ECECEC;
  padding: 10px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .pro-row{
  font-family: 'Lato';
  font-style: normal;
  font-size: 16px;
  line-height: 120%;
  color: #080808;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.cs-credit-cards-list-shortcode .credit-cards-list .pro-row .title{ font-weight:700; }
.cs-credit-cards-list-shortcode .credit-cards-list .pro-row ul{  }
.cs-credit-cards-list-shortcode .credit-cards-list .pro-row ul li{  }
.cs-credit-cards-list-shortcode .credit-cards-list .con-row{
    font-family: 'Lato';
  font-style: normal;
  font-size: 16px;
  line-height: 120%;
  color: #080808;
}
.cs-credit-cards-list-shortcode .credit-cards-list .con-row .title{ font-weight:700; }
.cs-credit-cards-list-shortcode .credit-cards-list .con-row ul{  }
.cs-credit-cards-list-shortcode .credit-cards-list .con-row ul li{  }
.cs-credit-cards-list-shortcode .pagination{
  text-align: center;
  margin: 80px 0 30px;
}
.cs-credit-cards-list-shortcode .pagination .nav{ margin: 0 15px; }
.cs-credit-cards-list-shortcode .pagination .nav .chev-icon{ 
  height: 10px;
}
.cs-credit-cards-list-shortcode .pagination .nav.first-nav{  }
.cs-credit-cards-list-shortcode .pagination .nav.prev-nav{  }
.cs-credit-cards-list-shortcode .pagination .nav.nav-page{
  font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #080808;
}
.cs-credit-cards-list-shortcode .pagination .nav.nav-page.active{
  background: #0070F6;
  color: #ffffff;
  padding: 4px 0px;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  display: inline-block;
}
.cs-credit-cards-list-shortcode .pagination .nav.next-nav{  }
.cs-credit-cards-list-shortcode .pagination .nav.last-nav{  }

/* Best */
.cs-credit-cards-list-shortcode .credit-cards-list.best-list{
  border-bottom: 0;
}
.cs-credit-cards-list-shortcode .credit-cards-list.best-list .specs-column .btn-apply-now-mobile{
	padding: 8px 6px 8px 16px;
  background: #0070F6;
  border-radius: 38px;
  font-family: "Hauora", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  margin-bottom: 31px;
  width: 100%;
  display: none;
}

/* Responsive:
Size: Tablet */
	@media only screen and (max-width: 1024px) {
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column{ width:56%; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column{ width:25%; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-table thead tr th{ padding:10px 5px; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-table tbody tr td{ padding: 10px 10px; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column{
	  	width: 18%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column:nth-child(1){
	  	width: 25%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column:nth-child(2){
	  	width: 20%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column .header{ 
	  	padding: 10px 5px;
	  }
	}

	@media only screen and (max-width: 768px) {
		.cs-credit-cards-list-shortcode .credit-cards-list{
			    padding: 35px 42px;
		}
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column{ width:56%; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta{ display: block; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .rating{
	  	display: block;
    	width: 100%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .reviews{ display: inline-block; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .learn-more{ display: inline-block; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column{ width:25%; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column .apply-button{
	  	padding: 11px 35px;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column{
	  	width: 16%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column:nth-child(1){
	  	width: 29%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column:nth-child(2){
	  	width: 23%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row .terms-column .header{ 
	  	padding: 10px 20px;
	  }
	}

/* Responsive:
Size: Mobile */
	@media only screen and (max-width: 480px) {
		.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .reviews:after{
			font-size: 25px;
			vertical-align: middle;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .specs-column .btn-apply-now-mobile{
			display: block;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list .details-row{ margin-bottom: 0; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .image-column{
	    width: 100%;
	    padding: 0 20px;
	    margin-bottom: 30px;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column{
	  	width: 100%;
    	padding: 0;
   		margin-bottom: 22px;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .name{
	  	font-weight: 500;
	    font-size: 22px;
	    line-height: 144.5%;
	    text-align: center;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta{
	  	display: block;
	  	margin-bottom: 30px;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .rating{
	  	 width: 100%;
    	text-align: center;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .reviews{
	  	display: inline-block;
    	width: 50%;
    	text-align: right;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .meta .learn-more{
	  	display: inline-block;
    	width: 50%;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .terms{ 
	  	display: block; 
	  	margin-bottom: 20px;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .terms .list{
	  	padding: 16px 0;
    	border-bottom: 1px solid #DBDBDB;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .terms .list .title{
	  	font-family: 'Hauora';
	    font-style: normal;
	    font-weight: 400;
	    font-size: 14px;
	    line-height: 175%;
	    letter-spacing: -0.01em;
	    color: #080808;
	    margin-bottom: 5px;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .terms .list .content{
	  	font-family: 'Lato';
	    font-style: normal;
	    font-weight: 700;
	    font-size: 16px;
	    line-height: 120%;
	    color: #080808;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .bullet-title{
			display: block;
	    font-family: 'Lato';
	    font-style: normal;
	    font-weight: 700;
	    font-size: 18px;
	    line-height: 150%;
	    letter-spacing: -0.01em;
	    color: #080808;
	    margin-bottom: 12px;
		}

		.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column a.rate-link{
			margin-left: 0px;
		}
		
		.cs-credit-cards-list-shortcode .credit-cards-list .details-row .specs-column .see-more-section{
			display: flex;
    		justify-content: space-between;
		}

	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column{ width: 100%; }
	  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column .apply-button{
	  	width: 100%;
    	display: block;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-row{
	  	display: none;
	  }
	  .cs-credit-cards-list-shortcode .credit-cards-list .terms-table{ display:none; }

	  /* Best */
	  .cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .specs-column .info-row{
	  	display: none;
	  }
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .specs-column .info-row-mobile{
			display: block;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .specs-column .info-row-mobile .bullets{
			border-top: 1px solid #DBDBDB;
    	padding-top: 20px;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .specs-column .info-row-mobile .bullets .bullet-title{
			display: none;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .specs-column .info-row-mobile .bullets .bullet-points{
			margin-bottom: 15px;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .specs-column{
			margin-bottom: 0;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .specs-column .terms{
			margin-bottom: 0;
		}
		.cs-credit-cards-list-shortcode .credit-cards-list.best-list .details-row .apply-column .btn-apply-now{
			display: none;
		}
	 

	}
/* PB-444 start */
@media only screen and (min-width: 651px) and (max-width: 768px) {
    .cs-credit-cards-list-shortcode .credit-cards-list {
        padding: 35px 0px !important;
    }
  .cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column .apply-button {
    padding: 11px !important;
    font-size: 13px !important;
  }
}

@media only screen and (min-width: 481px) and (max-width: 650px) {
        .cs-credit-cards-list-shortcode .credit-cards-list {
        padding: 35px 0px !important;
    }
 .cs-credit-cards-list-shortcode .credit-cards-list .details-row .apply-column .apply-button {
    padding: 8px !important;
    font-size: 10px !important;
  }
    }
/* PB-444 end*/