html{ font-family: 'Open Sans', sans-serif; }
body{font-family: 'Open Sans', sans-serif;}
header { padding: 154px 0 100px;}

.form-group{ border-bottom: 1px dotted #cccccc }
.form-group .checkbtn {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
 input.number{ margin-top: 10px }
.form-group label {position: relative;cursor: pointer;}
.form-group label:before {content:'';-webkit-appearance: none;background-color: transparent;left: 0px;border: 2px solid #0079bf;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;}
.form-group .checkbtn:checked + label:after {content: '';display: block;position: absolute;top: 7px;left: 9px;width: 6px;height: 14px;border: solid #0079bf;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.custom-control p{ font-size: 12px; color: red }
label span{ display:inline-block; padding-left: 50px; position:relative; top: -25px}
.carditem a{ border-radius: 5px; margin-right: 5px; text-align: center;; min-width: 250px; background-color: #f0f0f0; border:1px solid #ccc; padding:3rem 2rem; color: #999; font-weight: bold; }
.carditem a.active{ color: black; background-color: #e0e0e0 }
.mhead a{ display: none; }
.backbtn:hover{ color: white }
.selectcard{text-align: center;}
  .selectcard h1{font-size: 1.5rem;padding: 10px 0}
  .selectcard img{width: 80%; margin: 0 auto;box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;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: 5px;}
  .cdList li{display: inline-block;width: 100%}
  .cdList li:first-child{text-align: left;font-size: 18px;}
  .cdList li:last-child{text-align: right;font-size: 15px; display: none;}
  #spendcarousel{margin-bottom: 20px;}
  #spendcarousel .wBx{margin:5px 0px;background: #fff; display:block; color:#333;padding: 10px 10px;text-align: center;border-radius: 10px;min-height: 100px;text-transform: capitalize;}
  #spendcarousel .wBx p{font-size: 13px;margin-bottom: 0; line-height: 17px;     min-height: 40px;}
  #spendcarousel .wBx img{max-width: 100%;width: 70px;margin-bottom: 0.25rem;}

  #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 #0b599f; position: relative;min-height: 160px;border: 2px dashed #cbd5df;border-radius: 10px;margin-top: 0px;padding: 15px 20px 110px 20px;background-size: 100px;margin-bottom: 30px;}
  .backimg{background: url(../resources/images/drag.png) no-repeat center center #0b599f; background-size: 100px}
  .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: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: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;}

.cashback_details p {font-size: 1rem;}
.cashback_details p span{font-weight: bold;}
.resultbx{ background:url('../resources/images/resultbx.png') no-repeat top center; min-height:180px;padding:20px 30px; color:#ffffff; font-size:1rem;border-radius: 20px;background-size: cover; margin-top: 3.5rem;}
.yellowbx{ text-align:left;box-shadow: 0px 0px 15px rgba(0,0,0,0.2); margin-bottom: 20px; background:#f3f1eb url('../resources/images/yellowbx.png') repeat top center; padding:15px 15px 5px 15px; color:#474747; font-size:1rem;border-radius: 15px;background-size: 100%;}
.yellowbx h3{ color:#f30000; font-size: 1.4rem; font-weight: 600;  }
.yellowbx h3 span { font-weight: normal; color: #004a8f }
.summary_box{ text-align:left;box-shadow: 0px 0px 15px rgba(0,0,0,0.2); margin-bottom: 20px; background:#f3f1eb url('../resources/images/summar_box_bg.png') repeat top center; padding:35px 15px 10px 15px; color:#474747; font-size:1rem;border-radius: 15px;background-size: 100%;min-height: 85px;}
.summary_box h3{ color:#f30000; font-size: 1.4rem; font-weight: 600;  }
.summary_box h3 span { font-weight: normal; color: #004a8f }
.resultbx h4{ font-size:1.1rem; text-align:center;line-height: 1.4;}
.resultbx h5{ font-size:1.1rem; text-align:center}
.resultbx img{ text-align:center; margin-top: -58px;}
.cashback_offers .rewardpt{width: 100%;background: #2d7fff;border: 1px solid #fff;margin: 10px 0 20px;}
.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: 180px;text-align: center;font-size: 14px;border-radius: 30px;padding: 10px 5px;margin: 0 auto;font-weight: 700;}
.cashback_offers .applynw img, .continueBtn img, .viewsumm img{width: 15px;vertical-align: initial;}
.viewsumm{background: #00518f;color: #ffffff;display: block;width: 200px;text-align: center;font-size: 14px;border-radius: 30px;padding: 10px 5px;margin: 0 auto;font-weight: 700;}
.continueBtn{background: #fff;color: #1e86ff;display: block;width: 225px;text-align: center;font-size: 14px;border-radius: 30px;padding: 10px 5px;margin: 0 auto;font-weight: 700;margin-bottom: 100px;}
.continueBtn2{border: 1px solid #fff;color: #fff;display: block;width: 225px;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;}
#back_button{font-size: 13px;color:white;font-weight: 600;}
#back_button img{vertical-align: baseline;}
#spendcarousel>div{ cursor: pointer; }
.note{ font-size:0.8rem; }
.chk{}
.mheading{ font-size: 1.3rem; font-weight: 600 }
.summarybx{}

.backbtn{font-size: 13px;color: white;font-weight: 600; }
.summarybg{ background:#9ec3de url('../resources/images/summarybgD.png') no-repeat 50% -15px; padding: 25px 15px 10px 15px; min-height:180px;color:#ffffff; font-size:1rem;border-radius: 20px;background-size: cover;}
.addben{ background:url('../resources/images/additional_ben.png') no-repeat top center; color:#ffffff; font-size:1rem;background-size: cover; margin-top: 20px; padding: 120px 15px 15px 15px}
.summarybg .sumdet{ margin-bottom: 20px; position: relative; }
/*.summarybg .sumdet:last-child{margin-bottom: 0px;}*/
.sumdet:after{ position: absolute; content: '+'; width: 20px; height: 20px; bottom: -20px; left: 32px; color: #7c4d09; font-size: 1rem; font-weight: 600; display: none; }
.lastNoPlus:after{ content: '' !important }
.sumdet h4{ color: #f30000; font-size: 1.1rem; font-weight:600; margin: 0.5rem 12px }
.sumdet h4 span{font-weight: normal; color: #004a8f}
.sumdet p{ color: #333333; font-size: 1rem;  margin: 0px 12px; line-height: 17px text-transform:capitalize; font-weight: bold;}
.addbtn{ border: 1px solid #fff; margin-top: 1rem; background-color: rgba(255,255,255,0.5); border-radius: 30px; color: #004a8f; font-size: 0.9rem; font-weight: 600;width: 90%;display: block;margin:0rem 0 0 auto; }

.addben> h4{ text-align: center; color: #004b95; font-size: 1.1rem; font-weight:600;margin-top: 1rem;padding-right: 25%;}
.totalbx{ background:url('../resources/images/resultbx.png') no-repeat top center; min-height:180px;padding:20px 15px; color:#ffffff; font-size:1rem;border-radius: 20px;background-size: cover;}
.totalbx h4{font-size: 1.1rem;}
.whitebx{margin: 0 0 20px 0; border-radius: 20px; background-color: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); padding: 15px 20px }
.whitebx p{ color: #666666; font-size: 1rem; font-weight: 600; margin-bottom: 0; }
.whitebx h4{color: #f30000; font-size: 1.4rem; font-weight: 600; margin-top: 0px }

.termscondition p{ color: #fff; font-weight: 600;  }
.termscondition ul{ padding-left: 15px }
.termscondition ul li, .termscondition ul li a{ font-size: 0.8rem; color: white }
.whitebx h4 span{ color: #004a8f; font-weight: normal; }
#spendcarousel .item > a.active::after{ position: absolute; content: ''; top:0px; right: -5px; width: 25px; height: 25px; background:url(../resources/images/check_green.png) no-repeat center center; background-size: cover; }
.cashback_offers .rewardpt p{ text-align: left;  }
.viewsumm:hover{ color: white }
.rangevalues{line-height: 0.75;}
.rangevalues span{font-size: 0.75rem;}
.add_box{ background: #065bab; box-shadow: 5px 5px 10px #333; border-radius: 10px; /* position: relative; */ position: absolute;
    bottom: 20px;
    width: 95%;}
.add_box>div{ display: flex; justify-content: space-between; padding: 10px 0; align-items: center; }
.add_box>div > div> img{height: 70px;}
.add_box .close img{height: auto;}
.add_box .close{ padding: 0 20px; }
.add_box p{ margin: 0 0 0 10px; color: #fff; }
/* .add_box>div>*{ flex: 1; } */

.wBx{position: relative;height: 100px;}
.wBx p{position: absolute;width: 100%;bottom:0;padding:1rem 0;text-align: center;color: #fff;left: 0;}


.wBx[name=airport]{background:url('../resources/images/airport.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=bill]{background:url('../resources/images/bill.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=dineout]{background:url('../resources/images/dineout.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=dining_ben]{background:url('../resources/images/dining_ben.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=dining_spend]{background:url('../resources/images/dining_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fee_waiver_spends]{background:url('../resources/images/fee_waiver_spends.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=free_waiver]{background:url('../resources/images/free_waiver.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel]{background:url('../resources/images/fuel.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel_ben]{background:url('../resources/images/fuel_ben.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel_spend]{background:url('../resources/images/fuel_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel_surcharge]{background:url('../resources/images/fuel_surcharge.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=groceries]{background:url('../resources/images/groceries.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=online_spends]{background:url('../resources/images/online_spends.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=other_offline]{background:url('../resources/images/other_offline.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=other_offline_spend]{background:url('../resources/images/other_offline_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=other_spend]{background:url('../resources/images/other_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=petrol]{background:url('../resources/images/petrol.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=rest]{background:url('../resources/images/rest.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=reward_points_4]{background:url('../resources/images/reward_points_4.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=reward_points_5]{background:url('../resources/images/reward_points_5.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=smart_shopping]{background:url('../resources/images/smart_shopping.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=smartbuy]{background:url('../resources/images/smartbuy.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=utilities]{background:url('../resources/images/bill.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=wellness]{background:url('../resources/images/wellness.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=iocl]{background:url('../resources/images/iocl.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=flight_hotel]{background:url('../resources/images/flight_hotel.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=brands]{background:url('../resources/images/smart_shopping.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=dineout]{background:url('../resources/images/dineout.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=dining_ben]{background:url('../resources/images/dining_ben.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=dining_spend]{background:url('../resources/images/dining_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fee_waiver_spends]{background:url('../resources/images/fee_waiver_spends.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=free_waiver]{background:url('../resources/images/free_waiver.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel]{background:url('../resources/images/fuel.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel_ben]{background:url('../resources/images/fuel_ben.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel_spend]{background:url('../resources/images/fuel_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=fuel_surcharge]{background:url('../resources/images/fuel_surcharge.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=groceries]{background:url('../resources/images/groceries.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=online_spends]{background:url('../resources/images/online_spends.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=other_offline]{background:url('../resources/images/other_offline.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=other_offline_spend]{background:url('../resources/images/other_offline_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=other_spend]{background:url('../resources/images/other_spend.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=petrol]{background:url('../resources/images/petrol.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=rest]{background:url('../resources/images/rest.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=reward_points_4]{background:url('../resources/images/reward_points_4.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=reward_points_5]{background:url('../resources/images/reward_points_5.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=smart_shopping]{background:url('../resources/images/smart_shopping.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=smartbuy]{background:url('../resources/images/smartbuy.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=utilities]{background:url('../resources/images/bill.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=wellness]{background:url('../resources/images/wellness.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=iocl]{background:url('../resources/images/iocl.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=flight_hotel]{background:url('../resources/images/flight_hotel.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=brands]{background:url('../resources/images/smart_shopping.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=featured]{background:url('../resources/images/featured.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=hotels]{background:url('../resources/images/hotels.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=smart_buy]{background:url('../resources/images/smart_buy.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=smart_pay]{background:url('../resources/images/smart_pay.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=weekday_dining]{background:url('../resources/images/weekday_dining.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=weekend_dining]{background:url('../resources/images/weekend_dining.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=movies]{background:url('../resources/images/movies.png') no-repeat 0 center #fff !important;background-size: cover !important;}
.wBx[name=irctc_utility]{background:url('../resources/images/irctc_utility.png') no-repeat 0 center #fff !important;background-size: cover !important;}


.termscondition li a{text-decoration: underline;}
.headtxt{ font-size: 1.1rem; font-weight: normal; text-align: left; color: white }
.totalBenefit{ text-align:left;box-shadow: 0px 0px 15px rgba(0,0,0,0.2); margin-bottom: 20px; background:url('../resources/images/totalbenbx.png') no-repeat top center; padding:15px; color:#474747; font-size:1rem;border-radius: 20px;background-size: cover;}


.summary_box .thead, .yellowbx .thead{font-size: 1rem;color: #333333;font-weight: 500;margin-bottom: 0.5rem;text-transform: capitalize;}
.summary_box .tdata, .yellowbx .tdata{color: #f42a2a;font-weight: 600;font-size: 1.125rem;margin-bottom: 0.5rem;}
#annualfp p{margin-bottom: 0.25rem;}
.explore_more_off{text-align: center;font-size: 1rem;margin:1rem 0;color: #fff;}
.explore_more_off >span{font-size: 1.4rem;}
.termscondition{display: none;}
.summarybg .cat_txt{display: none;}
.wseperator{margin:1rem 0;height: 1px;background: rgba(255,255,255,0.5);width: 100%;}
.seperator{margin:0 0 1rem 0;height: 1px;background: #bbb;width: 100%;}
.explore_off_box{ background:url('../resources/images/resultbx.png') no-repeat top center; min-height:75px;padding:5px 15px; color:#ffffff; font-size:1rem;border-radius: 20px;background-size: cover;margin: 1rem 0;}
.explore_off_box .explore_more_off span{font-weight: bold;}
.explore_off_box .explore_more_off{margin:0.5rem 0;}
.not_selected > .sumdet{border:2px dashed #fff;padding: 1rem;border-radius: 5px;}
.sumdet div > img{width: 80%;}
.dont_miss p{color: #004b95;}

.summarybg .row > div.not_selected{order:5;}
.sum_title{font-size: 1.1rem;}
#spends_txt > span{display: block;font-size: 0.85rem;}
#spends_txt .title1{font-size: 1.2rem;margin-bottom: 0.5rem;}
.spendscontent.snudge{padding-bottom: 145px;}
.no_bg{background-image: none !important;}

.notetext{ font-size: 0.8rem; padding:15px; border:1px dotted #e0e0e0; color: white }
.notetext strong{ font-weight: 600; }

.addben .sumdet{ border-top: 1px dashed rgba(255,255,255,0.5); padding-bottom: 10px; margin-bottom: 10px }
.addben .sumdet div > img{ margin-top: 10px }

.add_spends{position: relative;padding-left: 35px;}
.add_spends > img{position: absolute;left: 5px;top:-10px;width: 25px}
.infotip{display: inline-block;font-size: 0.70rem;color:#004aa3;position: absolute;right:15px;top:15px;}
.infotip > em{position: relative;width: 20px;background: url(../resources/images/info.png) no-repeat center;display: inline-block;height: 20px;background-size: cover;vertical-align: middle;font-weight:normal;margin-left: 1rem;}
.infotip  em > i{position: absolute;width: 200px;top: 30px;z-index: 5;padding:0.5rem 0.35rem;border-radius: 5px;color: #fff;
font-size: 0.75rem;text-align: center;left: -90px;background: #005ea7;font-weight: boldfont-style: normal;}
.fir_row .thead{font-size: 0.8rem !important;}
.fir_row .tdata{font-size: 0.8rem !important;color:#333;}
.infotip  em > i:after{position: absolute;border-width: 8px;border-color:transparent transparent #005ea7 transparent;border-style: solid;content: "";left:50%; margin-left: -8px;top:-15px;}
.addben .infotip{position: static;}
.not_selected .infotip{position: static;}
.not_selected .infotip > em{margin-left: 0;}
button#calculate:disabled{background:#ccc;border:1px solid #ccc;}
.screen1{display: none;}
.cfff{color: #fff;}

.bxhead{color: #004b95;font-size: 1.1rem;font-weight: 600; text-align: center;}
.continueBtn2:hover{color: #fff;}
.terms_button{margin-top: 20px;}

.explore_off_box {display: none !important;}
.fr_amt .tooltiptext::after{content: "";
  position: absolute;
  top: 100%;
  right: 20%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;}
  .fr_amt .tooltiptext{
  width: 400px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  bottom: 125%;
  right: 0px;
  margin-left: -60px;
  border: 1px solid red;
  color: red;
  }
  .fr_amt .val1{display: none;}
  .fr_amt .val2{display: none;}
  .fr_amt .val3{display: none;}
  .fr_amt .val4{display: none;}
  .fr_amt .val5{display: none;}
  .fr_amt .val6{display: none;}
  .fr_amt .val7{display: none;}
  .fr_amt .val8{display: none;}
#spendcarousel .wBx p{ padding-left: 5px; padding-right: 5px; margin-bottom: -10px }

@media only screen and (min-width: 1400px) {

}
@media only screen and (min-width: 1600px) {

 }

/*ipad - both*/
@media (min-width: 768px) and (max-width: 1023px){

} 
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){

}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 900px){

}


@media (max-width: 767px){
  .fr_amt .tooltiptext{
    width: 300px;
    right: -50px;
    }
  .sumdet .row div p{font-size: 0.85rem;margin:0px 8px;}
  .add_box p{font-size: 0.7rem;}
  #spends_txt .title1{font-size: 1rem;}
  #spends_txt > span{font-size: 0.7rem;}
  .selectcard h1{font-size: 1.15rem;}
.itembx{ position:relative; width: 100%}
  .itemdet{ position:relative; width: 100%; min-height: 130px}
  .itemdet{ z-index:10; transition: 0.2s ease all;}
  .rangesl{ position:absolute; width:82%; top:60px}
  .fl_head{ width:65%;font-size: 0.9rem;}
  .fr_amt{ width:30%;}
  .fr_amt input[type='text'] {width:75%;}
  .amountbx .col50{ width:100%}
  .resultbx{background-size: cover;border-radius: 10px;padding:20px 15px;}
  .crownimg{margin-top: -50px;}
  .spendscontent{margin-bottom: 20px;}
  #spendcarousel{padding: 0 0px;}
  #spendcarousel .owl-stage{ padding-left: 0px !important}
  #spendcarousel .owl-nav button.owl-next{right: -10px;}
  #spendcarousel .owl-nav button.owl-prev{left: -10px;}
  #back_button { display: block; margin-bottom: 15px }
  .spendscontent{ margin-bottom: 15px }
  #calculate{ display: block; margin-bottom: 45px }
  .cashback_offers .rewardpt p{ font-size: 0.8rem; text-transform:capitalize; text-align: left; }
  .backimg{}
  /* .bluebg{ background: url(../resources/images/bg.png) no-repeat top center; background-size: 100% 100% } */
  .fr_amt{ padding: 7px 0px 7px 5px }
  .summarybg{ background:url('../resources/images/summarybg.png') no-repeat 50% -15px; }
  #spendcarousel .wBx p{font-size: 12px;}
  #spendcarousel .wBx img{width: 55px;}
  .addbtn{/*width: 100px;*/display: block;margin:0rem 0 0 auto;font-size: 0.75rem;}
  .add_box .close{ padding: 0 5px; }
  .add_box{ width: 90%; }
  .spendscontent{ padding-bottom: 20px; }
  .headtxt{ font-size: 1.1rem; }
  .summary_box .thead, .yellowbx .thead{font-size: 0.9rem;}
  .sumdet p{font-size: 0.9rem;}
    .addben .sumdet div > img{ width: 100%; margin-top: 10px }
      .addben{padding-top: 70px;}
  .addben{ padding:70px 20px 20px 20px; }
  .wBx[name=smart_buy]{background-size: 100% 100% !important;}
}

@media (max-width: 420px){
  .switch .slider:before{width: 16px;height: 16px;}
  .switch{height: 24px;width: 50px;margin: 5px 5px}
  .cdList li:last-child{font-size: 14px;}
  .icon07{word-break: break-all;}
  .fl_head{font-size: 0.8rem;}
  .sumdet .row div p{font-size: 0.75rem;}
}

@media (max-width: 360px){
  .fr_amt{padding: 7px 0px 7px 3px}
  .fr_amt input[type='text']{font-size: 14px;}
}