@font-face {
    font-family: 'Conv_HelveticaNeueLTStd-BdCn_0';
    src: url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.eot');
    src: local('☺'), url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.woff') format('woff'), url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.ttf') format('truetype'), url('../resources/fonts/HelveticaNeueLTStd-BdCn_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_HelveticaNeueLTStd-MdCn_0';
    src: url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.eot');
    src: local('☺'), url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.woff') format('woff'), url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.ttf') format('truetype'), url('../resources/fonts/HelveticaNeueLTStd-MdCn_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
body{font-family: 'Open Sans', sans-serif;}
section {padding:15px 0;}
footer{width: 100%;background-color: #004a8f;padding:15px 0;text-align: center;/* margin-top:30px; */ }
footer p{color: #d9dcdd;font-size:12px;display: inline-block;margin: 0 auto;}

/*EasyEMI2022*/
.mainMenu{background: #ffffff;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 8%);}
.mainbnr{padding-top: 40px;}
.mainMenu .navbar-nav li{padding: 0 20px;font-size: 13px;}
.mainMenu .navbar-nav li a{font-weight: 600;}
.mainMenu .navbar-nav li.loginbtn a{color: #fff;background: #1e86ff;text-decoration: none;padding: 7px 20px;border-radius: 20px;margin: 0 auto;text-align: center;width: 100px;text-transform: uppercase;}
.mainMenu .navbar-nav li.loginbtn a:hover{color: #fff;}
.padtop{padding-top: 70px;}
.navbar-light .navbar-toggler-icon{background-image: url(../resources/images/burger.png);}
.navbar-light .navbar-toggler-icon:focus{outline: none;}
.navbar-light .navbar-toggler{border-color: transparent; color: transparent;}
.heading{font-size: 21px;text-align: center; text-transform: uppercase;}
.subhead{font-size: 16px;margin-bottom: 15px;text-align: center;font-weight: 600;}
.minitxt{font-size: 12px;text-align: center;}
#cat_slider{padding-bottom: 10px;margin-bottom: 10px;}
#cat_slider .swiper-slide .mImg{width: 100%;position: relative;border-radius: 20px;}
#cat_slider .swiper-slide p{ text-align:left !important; max-width: 100%;position: absolute;top:15px;color: #fff;left: 10px;font-size: 13px;margin-bottom: 0;color: #333;font-weight: 600; line-height: 14px}
.cusccloan{display: flex;justify-content: space-between;}
.cusccloan .cusbox{width: 47%;position: relative;}
.cusccloan .cusbox .Mimg{width: 100%;}
.cusccloan .cusbox .text{position: absolute;top: 10px; left: 15px;color: #fff;}
.cusccloan .cusbox .text p{line-height: 22px;margin-bottom: 5px;}
.cusccloan .cusbox .text p span{font-size: 12px;}
.infohelp .border{ border-bottom:1px solid #dee2de;}
.infohelp .faq{ background-color:#f6f7f6; clear:both;margin-bottom: 15px;border-radius: 10px;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 8%);}
.infohelp .faq > a{ display:block;  color:#333;font-size:16px; padding: 20px 50px 20px 20px; font-weight:600;background-color:#fff;border-radius: 10px;text-decoration: none;}
.infohelp .faq .hidden-content{padding:  10px 20px 20px;font-size:14px; background-color:#fff;display:none;color:#555555;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-top: -10px;}
.infohelp .faq .hidden-content a:hover{text-decoration: underline;}
.infohelp .expand-btn{background: url(../resources/images/minus.png) center no-repeat; background-position: 97% 20px;background-size: 25px;}
.infohelp .expand-btn.open{background: url(../resources/images/plus.png) center no-repeat;background-color:#fff; border-bottom:none;background-position: 97% 20px;background-size: 25px;}
.infohelp .list1{list-style-type:disc; margin-left:20px; margin-top:5px}
.infohelp .list1 li{ padding:5px;}
.infohelp .list2{list-style-type:decimal; margin-left:20px; margin-top:5px}
.infohelp .list2 li{ padding:5px;}
.infohelp .white{background-color:#fff; }
.infohelp .faq .hidden-content p{ margin:10px 0px; padding:0px}
.infohelp .faq .expand-btn img{width: 40px;margin-right: 10px;}
.infohelp .waystext .banner{width: 100%;margin-bottom: 10px;}
.infohelp .waystext .blue{color: #004a8f;}
.infohelp .waystext .bluebold{color: #004a8f;font-weight: 600;font-size: 13px;margin: 20px 10px 10px !important;}
.bluebtn{display: block;color: #fff;background: #237bea;text-decoration: none;padding: 8px 20px;border-radius: 20px;margin: 0 auto;text-align: center;width: 130px;font-weight: 700;}
.bluebtn:hover{color: #fff;text-decoration: none !important;}
.infohelp .waystext .listicon{padding-left: 0;list-style: none;}
.infohelp .waystext .listicon li{margin-bottom: 15px;}
.infohelp .waystext .listicon li .icoz{width: 60px;display: inline-block;margin-right: 10px;vertical-align: middle;}
.infohelp .waystext .listicon li .para{width: 70%;display: inline-block;vertical-align: middle;}
.infohelp .waystext .listicon li .para p{margin: 0;font-weight: 600;}
.moretext{display: none;}
.readmore{text-align:center;color:#237bea;padding:10px 40px 10px 20px;background:url(../resources/images/downarrow.png) no-repeat 100px center #fff;border-radius:30px;text-decoration: none !important;border: 2px solid #237bea;font-size: 14px;font-weight: 600;}
.readless{background:url(../resources/images/uparrow.png) no-repeat 100px center #fff!important;text-decoration: none !important;border: 2px solid #237bea;}
.readmore:hover,.readmore:focus{outline:none;box-shadow:none;text-decoration:none;color:#237bea}
.waystext .bluebtn{margin-bottom: 30px;}
.offexbox{color: white; border-radius: 20px;}
.offexbox .box-divider{background-color: rgba(255, 255, 255, 0.3);border: 1px solid #ffffff;border-top-left-radius: 20px;border-top-right-radius: 20px;position: relative;}
.offexbox .applicable-on h6{font-size: 0.83rem;}
.offexbox .applicable-on h5{font-size: 1rem; font-weight: 700;min-height: 39px;}
.offexbox .expiry{background-color: #ffffff; color: #004a8f; font-weight: 500; padding: 5px 20px; width: max-content;border: 1px solid #004a8f; border-style: dashed;border-top-right-radius: 20px; border-bottom-right-radius: 20px; font-size: 0.9rem; margin: 20px 0;}
.offexbox .expiry p{margin: 0;}
.offexbox .expiry p span{font-weight: 700;}
.offexbox .terms{font-size: 0.7rem;}
.offexbox .box-content, .boxdivider-content{padding: 30px;}
.offexbox .box-content img{border-radius: 4px;}
.offexbox .terms p{margin-bottom: 0; font-size: 0.9rem;}
.offexbox.bg-purple{background: url(../resources/images/bg-purple.jpg);}
.offexbox.bg-blue{background: url(../resources/images/bg-blue.jpg);}
.offexbox.bg-yellow{background: url(../resources/images/bg-yellow.jpg);}
.offexbox.bg-pink{background: url(../resources/images/bg-pink.jpg);}
.offexbox.bg-green{background: url(../resources/images/bg-green.jpg);}
.offexbox .gotobtn{background-color: #ef063d; border-radius: 20px; position: absolute; top: -25px; right: 30px;}
.offexbox .gotobtn img{width: 45px;}
#cat_carousel .owl-stage{padding-left: 0 !important;}
.offexbox .call-out h3{font-weight: 600; font-size: 1.2rem;}
.owl-theme .owl-dots .owl-dot.active span{background: #004a8f;width: 8px;height: 8px;margin: 6px 5px;}
.owl-theme .owl-dots .owl-dot span{margin: 6px 5px;}
.backbtn img{width: 30px;margin-right: 5px;}
.backbtn a{font-size: 12px; color: #004a8f;font-weight: 600;text-decoration: none;}
.catglist {display: flex;justify-content: center;margin-bottom: 20px;}
.catglist .catgbx{margin: 10px 10px;position: relative;}
.catglist .catgbx p{margin-bottom: 0;position: absolute;top: 10px;left: 10px;color: #fff;font-size: 13px;}
.offexbox{margin: 10px;}
.accordion-button::after{background: url(../resources/images/plus.png) no-repeat;width: 25px;height: 25px;background-size: 100%;transform: rotate(90deg);}
.accordion-button:not(.collapsed)::after{background: url(../resources/images/plus.png) no-repeat;width: 25px;height: 25px;background-size: 100%;transform: rotate(0deg);}
.accordion-button{padding: 1rem;}
.accordion-button:not(.collapsed){background: transparent;box-shadow: none;}
.availAccord .accordion-button {color: #333;font-weight: 600;font-size: 16px;border-radius: 10px; }
.availAccord .accordion-button:focus{box-shadow: none;}
.availAccord .accordion-item{border: none;margin-bottom: 15px;border-radius: 10px;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 8%);}
.availAccord .accordion-button img{width: 35px;margin-right: 10px;}
.availAccord .waystext .banner{width: 100%;margin-bottom: 10px;}
.availAccord .waystext .blue{color: #004a8f;}
.availAccord .waystext .bluebold{color: #004a8f;font-weight: 600;font-size: 13px;margin: 20px 10px 10px !important;}
.availAccord .waystext .listicon{padding-left: 0;list-style: none;}
.availAccord .waystext .listicon li{margin-bottom: 15px;}
.availAccord .waystext .listicon li .icoz{width: 60px;display: inline-block;margin-right: 20px;vertical-align: middle;}
.availAccord .waystext .listicon li .para{width: 75%;display: inline-block;vertical-align: middle;}
.availAccord .waystext .listicon li .para p{margin: 0;}
.availAccord .waystext .listicon li .para p span{font-weight: 600;}
.eligibil{background-color: #e5f5fc;padding: 15px 20px;border-radius: 10px;color: #004a8f;margin: 25px 0 30px;}
.eligibil .textimg{margin-bottom: 15px;}
.eligibil .imgz{display: inline-block; width: 45px;margin-right: 10px;}
.eligibil .textz{display: inline-block;vertical-align: top;display: inline-block;}
.eligibil .textz .head{font-size: 20px;margin-bottom: 5px;}
.availAccord .waystext p{font-size: 14px;}
.availAccord .waystext .hdfctitle .hdfc{display: block;font-size: 18px;color: #237bea;font-weight: 600;}
.availAccord .waystext .hdfctitle{display: block;text-align: left;color: #333;font-size: 28px;font-weight: 600;margin-bottom: 5px;}
#cat_slider a{position: relative;display: block;margin-bottom: 5px;}
#cat_slider .onActive{display: none;}
#cat_slider .active .onActive, #cat_slider .swiper-slide:hover .onActive{position: absolute;top: 0;width: 100%;height: 100%;border-radius: 15px;background: #0c6aaf;box-shadow: 0px 15px 10px -15px #0c6aaf; display: block;}
/* #cat_slider .active .onActive img, #cat_slider .swiper-slide:hover .onActive img{width: 100px;position: absolute; left: 50%;transform: translate(-50%, 0%);bottom: -15px; } */
#cat_slider .onActive img{animation: fade_in_show 0.5s;bottom: -20px;position: absolute;width: 65%;left:0;right:0;margin-left:auto;margin-right:auto;border-radius: 20px;}
#cat_slider .swiper-slide .active p, #cat_slider .swiper-slide:hover p{z-index: 999;color: #fff;}
#cat_slider .swiper-slide {padding-top: 15px;padding-bottom: 15px;}
.waypillz{display: flex;justify-content: space-between;}
.waypillz .nav-link.active{background: transparent;}
.waypillz .nav-link p{color: #333;font-size: 14px;padding-top: 5px;margin-bottom: 0;}
.bluetxt{color: #004a8f;}
.text-justify{text-align: justify;}
.waystext .subhead{text-align: left;}
.doesbox{margin-bottom: 20px;}
/*.doesbox .img{display: inline-block;width: 40%;}*/
.workimg{text-align: center;}
/*.doesbox .txt{display: inline-block;width: 55%;vertical-align: middle;}*/
.worktxt h4{color: #019cde;font-size: 36px;}
.worktxt p{font-weight: 600;}
.greytxt{color: #666666;}
.vcenter {display: flex;align-items: center;}
.waypillz .nav-link.active span, .waypillz .nav-link:hover span{border-bottom: 5px solid #e50150;width: 20px;display: block;margin: 5px auto 0;    height: 5px;border-radius: 10px;}
.waypillz .nav-link img{opacity: 0.7;}
.Eligibility-debit-card li{font-size: 14px;line-height: 25px;}
.Eligibility-debit-card li ol li{font-size: 14px;}
.waypillz .nav-link .tabImg{border-radius: 15px; display: flex; align-items: center; justify-content: center;
width: 70px; height: 60px; margin:0px auto;}
.waypillz .nav-link.yellow .tabImg{background: rgb(236,202,84);background: linear-gradient(180deg, rgba(236,202,84,1) 0%, rgba(235,205,96,1) 33%, rgba(233,205,106,1) 70%, rgba(237,213,128,1) 100%);}
.waypillz .nav-link.purple .tabImg{background: rgb(160,115,233);background: linear-gradient(180deg, rgba(160,115,233,1) 0%, rgba(160,114,235,1) 33%, rgba(158,114,232,1) 70%, rgba(184,144,240,1) 100%);}
.waypillz .nav-link.blue .tabImg{background: rgb(97,166,229);background: linear-gradient(180deg, rgba(97,166,229,1) 0%, rgba(87,157,225,1) 33%, rgba(89,160,224,1) 70%, rgba(117,180,237,1) 100%);}
.waypillz .nav-link.green .tabImg{background: rgb(174,209,136);background: linear-gradient(180deg, rgba(174,209,136,1) 0%, rgba(175,208,140,1) 33%, rgba(175,208,140,0.9279264562270221) 70%, rgba(177,208,140,1) 100%);}
.waypillz .nav-link.pink .tabImg{background: rgb(239,150,193);background: linear-gradient(180deg, rgba(239,150,193,1) 0%, rgba(238,146,189,0.8831085290561537) 53%, rgba(243,153,196,1) 97%);}
.waypillz .nav-link.active img, .waypillz .nav-link:hover img{box-shadow: 0px 15px 10px -15px #9ec8f0;opacity: 1;}
.mainMenu .navbar-nav .loginbtn{display: none;}
.eligibil .textz{width: 80%;}
.waytoaval .heading{text-transform: initial;}
#catgoffr h1{font-size: 24px;text-align: center;margin-bottom: 20px;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 99;}
#preloader .status {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url(../resources/images/loader.gif);  background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;}
@keyframes fade_in_show {
	0% {opacity: 0;transform: scale(0)}
	100% {opacity: 1;transform: scale(1)}
}
.item-image {width: 70px;height: 70px;margin: 0 auto;}
.content{height: 12px;margin: 20px;}
@keyframes placeHolderShimmer {
	0%{ background-position: -468px 0; }
	100%{ background-position: 468px 0; }
  }
.animation{animation-duration: 1.5s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-timing-function: linear;animation-name: placeHolderShimmer;background: #f6f7f8;background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size: 800px 104px;}
.butn{height: 25px;width: 100px;margin: 70px auto 20px auto;}
.offer_all { border: 1px solid #e0e0e0; text-align: center;  box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);  border-radius: 25px;margin-bottom: 10px; background-color: #ffffff; min-height: 417px;}
.offexbox {color: white; border-radius: 20px;}
.offertx {min-height: 120px;padding-top: 60px;color: #004a8f;font-weight: 700;font-size: 1.3rem;}
.offer_all a.btnBl { position: absolute;width: 60%; margin-bottom: 10px;left: 50%;transform: translateX(-50%);background-color: #004a8f;color: #FFFFFF;
    text-align: center; padding: 0.5rem 0; display: inline-block;font-size: 0.9rem; border-radius: 20px;bottom: 100px; font-weight: 600;}
.offexbox .box-content img { border-radius: 4px;padding: 5px 10px;}
.logo_wrap > img { width: 120px;background-color: white;}
.merch_name {min-height: 58px; display: flex; align-items: center;font-size: 1.5rem;}
.offexbox .box-content {min-height: 200px;}
.box-content .description {font-size: 0.8rem;}
.logo_wrap{min-height: 58px;}
.offershieght{ height: 735px }
#preloader1 {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: white;z-index: 100;}
#loader {display: block;position: relative;left: calc(50% - 25px);top: 50%;width: 50px;height: 50px;}
#cat_slider_new{padding-bottom: 10px;margin-bottom: 10px;}
#cat_slider_new .swiper-slide .mImg{width: 100%;position: relative;border-radius: 20px;}
#cat_slider_new .swiper-slide p{max-width: 100%;position: absolute;top: 15px;color: #fff;left: 20px;font-size: 13px;margin-bottom: 0;color: #333;font-weight: 600;}
#cat_slider_new a{position: relative;display: block;margin-bottom: 5px;}
#cat_slider_new .onActive{display: none;}
#cat_slider_new .active .onActive, #cat_slider_new .swiper-slide:hover .onActive{position: absolute;top: 0;width: 100%;height: 100%;border-radius: 15px;background: #0c6aaf;box-shadow: 0px 15px 10px -15px #0c6aaf; display: block;}
/* #cat_slider_new .active .onActive img, #cat_slider_new .swiper-slide:hover .onActive img{width: 100px;position: absolute; left: 50%;transform: translate(-50%, 0%);bottom: -15px; } */
#cat_slider_new .onActive img{animation: fade_in_show 0.5s;bottom: -20px;position: absolute;width: 65%;left:0;right:0;margin-left:auto;margin-right:auto;border-radius: 20px;}
#cat_slider_new .swiper-slide .active p, #cat_slider_new .swiper-slide:hover p{z-index: 999;color: #fff;}
#cat_slider_new .swiper-slide {padding-top: 15px;padding-bottom: 15px;}

@media (min-width: 990px) and (max-width: 1200px){
	.mainMenu .navbar-nav li{padding: 0 10px;}

} 

@media (min-width: 1200px){
	.container{max-width: 1200px;}
	.waypillz{width: 760px;margin: 0 auto;}
}

@media (min-width: 990px){
	.availAccord .waystext .hdfctitle{font-size: 38px;}
	.availAccord .waystext p.greytxt{font-size: 18px;}
	.cusccloan .cusbox .text p span{font-size: 16px;}
	.cusccloan .cusbox .text p{font-size: 22px;line-height: 28px;}
}

@media (min-width: 768px) and (max-width: 1000px){
	.availAccord .waystext .listicon li .para{width: 65%;vertical-align: top;}
	.offershieght{ height: 740px }

} 

@media (min-width: 768px){
	#cat_slider .swiper-slide p{top: 10px; }
	.cusccloan .cusbox .text{top: 20%;left: 30px;}
	.cusccloan .cusbox .text p{min-height: 65px;}
	.availAccord .wayfirstp{padding-top: 5% !important;}
	.availAccord p.thirdp {text-align: center;padding-top: 5px;}
	.availAccord p.thirdp br{display: none;}
	.waytoaval .heading{margin-top: 20px;}
	.availAccord .fade:not(.show){display: none;}
	#pills-tabContent{min-height: 200px;}
	.doesbox .txt, .doesbox .img{width: 100%;}
	.offershieght{ height: 765px }
	
}

@media (min-width: 581px){
	.mobbnr{display: none;}
	.deskbnr{padding-top: 3px;border-radius: 25px;}

}

@media (max-width: 767px){
	.waypillz{display: none;}
	.availAccord .fade:not(.show){opacity: 1;}
}

@media (max-width: 580px){
	.mainMenu .navbar-brand img {width: 230px;}
	.mainMenu .navbar-toggler-icon{width: 22px;}
	.mainbnr img{width: 100%;}
	.infohelp .faq .expand-btn img{width: 35px;}
	.catglist{justify-content: start;}
	.mainMenu .navbar-nav li{padding: 0 5px;}
	.mainMenu .navbar-nav li.loginbtn a{margin: 10px 0 5px;}
	.deskbnr{display: none;}
	#cat_slider .swiper-slide p{top: 6px; font-size: 12px; line-height: 13px}
	.availAccord .waystext .hdfctitle{font-size: 20px;margin-bottom: 10px;}
	.availAccord .waystext .hdfctitle .hdfc{font-size: 14px;}
	.eligibil .textz{width: 70%;}
	#cat_slider .swiper-slide{padding-bottom: 15px;}
	.doeswork .col-md-3{margin-bottom: 20px;}
	.offershieght{ height: 765px }
    .offexbox .box-content{ padding: 20px 15px }
    .offexbox .call-out h3{ font-size: 1.1rem }
    .offexbox .applicable-on h5{ font-size: 0.9rem }
    .offexbox .terms p{margin-bottom: 0; font-size: 0.6rem;}
    .boxdivider-content{ padding: 20px 15px }
}

@media (max-width: 420px){
	#cat_slider .swiper-slide p{padding: 0px 5px;left: 5px;font-size: 12px; line-height: 13px}
	.availAccord .waystext .listicon li .para{width: 65%;}
}