@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
/* header start */
#mainNav{ border-bottom:1px solid #d7f7fc; padding: 1rem 1rem; background: #234168;}
/* header end */
/* common css start*/
body{font-family: 'Open Sans', sans-serif;}
section {padding:15px 0;}
footer{width: 100%;background-color: #004a8f;padding:15px 0;/* margin-top:30px; */}
footer p{color: #d9dcdd;font-size:12px;display: inline-block;margin: 0 auto;}
body, .bodybg, .bodytexture ,#home{background: #004d91}
/*.bodybg, .bodytexture ,#home{ background:url("../resources/images/bg_d.jpg") #d7f7fc;*/ /* background-size: cover; }*/
/*.bodybg, .bodytexture{background-color: #c6f2f6; background-image: url("../resources/images/wall-4-light.png");}*/
.owl-dots .owl-dot:focus{outline:none}
.cmn_carousel .owl-dots .owl-dot span ,#offer_bx .owl-dots .owl-dot span{ background-color:#ffffff; width: 12px; height: 12px; margin:5px; outline: none}
.cmn_carousel .owl-dots .owl-dot.active span ,#offer_bx .owl-dots .owl-dot.active span{ background-color:#004a8f; width: 25px;}
#cat_carousel .owl-theme .owl-dots .owl-dot.active span, #cat_carousel .owl-theme .owl-dots .owl-dot:hover span
.toBack{color: #333;font-size: 12px;vertical-align: middle;}
.toBack {color: #d9dcdd;font-size: 13px}
.toBack:hover{color: #d9dcdd;}
.toBack img{vertical-align: baseline;}
.offerInfo{background: #fff;margin-top: 10px;border-radius: 20px;/*margin-bottom: 10px;*/}
.offer-bg{border-top-left-radius: 20px;border-top-right-radius: 20px;width: 100%}
.offrcontent{text-align: center;margin-top: -20px;padding-bottom: 20px;padding-left: 30px;}
.offrcontent .offrimg{padding-bottom: 30px;width: 240px; height: auto;}
.offrcontent h2{color: #004a8f;font-weight: 700;}
.offrcontent p{color: #333;font-weight: 700;padding-bottom: 20px;font-size: 17px;}
.offrcontent p span{color: #004a8f}
.tabsoffer{margin-bottom: 20px;}
.tabsoffer ul.nav-tabs{border-bottom: none;}
.tabsoffer .nav-tabs li{width: 33.3%;}
.tabsoffer .nav-tabs li:nth-child(2) a{margin: 0 auto;}
.tabsoffer .nav-tabs li:nth-child(3) a{float: right;}
.tabsoffer .nav-tabs .nav-link{border-color: #fede00;border-radius: 20px;color: #666;width: 110px;text-align: center;padding: 8px 10px;font-size: 12.5px;font-weight: 800;}
.tabsoffer .nav-tabs .nav-link.active{border-color: transparent;background: #004a8f;color: #fff;}
.tabspanes .fade:not(.show){opacity: 1;}
.tabspanes{background: #fff; color: #004a8f; min-height: 100px;border-radius: 20px;padding: 30px 10px;}
.tabspanes .tab-content .tab-pane{color: #004a8f;}
.tabspanes .tab-content .tab-pane h4{font-size: 18px;color: #004a8f;font-weight: 600;text-align: left;   /* padding-bottom: 15px;*/}
.goldlist{padding-bottom: 0px;list-style: none;padding-left: 0;}
.goldlist > li{background: url(../resources/images/golddisc.png) no-repeat;background-position: left 6px;padding-left: 20px;margin-bottom: 10px; text-align: left;}
.redbtn{background: #d6252b; color: #fff;padding: 8px 20px;border-radius: 20px;margin: 0 auto;display: block;text-align: center;width: 150px;font-weight: 700;}
.bluebtn{background: #004a8f;color: #fff;padding: 8px 20px;border-radius: 20px;margin: 0 auto;display: block;text-align: center;width: 150px;font-weight: 700;}
.loansInfo{text-align: left;}
.loansInfo h2{text-align: left;font-size: 22px;font-weight: 700;color: #333;}
.loansInfo .minitxt{color: #666666;font-size: 13px;font-weight: 700;}
.loansInfo .intdet{font-size: 14px; color: #333;font-weight: 800;}
.loansInfo .intdet span{color: #004a8f;}
.loansInfo .calbtn{margin: 20px 0 30px;width: 210px;}
.offerInfo .goldimg{margin-bottom: -100px;}
#offer_bx .item .bx_content{position: absolute;bottom: 0
#offer_bx .item{position: relative;};text-align: center;width: 100%;padding-bottom: 10px;}
#offer_bx .item .bx_content .btns{width: 70%;margin-bottom: 15px;}
#offer_bx .bx_content h4{font-weight: 700;}
#offer_bx .bx_content p{margin-bottom: 40px;font-weight: 700}
.bxtitle{font-size: 20px;font-weight: 700;text-align: center;margin-bottom: 20px;color: #fff;}
.bx_content .brndlogo{width: 70% !important;margin: 20px auto;padding-bottom: 25px;}
.shop_bx .item .bx_content{bottom: 20px !important;}
.shop_bx .item .shopbgimg{width: 100%}
.shop_bx .bx_content h4{font-size: 24px;color: #004a8f;min-height: 80px;}
.tagline{position: absolute;top: 40px;}
.tagline p{background: #004a8f;color: #fff;padding: 5px 20px;border-top-right-radius: 25px;    border-bottom-right-radius: 25px;}
.offrcontent .btns{width: 220px;margin-bottom: 15px}
.offrbox{background: url(../resources/images/shopoffer01.png) no-repeat; text-align: center;padding: 20px 5px 6% 5px;background-size: cover; border-radius: 15px;margin-bottom: 10px;position: relative;}
#cat_carousel .item .offrbox{min-height: 370px;}
.offer_all{position: relative;}
.offer_all a.blue{position: absolute;left: 5%;width: 90%;bottom:12% !important;}
#cat_carousel #navratri_super_offer_box .item .offrbox{min-height: 380px;}
#cat_carousel .durga_top_offers_box .item .offrbox{min-height: 380px;}
#cat_carousel #durga_super_offer_box .item .offrbox{min-height: 380px;}
#cat_carousel #navratri_super_offer_box .item .offer_all{min-height: 380px;}
#cat_carousel .navratri_top_offers_box .item .offrbox{min-height: 380px;}
#cat_carousel #durga_super_offer_box .item .offer_all{min-height: 380px;}
#cat_carousel #regional_offer_box .item .offrbox{min-height: 375px;}
.offrbox h4{padding-top: 10px; padding-bottom: 10px;}
/* .offrbox p{padding-bottom: 10px;} */
.offrbox .offrcta{position: absolute;width: 90%;bottom:5%;left: 5%;}
.offrbox .offrcta a{margin-bottom: 10px;width: 90%;font-size: 12px; padding:8px 10px;}

.swipe_salider{margin-bottom: 20px;}
.swiperArrow{position: absolute;left: 0;top: 60%;transform: translateY(-50%);z-index: 1; width: 100%;}
.swiper-scrollbar-drag{background: rgb(119, 171, 218)}
#swip_cat{padding-top: 5px;z-index: 9; padding: 0 22px;}
#cat_slider .swiper-button-next{ right: -4px; height: 100%; width: 22px; top: 12px; }
#cat_slider .swiper-button-prev{ left: 0;  height: 100%; width: 22px; top: 12px; }
#cat_slider .swiper-button-next:after{ background: url(../resources/images/rightArrow.png) no-repeat center; color: transparent; }
#cat_slider .swiper-button-prev:after{ background: url(../resources/images/leftArrow.png) no-repeat center; color: transparent; }
#cat_slider .swiper-button-prev.swiper-button-disabled:after{ background: none; }
#cat_slider .swiper-button-next.swiper-button-disabled:after{ background: none; }


/*240920*/
.offrbox .brndimg{width: 150px;padding-top: 90px;}
.offrbox .offcalout{min-height: 80px;padding-top: 20px;color: #004a8f;font-weight: 700;font-size: 18px;}
.offrbox .validty {text-align: left; margin-top: 20px;}
.offrbox .validty p{color: #004a8f;font-size: 12px;display: inline-block;width: 50%;padding-left: 10px;font-weight: 600;margin-bottom: 0}
.offrbox .validty p:nth-child(2){text-align: right;padding-right: 10px;}

.pfbox{background: url(../resources/images/carousel_bg.png); background-size: cover;  box-shadow: 0 0 10px rgb(0 0 0 / .16); margin-top: 10px; background: #fff;}
.pfbox .brndimg{padding:10px 20px 0;}
.pfbox .Ntitle{padding-top: 20px;font-size: 23px;font-weight: 700;margin-bottom: 5px; color: #0c5ea9;}
.pfbox .validty{text-align: center;}

/* common css end*/
/* loan css start */
section#topbanner{ padding: 0; }
#topbanner img{ margin: 0 auto; }
.purchase_type{ display: flex; list-style-type: none; padding: 0; background: #1b588b; border-radius: 25px; margin-bottom: 30px;}
.purchase_type li{ flex: 1; text-align: center; padding:8px 5px; border-radius: 25px; display: flex; align-items: center; justify-content: center;min-height: 34px;}
.purchase_type li a{ font-weight: 600; font-size: 13px; color: #fff; line-height: normal;}
.purchase_type li.active{ background: #d6252b; position: relative; }
.purchase_type li.active::before { content: ""; position: absolute; background: rgb(51 51 51 / .1); width: 100%; height: 18px; left: 0; top: 50%; border-radius: 25px; z-index: -1; box-shadow: 0 0 34px #777;
}
.purchase_type li.active a{ color: #fff; }
.load_list{ list-style-type: none; display: flex; flex-wrap: wrap; padding: 0; }
.load_list .loan_item{ flex: 1 0 16%; text-align: center; margin-bottom: 15px; padding: 0 5px; }
.load_list .loan_item h6{ font-family: 'Open Sans', sans-serif; font-weight: 600; color: #004a8f; font-size: 13px; margin-top: 5px; }
.load_list .loan_item a{ text-decoration: none; display: block; }
.load_list .loan_item img{ transition: 0.5s ease; }
.load_list .loan_item:hover img{ transform: scale(1.2); transition: 0.5s ease; }
.loan_item{ width: 33%; }
#explore_offers .item{ text-align: center; border-radius: 25px; box-shadow: 0 0 5px rgb(0 0 0 / 16%); margin: 15px 5px; padding: 20px; background: url('../resources/images/carousel_bg.png'); background-size: cover; transition:all 0.3s ease; }
#explore_offers .item:hover{ box-shadow: 0 0 10px rgb(0 0 0 / 32%);}
#explore_offers h3{ font-weight: 600; font-size: 1rem; color: #0c5ea9; text-transform: uppercase; margin-top: 10px; min-height:60px}
#explore_offers.owl-carousel .owl-item img{ width: auto; margin: 0px auto 0; height:100px }
.festive_cards { padding: 0; list-style-type: none; /*display: flex; flex-wrap: wrap;*/text-align: center;}
.festive_cards .fcard{ margin: 10px; position: relative; /*flex: 1; flex: 1 0 47%;*/ text-align: center;display: inline-block;width: 47%;}
.festive_cards .fcard .applyNow_btn{ position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 150px;padding: 5px 10px;font-size: 13px; }
.festive_cards .fcard img{ margin: 0 auto;border-radius: 15px;box-shadow: 0 0 10px rgb(0 0 0 / 5%); }
.pgtitle{text-align: center;font-size: 24px;margin-bottom: 20px; color: #fff; font-weight: 600;text-transform: capitalize;}
.loanProduct{ text-align: center; padding: 0; }
.loanProduct img.prodimg{ margin-bottom: 20px; width: auto; margin-top: 30px; }
.loanProduct .loansInfo h2, .loanProduct .loansInfo h1{ font-size: 23px; font-weight: 700; margin-bottom: 15px; color: #333333;}
.loanProduct .loansInfo .minitxt{ color: #004a8f; font-size: 17px; font-weight: 600; margin-bottom: 5px; }
.loanProduct .loansInfo .intdet{ color: #004a8f; font-size: 13px; font-weight: 500; margin-bottom: 5px; }
.loanProduct .loansInfo .minitxt span, .loanProduct .loansInfo .intdet span{ color: #d6252b; font-weight: 700; }
.loanProduct .loansInfo .calbtn{ margin: 10px auto; width: 260px;max-width: 100%; }
.loanProduct .loansInfo .btn_grp{ margin: 20px auto 0px; }
.validity{ text-align: left; padding-left: 5px; list-style-type: none; margin-bottom: 30px; }
.loanProduct .goldlist{ padding-bottom: 5px; }
.validity li img{width: auto;}
/* loan css end */

#tab .nav-item{ background-color:#f9b407; width:33%; margin-bottom:0;}
#tab .nav-item .nav-link{ padding:0.6rem 1.5rem; text-align:center; color:#333333; font-weight:600; font-size:1rem;  border:none;}
#tab .nav-item .nav-link:hover{ border:none;}
#tab .nav-item:first-child{ border-radius:20px 0px 0px 20px}
#tab .nav-item:last-child{ border-radius:0px 20px 20px 0px}
#tab #myTab{ border-bottom:none}
#tab #myTab .nav-link.active{ color:#ffffff; background-color:#d6252b; border-radius:20px; border:none;}
.carbbx{text-align:center; margin-bottom: -20px;}
a.btnBl{ text-align:center; width:80%; text-align:center; padding:0.5rem 0;  display:inline-block; font-size:0.9rem; border-radius:20px; position:relative; bottom:50px; font-weight:600 }
.btm100{ bottom:80px !important}
.btm0{ bottom:0px !important}
.btm30{ bottom:30px !important}
a:hover{ text-decoration:none}
a.red{background-color:#d6252b; color:#FFFFFF }
a.white{background-color:#FFFFFF; color:#d6252b }
a.blue{background-color:#004a8f; color:#FFFFFF }
#crickbanner .item{ text-align:center}
.smallS{ display:none}
.largeS{ display:block}
.container{ max-width:940px}
.offrboxwim{}
.offrboxwim{ text-align: center;  border-radius: 25px;margin-bottom: 25px; }
.offrboxwim img{ border-radius:25px}
.offer_all{ text-align: center;  border-radius: 25px;margin-bottom: 10px; background-color:#eef2f5; min-height:370px }
.offer_all img{ border-radius:25px 25px 0px 0px; width:100%}
.offertx{min-height: 120px;padding-top: 30px;color: #004a8f;font-weight: 700;font-size: 1.3rem;}
/*.bodytexture{ background: url("../resources/images/texture.png") repeat top center #feeb4c;}*/
.owl-dots .owl-dot:focus{outline:none}
.top_banner{padding:1rem 0;}
.top_banner img{border-radius: 15px;margin:0 auto; }
#topbanner .owl-dots .owl-dot span{ background-color:#ffffff; width: 12px; height: 12px; margin:5px; outline: none}
#topbanner .owl-dots .owl-dot.active span{ background-color:#004a8f; width: 25px;}
#offer_bx .owl-dots .owl-dot span{ background-color:#ffffff; width: 12px; height: 12px; margin:5px; outline: none}
#offer_bx .owl-dots .owl-dot.active span{ background-color:#004a8f; width: 25px;}

#loanlist .owl-dots .owl-dot span{ background-color:#ffffff; width: 12px; height: 12px; margin:5px; outline: none}
#loanlist .owl-dots .owl-dot.active span{ background-color:#004a8f; width: 25px;}

.retail_cards{ text-align: center;  border-radius: 25px;margin-bottom: 25px; background-color:#ffffff; min-height:480px }
.retail_cards h5{ text-align:center; margin-top:80px}
.retail_cards p{min-height: 30px;padding-top: 30px;color: #004a8f;font-weight: 700;font-size:0.9rem;}
.retail_cards p span{color:#d6252b;}

.otherpg .retail_cards { min-height: 390px; background: #e7fafd; background-size: cover; box-shadow: 0 0 10px rgb(0 0 0 / .16); margin-top: 10px;}
.otherpg .retail_cards h5{ min-height: 40px; margin-top: 5px;     font-size: 23px;  font-weight: 600;}
.otherpg .retail_cards p{ padding-top: 5px; font-weight: normal; font-size: 19px; }
.otherpg .retail_cards p span{ font-weight: 700; }

.offrbox .validty p{ width:49%}
.offrboxwim img{ width:100%}

.offerInfo img{ width:100%}

#nearby .modal-header{border-bottom: 0;z-index: 999;}
#nearby .modal-body{padding: 30px 10px;}
#nearby .modal-content{border-radius: 20px}
#nearby .modal-dialog{top: 30%;width: 80%;margin: 0 auto;}
#nearby .modal-body h4{text-align: center;font-weight: 600;margin-bottom: 20px;}
.locsearch{width: 220px;margin: 0 auto;}
.locsearch p{padding-bottom: 10px;}
.locsearch p img{padding-right: 5px;}
.locsearch p input{border: 0;border-bottom: 1px solid #1E86FF;width: 80%;}
.locsearch ul{list-style: none;padding-left: 0;margin-bottom: 30px;}
.locsearch ul li{background: url(../resources/images/mark.png) no-repeat;background-position: left;padding-left: 30px;margin-bottom: 5px;font-weight: 600;font-size: 16px;}
.locsearch .bluebtn{width: 100%; background: #1E86FF;}
.stopscroll{height:100%;overflow:hidden}
.mhead{position:absolute}
#mainNav div .hdfclogo{display:block;margin:0 auto}
.burger-menu{width:350px;height:100%;position:fixed;left:-350px;top:0;background-color:#fff;transition:all ease 1s;z-index:999}
.close-menu{float:right;min-height:30px;padding-right:18px;padding-top:23px;cursor:pointer}
.burger-menu ul{padding-left:0;margin-top:80px}
.burger-menu li{list-style:none;text-decoration-style:none;line-height:170%;padding:5px 0 5px 40px}
.burger-menu li a{text-decoration:none;text-transform:uppercase;font-size:16px;color:#292929}
.load_list .loan_item img{ height: 75px;   }

.offrcontent div.logoimg{ float: right; width: 50%; height: 230px; display: flex; display: flex; align-items: center; justify-content: center; }
.offrcontent_detail{text-align: left; padding: 0 15px; }






#explor_Car .swiper-slide{background-color:#ffffff; border-radius:15px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); margin:10px 0px}
#explor_Car .swiper-slide a{  display:block; text-align:center; padding:20px 10px 10px 10px}
#explor_Car .swiper-slide a img{ width:150px}
#explor_Car .swiper-slide a p{ font-size:1.2rem; color:#333; text-align:center; font-weight:600; margin:10px 0px}

#crickbanner .owl-item img{ width:100%; height:186px}

#onlinesh .swiper-slide{ background-color: transparent;min-width: 10%}
#onlinesh .swiper-slide a{ text-align: center; transition:all 0.5s ease; cursor:pointer;  display:block; text-decoration:none; color:#ffffff; height:85px}
#onlinesh .swiper-slide img{ border-radius:12px;  -webkit-filter: brightness(100%);  -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;   -ms-transition: all 0.3s ease;    transition: all 0.3s ease;}
#onlinesh .swiper-slide img:hover{ -webkit-filter: brightness(50%);  }
/*#onlinesh .swiper-slide a.active img{ -webkit-filter: brightness(50%);  }*/
#onlinesh .swiper-slide a.active p{}
#onlinesh .swiper-slide a p{ font-size: 0.8rem; margin-bottom:0; line-height:15px; margin-top:10px; color:#ffffff; min-height:40px; padding:0px 5px; position:relative; bottom:45px}
.loanProduct img.prodimg{ float:right; margin-right: 30px; }
.loansInfo{ padding:40px 40px 10px 40px;min-height:290px  }

.tabspanes{ padding:10px 40px;position: relative;}
.tabspanes::after{ position: absolute; content: none; background:#004a8f ; width: 85%;height: 1px; top: 0; left: 50%; transform: translateX(-50%); }
.pfbox .Ntitle{ min-height:80px; padding:15px 12px 0px 12px}
.pfbox .brndimg{ /*min-height:140px*/}
.pfbox .discoun{color: #d6252b;margin-bottom: 0px;font-size: 19px;font-weight: 700; min-height:55px}
.pfbox .discoun span{color: #004a8f;font-size: 16px;font-weight: 700;margin-bottom: 20px; display:block}
.offrcontent{ margin-top:0;}
.shop_innerpg .pfbox .brndimg { padding: 0; }
.goldlist li a{ color: #007bff; text-decoration: underline; }
.offerInfo div.logoimg{ float: right; width: 50%; display: flex; display: flex; align-items: center; justify-content: center; }
.mtm40{top: -40px; }
.intdet{ background:url(../resources/images/bull.png) no-repeat left 2px; padding-left:25px}
.loansInfo h4{ color:#004a8f; font-size:1.2rem; font-weight:bold; margin-top:15px}
.goldlist li{ font-size:0.8rem}
.txtcenter{text-align: center !important;}
.btn_grp a{ display:inline-block !important; font-size: 0.9rem !important; min-width: 230px !important; margin-right: 20px  !important;}
.retail_cards{padding: 20px 10px;min-height: 380px;}
.retail_cards h5{margin-top: 20px;}
.retail_cards p{padding-top: 10px;}
.retail_cards .btnBl {position: absolute;bottom: 20px !important;left: 50%;transform: translateX(-50%);width: 80%}
.goldlist li a{word-break: break-all;}
.personal_finance .pfbox .brndimg{ width: 70%; min-height: auto;}
.personal_finance .pfbox{ margin-bottom:30px;}
.offrcontent_detail a:hover, .personal_finance .offrcta a:hover{ color: #ffffff;}
.offrcontent{ padding-top:30px;}
.offrcontent_detail a{ display:inline-block; font-size: 0.9rem !important; min-width: 230px !important; margin-right: 20px  !important;}
.offrcontent_detail{ min-height: auto !important; padding-bottom: 0px}
.redbtn:hover , .bluebtn:hover{ color: #ffffff;}
#references a.redbtn{ display:none }

.offer_box h3{ font-size: 24px; font-weight:700 ; color: #00498f; padding: 15px 0; margin: 0; min-height: 100px;}
.offer_box h3 span{ font-size: 18px; display: block; }
.offer_box{ background: #fff; padding: 15px 10px; border-radius: 10px; margin: 10px 0; text-align: center;box-shadow: 0 0 6px #77777745; }
#onlinestore .swiper-slide{ background-color: transparent;min-width: 10%}
#onlinestore .swiper-slide a{ border: 1px solid #d9d9d9; background-color: #fff; padding: 15px 0px 0px 0px; border-radius: 10px; margin: 42px 0px 10px 0; min-width:98%; text-align: center; transition:all 0.5s ease; cursor:pointer; min-height:95px; display:block; text-decoration:none; color:#999999; box-shadow: 0 0 10px #77777745;}
#onlinestore .swiper-slide a.active{  color:#333333;border-bottom:5px solid #ed1c24; }
#onlinestore .swiper-slide a.active p{  color:#004a8f;}
#onlinestore .swiper-slide a p{ font-size: 14px; margin-bottom:0; line-height:15px; margin-top:10px;font-family:Helvetica-Neue-Bold;color:#999999; min-height:40px; padding:0px 5px;font-weight: 600;}
#onlinestore .swiper-slide a img{margin-top: -70px;padding-bottom: 10px}
.offer-details-inner h1{font-size: 22px;margin-bottom: 0.5rem;color: #333333;font-weight: bold;}
.category-intro h2{font-size: 14px;color: #333;font-family: Open Sans;font-weight: bold;padding-left: 10px;position: relative;margin-bottom: 15px;text-align: left; padding-left: 0;}
.category-intro h2 a{color: #333;}
.category-intro h2 img{ padding-right: 5px; }
.mytopBtn{background:0 0}
.mytopBtn{display:none;position:fixed;bottom:5px;right:0;z-index:115;font-size:18px;border:none;outline:0;color:#fff;cursor:pointer;opacity:.37}
.mytopBtn:hover{opacity:.72}
.mytopBtn img{width:50px}
.swiperArrow .swipeleft{ margin-left: -40px; width: 20px; cursor: pointer;}
.swiperArrow .swiperight{ margin-right: -40px; width: 20px; float: right; cursor: pointer;}

.mhead a{color: #fff;font-size: 14px;}
.ftgif{position: absolute;top: 50px;left: 10%;}
.logo_icon img{  width: 80%;   }

#onlinestore .swiper-slide a p{font-family: 'Open Sans', sans-serif;}
#crickbanner .owl-item img{ box-shadow:0px 0px 10px rgba(0,0,0,0.2); border-radius:30px;}
#onlinesh .swiper-slide a > img{display: block;border-bottom: 5px solid transparent;margin:0 auto;}
#onlinesh .swiper-slide a.active > img{
border-bottom: 5px solid #d6252b !important;
display: block;
margin: 0 auto;
}

#cat_carousel{min-height: 300px;}
.hta .bluebtn{ margin-left: 0; display: inline-block; vertical-align: top; padding: 5px 15px; width: auto; font-size: 12px; }
.hta p{ margin: 10px 0; }
.hta a.apply_now{ text-decoration: underline; color: #004a8f; font-weight: 600; }
.shop_innerpg .pfbox .Ntitle{ font-size: 15px; min-height: auto; }
.radiusb0{ border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.radiust0{ border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; }
.hta{ list-style-type:none;  padding-left: 0;}
.hta li{ background: url(../resources/images/golddisc.png) no-repeat; padding-left: 20px; background-position: left 8px; }

/*#cat_carousel #top_offer_box .owl-item .validty p{bottom: 40px; position: absolute; right: 20px}*/


#onlinesh .swiper-slide a p{ max-width: 100px; margin: 0px auto; bottom:45px}
#category_list .offrbox{ min-height:335px; margin-bottom: 20px}




.overlayDemo {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    overflow: auto;
    z-index: 1000;
}
.contentDemo {
    position: absolute;
    left: 40%;
    right: 40%;
    top: 50%;
    transform: translateY(-50%);
}
.contentDemo .imgwrap {
    padding: 7px 7px;
    text-align: center;
    background: #fff;
    display: inline-block;
    border-radius: 5px;
}
.contentDemo p {
    color: #fff;
    font-size: 13px;
}
.contentDemo p span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 25px;
    text-align: center;
    margin-right: 10px;
}
.demo-nav {
    list-style-type: none;
    float: right;
    margin-top: 30px;
    z-index: 1000;
}
.demo-nav li {
    float: left;
    display: inline-block;
    margin: 0px 5px;
}
.demo-nav li a {
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    min-width: 60px;
    display: block;
}

.pwa_ft{ position: fixed; bottom: 0; left: 0; background: #e52029; color: #fff; width: 100%; padding: 15px 0; display: none;z-index: 999;}
  .pwa_ft p{ margin: 0 15px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:13px;}
  .pwa_ft img{ width: 30px; padding-right: 10px; }
.contentDemo{ left: 50%; transform: translate(-50%,-50%); width: 90%;}
.offcoupon_code{border:2px dashed #9dbee9;padding:5px 12px;text-align: center;margin:0.5rem 0;background: #ecf6ff;}
.offcoupon_code{color: #044b8d;font-size: 14px;font-weight: bold;text-transform: uppercase;max-width: 85%;margin:0 auto 0.5rem auto;}
#regional_offer_box .offer_all{ min-height:375px}

#top_offers .owl-nav button{position: absolute;top: 40%;width: 30px;color: transparent;height: 56px;}
#top_offers .owl-nav button:focus{outline: none;}
#top_offers .owl-nav .owl-prev{left: -50px;background: url(../resources/images/ctleftArrow.png) no-repeat;}
#top_offers .owl-nav .owl-next{right: -50px;background: url(../resources/images/ctrightArrow.png) no-repeat;}

.offrsbike{text-align: left;}
.offrsbike h4{padding-bottom: 10px;}
.offrsbike img{width: 100px;padding-bottom: 5px;padding-left: 2px;}
.offrsbike p{color: #004a8f;padding-bottom: 10px;}
.offrsbike p span{color: #d6252b;}
.biglogo .offrbox .brndimg{padding-top: 10px;padding-bottom: 10px;width: 190px;max-width: 96%;}
.biglogo > div{background: #fff !important;}
.logo_icon{min-height: 75px;}
.mdisclaimer p{padding: 10px; font-size: 12px;margin-bottom: 0;border-top: 1px solid #cfc6c6;}

.inblogpg .mainbnr{margin: 20px 0px;box-shadow: 0 0 15px #c5a2165c;border-radius: 25px;width: 100%}
.inblogpg .content h1{color: #004a8f;font-size: 28px;font-weight: 600}
.inblogpg .content p{font-size: 14px;}
.inblogpg p a,.inblogpg .content ul a{color: #004a8f;text-decoration: underline;}
.inblogpg p a:hover,.inblogpg .content ul a:hover{text-decoration: none;}
.inblogpg .content h4{color: #004a8f;font-size: 20px;font-weight: 600;padding-top: 10px;}
.inblogpg .content ul{padding-left: 20px;}
.inblogpg .content{border-bottom: 1px dashed #d6252b;padding-bottom: 30px;}
.blogmenu .retail_cards, #article_bx .retail_cards{padding: 10px;min-height: 250px;position: relative;border-radius: 20px}
.blogmenu .retail_cards img, #article_bx .retail_cards img{border-radius: 15px;}
.blogmenu .retail_cards h5, #article_bx .retail_cards h5{margin-top: 10px;font-size: 15px;color: #333;font-weight: 600;text-align: center;}
.blogmenu .retail_cards span.readmr, #article_bx .retail_cards span.readmr{font-size: 14px;color: #004a8f;font-weight: 600;position: absolute;bottom: 10px;left: 0;right: 0;}
/*.arTtitle{font-size: 20px;font-weight: 700;text-align: left;margin-bottom: 20px;padding-left: 20px;}*/
.blgicon a{float: right;}
.blgicon a img{width: 55px;}
.blgicon a:hover img{transform: scale(1.05);}

.giftTxt{font-size: 20px;padding: 10px 0;text-align: left;line-height: 28px;margin-bottom: 0;}
.giftTxt span.red{color: #d6252b;text-align: center;display: block;}
.safediv{display: block;margin: 0 auto;padding-bottom: 20px;}
.safeimg{width: 100%;box-shadow: 0 0 15px rgb(0 0 0 / 25%);border-radius: 25px;}
.offer_box h3{min-height: 70px;}
.logo_icon img{padding-bottom: 10px;width: 60%}
.button_group a{font-size: 13px;}
.SafetyCarousel h4{font-size: 24px;padding-left: 5px;margin-bottom: 0;font-weight: 600}
.SafetyCarousel .owl-carousel{margin-bottom: 20px;}
.SafetyCarousel .owl-carousel .owl-nav{position: absolute;top: -35px;right: 10px;}
.SafetyCarousel .owl-carousel .owl-nav button.owl-next:focus, .SafetyCarousel .owl-carousel .owl-nav button.owl-prev:focus{outline: none;}
.SafetyCarousel .owl-carousel .owl-nav button.owl-next span,.SafetyCarousel .owl-carousel .owl-nav button.owl-prev span{color: transparent;}
.SafetyCarousel .owl-carousel .owl-nav button.owl-next{background: url(../resources/images/arrowRight.png) no-repeat;width: 13px;height: 20px;background-size: 11px;}
.SafetyCarousel .owl-carousel .owl-nav button.owl-prev{background: url(../resources/images/arrowLeft.png) no-repeat;width: 13px;height: 20px;background-size: 11px;}

/*Ft2021*/
#topbanner .item{text-align: center;padding: 20px 0px;}
#cat_carousel .offrbox .offrcta{bottom:10%;}
#cat_carousel .offrbox .validty{bottom:3%;position: absolute;width: 100%;left: 0;}
.ui-front{z-index: 9999;}

  .selectcard{text-align: center;}
  .selectcard h1{font-size: 1.5rem;padding: 10px 0;color: #fff;}
  .selectcard img{width: 80%; margin: 0 auto;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 25px;}
  #cardname{border: none;min-height: 50px;font-size: 16px;-webkit-appearance: none;background: url(../resources/images/downArrow.png) no-repeat right #fff;background-size: 25px;padding: 5px 20px;background-position-x: 96%;width: 80%;margin: 0 auto}
  .cdList{padding-left: 0;margin-bottom: 20px;}
  .cdList li{display: inline-block;width: 49%;color: #fff;}
  .cdList li:first-child{text-align: left;font-size: 18px;}
  .cdList li:last-child{text-align: right;font-size: 15px;}
  #spendcarousel{margin-bottom: 20px;}
  #spendcarousel .wBx{background: #fff;padding: 10px 10px;text-align: center;border-radius: 10px;min-height: 160px;}
  #spendcarousel .wBx p{font-size: 16px;margin-bottom: 0;padding-top: 5px;}
  #spendcarousel .wBx img{max-width: 100%;}
  #spendcarousel .owl-nav button.owl-next, #spendcarousel .owl-nav button.owl-prev, #spendcarousel button.owl-dot{ outline:none; font-size:3rem;  color:#004a8f; font-weight:600;}
  #spendcarousel .owl-nav button.owl-next{ position: absolute;top: 35%;right:-30px; background:url(../resources/images/next.png) no-repeat right center; width:15px; height:30px; padding:0 !important}
  #spendcarousel .owl-nav button.owl-prev{ position: absolute;top: 35%;left:-30px; background:url(../resources/images/prev.png) no-repeat right center; width:15px; height:30px; padding:0 !important}
  #spendcarousel .owl-nav button.owl-next span, #spendcarousel .owl-nav button.owl-prev span{ display:none}
  .spendscontent {background: url(../resources/images/drag.png) no-repeat center center;position: relative;min-height: 350px;border: 2px dashed #cbd5df;border-radius: 10px;margin-top: 0px;padding: 15px 20px 15px 20px;background-size: 100px;margin-bottom: 30px;}
  .switch{position:relative;display:inline-block;width:54px;height:28px;margin: 5px 10px;}
  .switch input{opacity:0;width:0;height:0}
  .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#208aec;-webkit-transition:.4s;transition:.4s}
  .switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
  .switch input:checked + .slider{background-color:#2196F3}
  .switch input:focus + .slider{box-shadow:0 0 1px #2196F3}
  .switch input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
  .switch .slider.round{border-radius:34px}
  .switch .slider.round:before{border-radius:50%}

  .itembx{ width:100%; display:flex; align-items: center; margin-bottom:20px}
.rangesl{ width:40%; float:left; margin-left:20px;}
.mt15{ margin-top:22px}
.fr_amt input[type='text']{ border:none;color:#333333; font-size:1.1rem; width:70px}
.itembx{position: relative;padding-right:0;}

.fl_head{ float:left;  width:30%; color:#333333; font-size:1.1rem; padding:7px 10px 7px 10px; display:flex; align-items: center; }
.fl_head span{ margin-right:10px} 
.fr_amt{ float:right; width:15%; border:1px solid #d2d2d2; padding:7px 0px 7px 15px; color:#333333; font-size:1.1rem; margin-right:3%; margin-top:8px; border-radius:5px}
.fr_amt input {color: #666666;font-size: 1rem;font-family: 'Open Sans', sans-serif;}
.itemdet{ background: #ffffff;border-radius: 10px;  box-shadow:0px 3px 10px rgba(0,0,0,0.2); padding:10px 10px; min-height:80px;}
.itemdet{ position:relative; width: 100%; }
.itemdet .closeimg{position: absolute;right: -10px;width: 23px;top: -10px;cursor: pointer;}
.itemdet{ z-index:10; transition: 0.2s ease all;}
.itembx{display: none;}
.irs--big .irs-min, .irs--big .irs-max, .irs--big .irs-single{ display: none; }
.irs--big .irs-line{background: #dbe0e7; height: 8px; border:0; top:0px;}
.irs--big .irs-bar{background: #f14b51; height: 8px; border:0; box-shadow: none; top:0px;}
.irs--big .irs-handle{ width: 20px; height: 20px; border: 7px solid #004a8f; top:-7px;}
.irs--big{ height: 13px; }
.rangeVal{position: relative;}
.rangeVal > a{position: absolute;right: 10px;color:#1256ae;top:12px;font-size: 14px;}
.rangeVal > a img{vertical-align: middle; position:absolute; top:-5px; right:2px;}
.icon01 span{ background:url('../resources/images/img01.png') no-repeat 0 center #fff;width: 70px;    height: 35px;display: inline-block;background-size: cover;}
.icon02 span{ background:url('../resources/images/img02.png') no-repeat 0 center #fff;width: 70px;    height: 35px;display: inline-block;background-size: cover;}
.cashback_details p {font-size: 1rem;}
    .cashback_details p span{font-weight: bold;}
.resultbx{ background:url('../resources/images/resultbgd.png') no-repeat top center; min-height:180px;padding:20px 30px; color:#ffffff; font-size:1rem;border-radius: 20px;background-size: cover;}
.resultbx h4{ font-size:1.3rem; text-align:center}
.resultbx h5{ font-size:1.2rem; text-align:center}
.resultbx img{ text-align:center}
.cashback_offers .rewardpt{width: 100%;background: #2d7fff;border: 1px solid #fff;margin: 10px 0 20px;text-align: center;font-size: 22px;}
.cashback_offers .rewardpt p{padding: 10px; margin-bottom: 0;}
.cashback_offers .rewardpt span{float: right;}
.cashback_offers .applynw{background: #fff;color: #1e86ff;display: block;width: 240px;text-align: center;font-size: 14px;border-radius: 30px;padding: 10px 5px;margin: 0 auto;font-weight: 700;}
.cashback_offers .summry{background: #00518f;color: #fff;display: block;width: 240px;text-align: center;font-size: 14px;border-radius: 30px;padding: 10px 5px;margin: 0 auto;font-weight: 700;margin-bottom: 10px;}
.cashback_offers .applynw img, .cashback_offers .summry img{width: 15px;vertical-align: initial;}
#back_button{font-size: 13px;color: #fff;font-weight: 600;}
#back_button img{vertical-align: baseline;}
.mBnr{text-align: center;padding: 20px 0;}
.mBnr li{display: inline-block;width: 49%}
.mBnr li img{width: 80%;box-shadow: 0px 0px 74px 40px #ffffff40;}
.mBnr li:last-child{vertical-align: middle;}
.mBnr h2{color: #fff;font-size: 30px;}
#mainNav{border-bottom: 0}
.mdisclaimer p{color: #fff;}
.spendcat h4{color: #fff;font-size: 18px;font-size: 22px;padding: 10px 0;}
  #cardname{border: none;min-height: 50px;font-size: 16px;-webkit-appearance: none;background: url(.../resources/images/downArrow.png) no-repeat right #fff;background-size: 25px;padding: 5px 20px;background-position-x: 96%;width: 80%;margin: 0 auto}
.cashback_offers .applynw img, .continueBtn img{width: 15px;vertical-align: initial;}

.continueBtn{background: #fff;color: #1e86ff;display: block;width: 180px;text-align: center;font-size: 14px;border-radius: 30px;padding: 10px 5px;margin: 0 auto;font-weight: 700;margin-bottom: 100px;}
.topbncr{margin: 20px auto;display: block;}

.drOffer{padding: 40px 40px 10px 40px;min-height: 290px;background: #fff;margin: 20px 0;border-radius: 20px;}
 .drOffer .prodimg{float: right;margin-right: 30px;}
 .drOffer .ofrInfo{min-height: 250px;padding-bottom: 10px;} 
 .drOffer .btn_grp{margin-bottom: 20px}
 .drOffer .ofrInfo h1{font-size: 23px;font-weight: 600;margin-bottom: 15px;color: #333333;}
 .drOffer .ofrInfo .minitxt{color: #004a8f;font-size: 17px;font-weight: 600;margin-bottom: 5px;}
 .drOffer .ofrInfo h4{color: #004a8f;font-size: 1.2rem;font-weight: bold;margin-top: 15px;}
 .drOffer .ofrInfo .intdet{color: #004a8f;font-size: 13px;font-weight: 500;margin-bottom: 5px; background: url(../resources/images/bull.png) no-repeat left 2px;padding-left: 25px;}
  .drOffer h4{font-size: 18px;color: #004a8f;font-weight: 600;text-align: left;}
  .drOffer ul li{color: #004a8f;font-size: 14px;}
  .topbncr{border-radius: 30px;margin-bottom: 40px;}
  .dormBx{box-shadow: 0 0 15px rgb(0 0 0 / 25%);/*background: #fff url(../resources/images/Apparel_2.jpg) no-repeat center top;    background-size: contain*/;background: #fff; text-align: center;padding: 10px 10px;border-radius: 15px;min-height: 330px;margin-bottom: 20px}
  .dormBx .brndimg{width:240px;max-width:100%;padding-top:10px;}
  .dormBx .offcalout {min-height: 80px;padding-top: 20px;color: #004a8f;font-weight: 600;font-size: 18px;}
  .dormBx .offrcta{position: absolute;left: 50%;transform: translate(-50%, -50%);bottom: 20px;width: 90%}
  .dormBx .offrcta a {margin-bottom: 10px;font-size: 12px;padding: 8px 10px;width: 80%}
  .dormBx .validty {position: absolute;bottom: 25px;right: 20px;}
  .dormBx .validty p {color: #004a8f;font-size: 12px;display: inline-block;padding-left: 10px;font-weight: 600;margin-bottom: 0;text-align: right;padding-right: 20px;}

.dormantBnr{padding: 10px 0 30px;}
.dormantBnr img{border-radius: 10px;box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.moretext{display: none;}
.moreless-button:hover{text-decoration: underline;}
.moreless-button{display: block;text-align: center;color: #004a8f;font-size: 14px;font-weight: 600;margin: -5px 0 20px;}
.btitle{font-size: 1.2rem;color:#fff;}
.fbx{ padding:12px 10px 12px 50px;  /*box-shadow:0px 0px 5px rgba(0,0,0,0.1); */  color:#333; font-size:1rem; font-weight:600; line-height:1.4rem; border-radius:10px; margin:5px 5px}
.fbx.icon01{ background:url('../resources/images/icons01.png') no-repeat 12px center;}
.fbx.icon02{ background:url('../resources/images/icons02.png') no-repeat 12px center}
.fbx.icon03{ background:url('../resources/images/icons03.png') no-repeat 12px center;}
.fbx.icon04{ background:url('../resources/images/icons04.png') no-repeat 12px center;}
.fbx.icon05{ background:url('../resources/images/icons05.png') no-repeat 12px center;}
.fbx.icon06{ background:url('../resources/images/icons06.png') no-repeat 12px center;}
.fbx.icon21{ background:url('../resources/images/icons21.png') no-repeat 12px center;}
.fbx.icon20{ background:url('../resources/images/icons20.png') no-repeat 12px center;}
.fbx >b{ font-weight:800; color:#1e86ff; font-size:1.5rem; padding-right:5px;  float: left; display: none; height: 40px; padding-top: 2px}
.info2{padding:20px 20px 5px 20px;background:#d9e6fa;font-size:16px;line-height:22px; margin:0 0  20px 0;}
.info{padding:20px 30px 10px 30px;background:#fff;font-size:16px;line-height:22px; margin: 20px 0;}
.ollist{ padding: 0 ; }
.ollist li{ position: relative; padding: 20px 0 12px 50px; font-size: 15px; list-style-type: none;  color: #707070; background-position:  left 12px; background-repeat: no-repeat;     min-height: 50px;width: 47%;display: inline-block;;}
.ollist li ul li{ min-height: auto; padding: 5px; }
.title2{font-size:1.2rem;margin-bottom:10px;font-weight:400; color: #333333;}
.ollist li span{ font-weight: bold; color: #fff; display: block;font-size: 1.6rem;position: absolute;left: -5px;top:5px;background: #f6f6f6;padding:0.5rem;border-radius: 40px;width: 40px;height: 40px;}
.ollist li span img{width: 35px;}
.ollist ul {padding-left: 20px;}
.ollist ul li{list-style-type: circle; padding-left: 5px;}


/*Womens Day*/
.otherpg .retail_cards { min-height: 300px; background: #e7fafd; background-size: cover; box-shadow: 0 0 10px rgb(0 0 0 / .16); margin-top: 10px;border-radius: 10px;position: relative;}
.otherpg .retail_cards h5{ min-height: 40px; margin-top: 5px;     font-size: 23px;  font-weight: 600;}
.otherpg .retail_cards p{ padding-top: 5px; font-weight: 700; font-size: 1rem; }
.otherpg .retail_cards p span{ font-weight: 700; }
.retail_cards{padding: 20px 10px;min-height: 320px;}
.retail_cards h5{margin-top: 15px;}
.retail_cards p{padding-top: 10px;}
.retail_cards .btnBl {position: absolute;bottom: 20px !important;left: 50%;transform: translateX(-50%);width: 140px;font-size: 0.85rem;}

.retail_cards{ padding:20px 15px 15px 15px}
.retail_cards img{ width:100px;}
#diners_card_banner{position: relative;}
#diners_card_banner .applyNow_btn.redbtn{margin-left: 20%;}
.icon_bullet{padding: 0;margin:0;max-width: 650px;margin:0 auto;}
.icon_bullet li{position: relative;padding-left: 3.5rem;margin-bottom: 1rem;list-style: none; }
.icon_bullet li  img{position: absolute;left: 0px;width: 40px;top:0px;}
.icon_bullet li p{border-bottom: 1px dashed #999;padding:0.5rem 0 1rem 0;font-size: 1rem;}
.icon_bullet li p > span{font-weight: bold;color:#333;}
.icon_bullet li p a{color: #fff; font-size: 0.9rem;}
/* .icon_bullet li p a:hover{color: #004a8f;} */
.card_benefit{ color: #fff; margin-top: 2rem; }
.explore_off_box{display: none !important;}

/*---------------------*/
.selectcard img {
    width: 80%;
    margin: 0 auto;
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px;
     border-radius: 0px!important; 
}
.fr_amt{position: relative;}