.gray-bg.info:hover .headtext{color:white}
.active .headtext{color:white}
.gray-bg.info:hover span.margintop-mob,.gray-bg.info:hover span.d2h-current-date{color:white;cursor:default}
.active span.margintop-mob,.active .info:hover span.d2h-current-date{color:white;cursor:default}
.gray-bg.info:hover{background:linear-gradient(to bottom,#5c258d 0,#4487a2 100%)}
.active{background:linear-gradient(to bottom,#5c258d 0,#4487a2 100%)}
.headtext{cursor:default}
.d2h-current-date{font-size:15px !important;font-weight:500 !important;display:inline !important;margin:0 !important}
.my-account-top-container{display:flex;justify-content:space-between;background-color:#4e257c;padding:22px 20px;border-radius:8px;margin-bottom:25px}
.my-account-top-container .id-section{all:unset}
.my-account-top-container .id-section .id-box{margin-bottom:0}
.my-account-top-container .d2h-userName{all:unset;font-size:18px;font-weight:600;color:#fff}
.my-acc-rows-container{display:flex;justify-content:space-between;padding:25px 0;margin:0 40px;border-bottom:1px solid rgba(17,17,17,0.12)}
.my-acc-rows-container p{all:unset;font-size:16px;font-weight:400;color:#000}
.my-acc-rows-container>div{width:45%}
.my-acc-rows-container .field-tip{padding-left:5px;position:relative;left:0 !important}
.monthly-recharge-container{position:relative;padding-right:10px}
.monthly-recharge-text{display:none;width:190px;background-color:rgba(255,226,154,1) !important;color:#111;text-align:center;border-radius:6px;padding:5px 5px;position:absolute;z-index:1;right:5%;font-size:14px;transition:display .3s}
@media only screen and (max-width:600px){.my-acc-rows-container .field-tip .tip-content{left:25px !important}
}
.id-section select{all:unset}
.my-account-top-container .select-mobile{width:293px;border:1.5px solid #e4e4e4;height:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:50px;border-radius:7px;color:#444;font-size:18px;font-weight:500;line-height:24px;display:flex;align-items:center;cursor:pointer}
.my-account-top-container .custom-select-mobile-container{position:relative}
.my-account-top-container .custom-select-mobile-container:after{display:none;content:"";position:absolute;height:0;width:0;right:20px;top:41%;pointer-events:none;height:10px;width:10px;border-style:solid;border-color:#000;border-width:0 2px 2px 0;transform:rotate(45deg)}
.my-account-top-container .custom-select{position:relative}
.my-account-top-container .profile-icon{position:absolute;top:22px;left:20px;width:17px;height:17px}
.my-acc-username-container{display:flex;align-items:center}
.my-acc-right-info-container.padding-top{line-height:unset}
@media only screen and (max-width:769px){.my-account-top-container{flex-direction:column}
.my-acc-email-account,.my-acc-address-container{flex-direction:column}
.my-acc-address-container>div{width:100% !important}
.my-account-top-container .select-mobile{width:230px}
.vc-container{margin-top:20px}
.pull-right{float:unset !important}
.custom-select-mobile-container{width:100%}
.custom-select-mobile-container:after{top:52%}
.select-mobile{width:100%;height:48px;font-size:16px;line-height:18.75px}
.my-acc-right-info-container{margin-top:45px}
.my-acc-rows-container>div{width:48%}
.my-acc-rows-container p{font-size:15px}
.my-acc-rows-container{margin:0 14px;padding:20px 0}
}
.cashback-details{font-weight:300;font-size:14px;line-height:35px;color:#000;box-sizing:border-box;display:flex;width:100%;padding:0;flex-wrap:wrap;max-height:450px;overflow-y:auto}
.cashback-div{font-weight:300;font-size:14px;line-height:35px;color:#000;box-sizing:border-box;display:block;background:#fff;border-radius:10px;box-shadow:0 0 10px #ddd;margin:10px;border:1px solid #ddd;border-top:0;width:calc(50% - 20px)}
.cashback-div .benefit-status p span{border-radius:5px;text-transform:uppercase;color:#32c339;border:1px solid;padding:2px 5px;margin-right:5px;background:#c8f1ca;font-size:11px}
.benefit-status{padding:10px;padding-bottom:5px;margin-bottom:5px;font-size:13px;line-height:22px}
.benefit-replica{display:flex;justify-content:space-between}
.recharge-detail{font-weight:300;font-size:14px;line-height:35px;color:#000;box-sizing:border-box;display:flex;align-items:center;width:100%;border-top:1px solid #ddd}
.recharge-detail p span{color:#32c339}
.recharge-date{font-weight:300;font-size:14px;line-height:35px;color:#000;box-sizing:border-box;width:50%;text-align:center;padding:10px;border-right:1px solid #ccc}
.recharge-amount{font-weight:300;font-size:14px;line-height:35px;color:#000;box-sizing:border-box;width:50%;text-align:center;padding:10px}
.cashback-div .benefit-status p span.not-availed{color:#fda929;border-color:#fda929;background:#faf3bc}
. .col-md-6{font-weight:300;font-size:14px;line-height:35px;color:#000;box-sizing:border-box;position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;width:50%}