.debit-card-text h4{    color: #19181D;font-size: 15px;font-weight: 600;display: inline-block;background: #C5CACB59;border-radius: 200px; padding: 8px 15px;margin-bottom: 10px;}
.debit-card-text h2, .debit-card-text h1 {font-size: 36px; font-weight: 600; margin: 0; color: #19181D; }
.debit-card-text p {font-size: 16px;font-weight: 500;color: #19181D;padding-top: 16px; padding-right:0;line-height: 30px;}
.debit-card-text ul{margin: 0; padding: 0; padding-bottom: 30px;}
.debit-card-text li{list-style: none; font-weight: 600; font-size: 16px; color: #19181D; padding-left: 30px; padding-bottom: 10px; position: relative;}
.debit-card-text li::before{position: absolute; content: ''; background: url(../images/faq-icon.png) no-repeat; width: 20px; height: 20px; background-position: center; left: 0;}
.debit-card-text a{background: #a00; color: #fff; text-decoration: none; font-size: 14px; font-weight: 800; padding: 13px 25px; border-radius: 10px; transition: 0.5s;}
.debit-card-text a:hover{background: #19181D; transition: 0.5s;}
.debit-card-text a img{transition: 0.5s;}
.debit-card-text a:hover img{padding-left: 5px; transition: 0.5s;}
.debitaaa-card-text{padding-left:0; padding-top: 5%; padding-bottom: 8%;}
.rupay-card-img {width: 80%; text-align: right;margin-left: 20%;}
.tab-debit .nav-tabs{border-bottom: none; background: #FBF5E7; justify-content: space-between; border-radius: 12px;}
.tab-debit .nav-tabs .nav-link{font-size: 15px; color: #19181D; font-weight: 600; padding:12px 15px; border-radius: 10px;}
.tab-debit .nav-tabs .nav-link.active{background: #a00; border-color: transparent; color: #fff;}
.tab-debit .nav-tabs .nav-link:hover{ background: #a00; border-color: transparent; color: #fff;}
.additional-text h4{font-size: 25px; color: #19181D; font-weight: 600; padding-bottom: 25px; margin: 0;}
.additional-text ul{margin:0 0 16px 0; padding: 0;}
.additional-text li{list-style: none; font-size: 16px; font-weight: 500; color: #19181D; padding-bottom: 18px; padding-left: 25px; position: relative;}

.tab-debit .nav-tabs .nav-link{width:100%;}
.tab-debit li.nav-item {
  align-items: stretch;
  display: flex;
  min-width: 141px;
}

.additional-text .sub-bullet li::before {background-image: none;}
.additional-text .sub-bullet li {margin-bottom:0;padding-bottom: 10px;}
.additional-text .sub-bullet {margin-top:12px;}

.interst-rate .home-loan-tabs-sec .accordion-body {padding: 15px 0 0 0; padding-left: 0;}
.tab-debit .nav-tabs {position: sticky;top: 110px; z-index: 5;}

.interst-rate li.nav-item {width: 22%;}
.interst-rate .tab-debit .nav-tabs .nav-link {width: 100%;}
.additional-text li::before{position: absolute; content: ''; background: url(../images/faq-icon.png) no-repeat; width: 20px; height: 20px; left: 0; top: 3px;}
.additional-text li:last-child{padding-bottom: 0;}
.tab-debit{padding: 30px 0 0;}
.media-room-bg {padding: 30px 7%;}
.debit-tab-contant{padding-top: 30px;}
.other-car-heding{display: flex; align-items: center; justify-content: space-between; padding-bottom: 50px;}
.other-car-heding h2{color: #19181D; font-size: 36px; font-weight: 600; margin: 0;}
.other-car-heding a{background: #a00; text-decoration: none; font-weight: 800; font-size: 14px; padding: 15px 25px; color: #fff; border-radius: 10px;}
.other-car-heding a:hover{background: #a00; transition: 0.5s;}
.other-car-heding a:hover img{padding-left: 5px;}
.other-car-heding a img{transition: 0.5s;}
.other-card-detail{background: #fff; box-shadow: 0px 3px 6px #C5CACB4D; border-radius: 20px; padding: 35px; margin: 5px; text-align: center;}
.other-card-detail h5{font-size:16px; font-weight: 600; margin: 0; padding-bottom: 20px; color: #19181D; padding-top: 20px;min-height: 100px;}
.hover-more{display: none;}
.card-varitn-wrap {padding:28px 0 0}
.other-card-btn{padding: 0 20px;}
.benefits-box-wrap {column-gap: 20px;justify-content: center;}
.additional-text li ul {margin-top: 12px;}
.additional-text li ul li {background-image: none;position: relative;
  background-image: none;
  padding-left: 25px;}

  .additional-text li ul li::after {
    position: absolute;
    top: 7px;
    left: 3px;
    width: 12px;
    height: 12px;
    content: "";
    background-color: #a00;
    border-radius: 50px;
}

.additional-text li ul li:before {display:none;}
.additional-text li ul {margin-bottom: 0;}

.benefits-box-wrap .nri-key-mob {width: 23%;}

.card-fet-gap {margin:80px 0 40px;}


.benefits-btn {
  position: relative;
    padding-top: 0;
    text-align: center;
    margin-top: 20px;
}

.benefits-btn::before {
  
  width: 230px;
  height: 45px;
  position: absolute;
  content: '';
  background: #fff;
  left: 50%;
  bottom: 21px;
  translate: -50% 20px;
}

.features-icons a {
  background: #a00;
  padding: 13px 25px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  color: #fff;
  border-radius: 10px;
  transition: 0.5s;
}

.benefits-btn::after {
  width: 100%;
    height: 1px;
    position: absolute;
    content: '';
    background: #C5CACB;
    right: 0;
    bottom: 50%;
    translate: 0 6px;
    z-index: -1;
}

.other-card-bg{padding: 38px 7%; background: #FBF5E780;margin-top: 30px;}
.other-card-box .owl-carousel button.owl-dot{background: #D0242D33; width: 6px; height: 6px; border-radius: 50%; margin: 0 3px;}
.other-card-box .owl-dots{text-align: center; padding-top: 15px;}
.other-card-box .owl-carousel button.owl-dot.active{background: #a00;}
.benefits-heding h3{font-size: 30px; color: #19181D; font-weight: 600; text-align: center; padding-bottom: 30px;}
.benefits-box{ box-shadow: 0px 1px 13px 2px #C5CACB4D; background: #fff; padding: 30px 15px; text-align: center; border-radius: 30px;width: 22.7%;min-height:158px;}
.benefits-box h5{font-size: 18px; font-weight: 600; margin: 0; padding: 10px 0; color: #19181D;}
.benefits-box p{font-size: 15px; font-weight: 500; color: #575562; margin: 0; }

.benefits-boxs img {width: 60px;}

.card-variants-heding h4{color: #19181D;font-size: 15px;font-weight: 600;display: inline-block;background: #C5CACB59;border-radius: 200px; padding: 8px 15px;margin-bottom: 10px;}
.card-variants-heding h2{font-size: 36px; font-weight: 600; color: #19181D; }
.card-variants-heding p{font-size: 16px;font-weight: 500;color: #19181D;}
.card-variants-heding{text-align: center;}
.premium-imgs{text-align: center;}
.premium-cards-wrap .premium-wrap-txt {width: 33%;}
.premium-imgs h5 {font-size: 16px;font-weight: 600; margin: 0;padding-bottom: 12px;color: #19181D; padding-top: 12px;min-height: 65px;align-items: center;justify-content: center;display: flex;}
.other-card-btn a {background: #D0242D14; padding: 13px 10px;border-radius: 7px;text-decoration: none;font-size: 12px;font-weight: 800;color: #a00;display: block;max-width: 210px;
  margin: 0 auto;}
.other-card-btn a:hover {background: #a00;transition: 0.5s;display: flex;align-items: center;justify-content: center;color: #fff;}
.other-card-btn a:hover .normal-more {display: none;}
.other-card-btn a:hover .hover-more {display: block;transition: 0.5s;}
.other-card-btn a img {padding-left: 5px;}
.premium-cards h3{font-size: 25px; font-weight: 600; color: #19181D; border-bottom: 1px solid #C5CACB; padding-bottom: 15px; text-align: center; margin-bottom: 30px;}
.premium-cards{background: #C5CACB59; padding: 30px; border-radius: 30px; margin-top: 40px;}
.other-card-bg{background: #D0242D14;}
.other-card-sec{background: #FBF5E7;}
.govt-sec{border: 1px solid #C5CACB; background: transparent; background: #FBF5E780;}
.debit-text-contant h5{font-size: 16px; color: #fff; margin: 0; font-weight: 600; padding-right: 20px;}
.debit-text-contant a{width: 50px; height: 40px; display: flex;align-items: center;justify-content: center;transition: 0.5s;border-radius: 10px; backdrop-filter: blur(10px); background: #00000078; transition: 0.5s;}
.offer-text-box{position: relative; transition: 0.5s;}
.offer-text-box::after{position: absolute; content: ''; background: linear-gradient(180deg, rgba(25, 24, 29, 0) 0%, #19181D 100%); width: 100%; bottom: 0; left: 0; height: 300px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; transition: 00.5s;}
.offer-text-box:hover::after{background: linear-gradient(180deg, rgba(208, 36, 45, 0) 0%, rgba(208, 36, 45, 0.75) 50%, #D0242D 100%); transition: 0.5s;}
.offer-text-box:hover a{background: #fff; transition: 0.5s;}
.debit-text-contant{position: absolute; bottom: 30px; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px; padding-bottom: 0; z-index: 9;}
.offer-text-box::before{ position: absolute; content: ''; width: 90%; height: 1px; background: #fff; left: 20px; bottom: 90px; z-index: 9;}
.offer-other-card{bottom: 110px; z-index: 9;}
.debit-hover-icon{display: none;}
.offer-text-box:hover .debit-icon{display: none;}
.offer-text-box:hover .debit-hover-icon{display: block;}
.debit-main-heding h4{color: #19181D;font-size: 15px;font-weight: 600;display: inline-block;background: #C5CACB59;border-radius: 200px; padding: 8px 15px;margin-bottom: 10px;}
.debit-main-heding h2{font-size: 40px; font-weight: 600; color: #19181D; }
.debit-main-heding p{font-size: 16px;font-weight: 500;color: #19181D;}
.debit-main-heding{text-align: center; padding-bottom: 20px;}
.debit-deals-sec{background: #FBF5E780; padding: 38px 7%;}
.offer-card-box .owl-carousel .owl-dots.disabled{display: block;}
.offer-card-box .owl-carousel button.owl-dot{ width: 6px;height: 6px; background: #D0242D59; border-radius: 50%; margin: 0 3px;}
.offer-card-box .owl-carousel button.owl-dot.active{ background: #a00; width: 8px; height: 8px;}
.offer-card-box .owl-carousel .owl-dots{text-align: center; padding-top: 20px;}
.premium-cards.credit-card-wrap {width: 49%;}
.credit-card-cont {display: flex; column-gap: 20px;}
.premium-cards-wrap {row-gap: 30px;justify-content: center;}



.credit-card-wrap .premium-cards-wrap {padding-left:0;padding-right:30px;}

 @media only screen and (min-width: 992px) and (max-width: 1290px)  {
  .card-fet-gap {margin:40px 0 20px ;}
  .benefits-heding h3 {font-size:26px;}
   .debit-card-text h2, .other-car-heding h2, .debit-card-text h1, .other-car-heding h1 {font-size:26px;}
   .debit-card-text p {font-size: 14px;}
   .benefits-box h5 {font-size: 15px;}
   .debit-main-heding h2, .blog-heding h2 {font-size:28px;}

   .media-room-bg {padding: 20px 7%;}
   .benefits-heding {padding: 24px 0 24px 0}
   .card-variants-heding h2 {font-size: 30px;}
   .premium-imgs h5 {font-size: 14px;}

}
@media (min-width: 992px){
.benefits-heding.card-fet-gap .benefits-btn {margin-top: 40px;}
}
/* Responsive */
@media (max-width: 991px){

  .debit-card-text h1 {font-size: 25px;}
 
  .benefits-box-wrap.fetr-ico-three { padding-left: 14px;}
  .interst-rate li.nav-item {width: auto;}
  .card-fet-gap {margin:40px 0 20px;}
  .tab-debit {padding: 20px 0 0;}
  .card-varitn-wrap {padding: 0px;}
  .benefits-box h5 {font-size: 14px;}
  .tab-menu-bg {margin-top: 20px;}
.other-card-detail h5 {font-size: 16px;}
.premium-imgs h5 {font-size: 14px; min-height:58px;}
	
.premium-cards.credit-card-wrap {width: 100%;}
.media-room-bg {padding: 26px 0;}

	.premium-cards-wrap {flex-wrap:nowrap; overflow-x: scroll;padding-left: 30px; justify-content:left;}
	.premium-cards-wrap .col-lg-4 {width:280px;}

  .premium-cards-wrap .premium-wrap-txt {width:280px;}

	.benefits-box-wrap {flex-wrap:nowrap; overflow-x: scroll;padding-left: 30px;justify-content:left;padding:12px 16px 8px 8px;}
	.benefits-box-wrap .benefits-box {width: 260px}
  .benefits-box-wrap .nri-key-mob {width: 260px}

	.other-card-btn a {display:inline-block;}
  .other-card-btn a:hover {width: 108px;}
.debit-card-text{padding-left: 0; padding-bottom: 0;padding-top: 20px;}
.debit-card-text h4{font-size: 14px;}
.debit-card-text h2{font-size: 22px; padding-right: 0;}
.debit-card-text p{font-size: 14px; padding-top: 15px; padding-right: 0;padding-bottom: 0px;margin-bottom: 0;line-height: 24px;}
.debit-card-text li{font-size: 14px;}
.debit-card-text ul{padding-bottom: 10px;}
.debit-card-text a{padding: 12px 16px; display: inline-block; text-align: center;}

.tab-debit .nav-tabs .nav-link{font-size: 14px; padding: 10px 20px; white-space: nowrap;margin-right: 8px;}
.tab-debit .nav-tabs .nav-item:last-child .nav-link {margin: 0;}
.tab-debit .nav{flex-wrap: nowrap; overflow-x: scroll; width: 100%;overflow-y: clip;}
.tab-debit .nav::-webkit-scrollbar{display: none;}
.debit-tab-contant {padding-top: 25px;}
.additional-text h4{font-size: 20px; padding-bottom: 15px; padding-top: 10px;}
.additional-text li{font-size: 14px; padding-bottom: 10px;}
.other-car-heding h2{font-size: 22px; padding-bottom: 20px;}
.other-card-bg{padding: 30px 0;}
.other-car-heding{display: block; padding-bottom: 0;text-align: center;}
.other-card-btn{padding: 0;}
.other-card-detail{padding: 20px 15px;}
.other-car-heding a{padding: 12px 16px; display: inline-block; text-align: center; margin-bottom: 15px;}
.benefits-heding h3{font-size: 24px;padding-bottom: 15px;}
.benefits-box{height: auto; margin-bottom: 9px;}
.benefits-heding{padding: 20px 0;}
.card-variants-heding h4{font-size: 14px;}
.card-variants-heding h2{font-size: 25px;}
.card-variants-heding p{font-size: 14px;}
.premium-cards{margin-top: 20px; padding: 20px 15px; padding-bottom: 0;}
.premium-cards h3{font-size: 20px;}
.premium-imgs{margin-bottom: 45px;}
.debit-main-heding h4{font-size: 15px;}
.debit-main-heding h2{font-size: 25px;}
.debit-main-heding p{font-size: 14px; margin-bottom: 0;}
.debit-deals-sec{padding: 11% 0;}
.debit-text-contant{padding: 15px; padding-bottom: 0;}
.debit-text-contant h5{font-size: 14px;}
}

@media (max-width: 786px){

  section.media-room-bg .benefits-heding.card-fet-gap {   
    padding-left: 8px;
}

  section.media-room-bg .benefits-heding.mob-left-padd {padding-left:5px;}
  .benefits-box p {
    font-size: 14px;}

.benefits-box {width: 48%;}
.credit-card-wrap .col-lg-6 {width: 50%;}
.credit-card-cont {display:block;}
.credit-card-wrap .premium-cards-wrap {padding:0;}
.credit-card-wrap .premium-imgs h5 {font-size: 14px; min-height:76px;display: flex;justify-content: center;align-items: center;}

}