html[data-bs-theme="dark"] .accordion-button:not(.collapsed) {color: var(--color-dark);}
.h-35{width: 35px;height: 35px;}
.accordion-button:not(.collapsed) {color: var(--color-dark-brown);}
.h-60{width: 60px!important;height: 60px;}
/*==================== BORDER STYLES ==========================*/
.border-color-first {border-color: var(--color-first) !important;}
.border-color-second {border-color: var(--color-second) !important;}
.border-color-black {border-color: var(--color-black) !important;}
.border-color-white {border-color: var(--color-white) !important;}
.border-color-light {border-color: var(--color-light) !important;}
.border-color-gray {border-color: var(--color-grey) !important;}
.border-color-gray2 {border-color: var(--color-gray-2) !important;}
.border-color-gray4 {border-color: var(--color-grey-4) !important;}
.border-color-content {border-color: var(--color-content) !important;}
.border-color-second-same {border-color: var(--color-second-same) !important;}
.border-color-black-same {border-color: var(--color-black-same) !important;}
.border-color-white-same {border-color: var(--color-white-same) !important;}
.border-color-content-same {border-color: var(--color-content-same) !important;}
.border-soft-sky {border-color: var(--border-soft-sky) !important}
.border-mint-white {border-color: var(--border-mint-white) !important}
.border-blush-neutral {border-color: var(--border-blush-neutral) !important}
.border-cool-gray {border-color: var(--border-cool-gray) !important}
.border-peach-light {border-color: var(--border-peach-light) !important}
.border-neon-cashback {border-color: var(--border-neon-cashback) !important}
.border-hot-deal {border-color: var(--border-hot-deal) !important}
.border-purple-blue {border-color: var(--border-purple-blue) !important}
.border-lime-energy {border-color: var(--border-lime-energy) !important}
.border-premium {border-color: var(--border-premium) !important}
.border-light-same {border-color: rgba(0, 0, 0, 0.09) !important;}
.border-light-same2 {border-color: rgba(0, 0, 0, 0.3) !important;}
/*==================== BACKGROUND COLOR STYLES ================*/
.bg-color-content {background-color: var(--color-content) !important;}
.bg-color-green {background-color: var(--color-green) !important;}
.bg-color-red {background-color: var(--color-red) !important;}
.bg-light-pink {background-color: var(--color-light-pink) !important;}
.bg-light-purple {background-color: var(--color-light-purple) !important;}
.bg-cream{background-color: var(--color-cream) !important;}
.bg-cool-purple {background-color: var(--color-cool-purple) !important;}
.bg-app-download{background: linear-gradient(160deg, #F9F8FF, #FFFFFF, #FFD4E9);}
/*bg-gradient*/
.bg-soft-sky{background: linear-gradient(135deg, #F5F9FF, #EEF2FF);}
html[data-bs-theme="dark"] .bg-soft-sky{background: linear-gradient(135deg, #232d3b, #212634);}
.bg-mint-white{background: linear-gradient(135deg, #F2FFF8, #ECFEFF);}
.bg-blush-neutral{background: linear-gradient(135deg, #FFF6F9, #F8FAFC);}
@media (prefers-color-scheme: dark) {.bg-blush-neutral {background: #2d2d2d;}}
.bg-cool-gray-glass{background: linear-gradient(135deg, #F8FAFC, #EEF2F7);}
.bg-peach-light{background: linear-gradient(135deg, #FFF7ED, #FFF1F2);}
/*.bg-peach-light{background: linear-gradient(135deg, #f9f4fe, #f9f1ff)}*/
html[data-bs-theme="dark"] .bg-peach-light {background: linear-gradient(135deg, #292015, #4a3839)}
.bg-neon-cashback{background: linear-gradient(90deg, #8AE7C6, #00D9F5);}
.bg-hot-deal{background:linear-gradient(90deg, #FF4D6D, #FF9A44);}
.bg-purple-blue{background:linear-gradient(90deg, #7B61FF, #00C6FF);}
.bg-lime-energy{background: linear-gradient(90deg, #D7E97A, #4CE9B1)}
.bg-premium-gradient{background: linear-gradient(90deg, #FF3CAC, #784BA0, #2B86C5);}
.bg-peach-light2 {background: linear-gradient(157deg, #ffe7c9, #FFF1F2, #FF9A44);}
.bg-peach-light3 {background: rgba(255, 128, 0, 0.1);}
.bg-peach-light4 {background: linear-gradient(292deg, #fffdfa 50%, #fff8ee 40%, #ffe3cb);}
/*btn bg gredient*/
.btn-color-gredient1, .btn-color1, .btn-color2{overflow: hidden;position: relative;height: 40px;}
.btn-color-gredient1::after, .btn-color1::after, .btn-color2::after {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;transform: skewX(-45deg);transition: left 1s ease;}
.btn-color-gredient1:hover::after, .btn-color1:hover::after, .btn-color2:hover::after {left: 100%;}
.btn-color-gredient1::after{background:rgba(0, 0, 0, 0.1);}
.btn-color1::after {background:rgba(0, 0, 0, 0.06);}
html[data-bs-theme="dark"] .btn-color1::after {background:rgba(225, 225, 225, 0.1);}
.btn-color2::after {background:rgba(255, 199, 173, 0.2);}
.btn-color-gredient1 {color: var(--color-white-same);background: linear-gradient(135deg, #ff2d75, #7b5cff, #3aa0ff);border: none !important;}
.btn-color-gredient1 .button-style-span{color: var(--color-white-same);}
.btn-color1 {color: var(--color-black);background: transparent;border: 1px solid rgba(0, 0, 0, 0.15);}
html[data-bs-theme="dark"] .btn-color1 {border: 1px solid rgba(225, 225, 225, 0.25);}
.btn-color2 {color: var(--color-black-same);background: linear-gradient(135deg, #FFF7ED, #FFF1F2);border: 1px solid var(--border-peach-light);}
.btn-color2 .button-style-span {color: var(--color-black-same);}
/*==================== COLOR STYLES ===========================*/
.color-content {color: var(--color-content) !important;}
.color-green {color: var(--color-green) !important;}
.color-grey{color:var(--color-grey) !important;}
.color-grey-2{color:var(--color-gray-2) !important;}
.color-grey-4{color:var(--color-grey-4) !important;}
.color-light-grey {color: var(--color-light-grey) !important;}
/* same color in light/dark mode --*/
.color-content-same {color: var(--color-content-same) !important;}
/* color white for whole section --*/
.color-text-white .heading-xxl,.color-text-white .heading-xl,.color-text-white .heading-lg,.color-text-white .heading-md,
.color-text-white .heading-sm,.color-text-white p,.color-text-white a,.color-text-white span,.color-text-white small,
.color-text-white strong,.color-text-white b,.color-text-white label,.color-text-white li {
color: var(--color-white) !important;
}
/* same color white in light/dark mode for whole section --*/
.color-text-white-same .heading-xxl,.color-text-white-same .heading-xl,.color-text-white-same .heading-lg,.color-text-white-same .heading-md,
.color-text-white-same .heading-sm,.color-text-white-same p,.color-text-white-same a,.color-text-white-same span,.color-text-white-same small,
.color-text-white-same strong,.color-text-white-same b,.color-text-white-same label,.color-text-white-same li {
color: var(--color-white-same) !important;
}
/*==================== SVG COLOR STYLES =======================*/
.badge {border-radius: 100px;}
.dashboard-wrapper {height: calc(100vh - 98px);overflow-y: auto;}
.dashboard-section{padding:24px 0;}
html[data-bs-theme="dark"] .dashboard-section.bg-light-2{background-color:#21160c !important;}
html[data-bs-theme="dark"] .dashboard-section.bg-light-2 svg.iconSize-80.rotate-90,
html[data-bs-theme="dark"] .dashboard-section.bg-light-2 svg.iconSize-80.rotate-90 path{fill:#21160c !important;}
.table-responsive .table th, .table-responsive .table td {min-width:160px;}
.jacket-redeem{position:absolute;left: auto;right:0;top: 0;background-color: var(--color-light-4);z-index: 1;}
.dupe-tabs {background-color: var(--color-light-3);}
.dupe-tabs ul.nav-tabs {display: flex;}
.dupe-tabs ul.nav-tabs .nav-item {display: flex;flex: 1;}
.dupe-tabs ul.nav-tabs li .nav-link.active {border: 0;color: var(--color-black);}
.dupe-tabs .nav-tabs li .nav-link:hover {
border: 0;
margin: 0;
border-radius: 0;
}
.dupe-tabs .nav-tabs li .nav-link {
margin: 0;
border: 0;
flex: 1;
}
.rotate-90 {transform: rotate(90deg);}
html[data-bs-theme="dark"] .table-coins-history .table-hover > tbody > tr:hover > * {--bs-table-bg-state: var(--color-black-same)!important;}
html[data-bs-theme="dark"] .custom-dropdown .dropdown-item:hover{background: #000000;}
html[data-bs-theme="dark"] .alert-card{background: #000000;}
html[data-bs-theme="dark"] .bg-cool-gray-glass{background: #000000;}
html[data-bs-theme="dark"] .bg-blush-neutral{background: #000000!important;}
html[data-bs-theme="dark"] .bg-mint-white{background: linear-gradient(135deg, #172e21, #1f2e2f);}
.perks .summary-card, .overview .summary-card{padding-left:80px;}
.monthly-goal-progress .progress{height: 10px;background:var(--color-light-purple);}
.monthly-goal-progress .card{ border: 1px solid var(--color-light-purple);}
.button-dashboard-outline{color:var(--color-black);background: var(--color-white);border:1px solid var(--border-cool-gray);}
.button-dashboard-outline:hover{color:var(--color-white-same);background:var(--color-first);border:1px solid var(--color-first);}
.icon-circle{width: 40px!important;height: 40px;}
.bg-lavender{background:var(--bg-lavender);}
.bg-color-wram{background: var(--warm-color);}
.bg-warm-light-gradient{background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 144, 74, 0.2) 100%);}
.mint-green-light{background: var(--mint-green-light);}
.warm-bg-light{background: var(--warm-bg-light);}
.lavender-overlay{background: var(--lavender-overlay);}
.mint-green-overlay{background: var(--mint-green-overlay);}
.warm-bg-overlay{background: var(--warm-bg-overlay);}
.warm-color{color: var(--warm-color);}
.circle-shade-lavender{background: linear-gradient(180deg,rgba(255, 255, 255, 0.2) 0%,rgba(241, 227, 255, 0.2) 100%);}
.summary-card{height: 118px;padding: 16px 16px 16px 90px;}
.summary-card-redeem{height: 118px;padding: 16px 16px 16px 15px;}
.summary-icon-wrapper{position: absolute;left: 32px;top: 40px;z-index: 99;}
.iconSize-60{width: 60px;height: 60px;}
.shade-lavender{background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgba(125, 93, 238, 0.3) 100%);}
.sahde-mint{background: linear-gradient(320deg,rgba(255, 255, 255, 1) 0%, rgba(63, 177, 107, 0.2) 100%);}
.shade-cyan-bright{background: linear-gradient(320deg,rgba(255, 255, 255, 1) 0%, rgba(74, 213, 255, 0.3) 100%);}
.circle-shade {width: 125px;height: 125px;display: block;position: absolute;bottom: -25px;z-index: 1;right: -25px;border-radius: 100%;}
.shade-peach{background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgb(255 236 225) 100%);}
.jacket4{background: #4AD5FF;background: linear-gradient(65deg, rgb(255 250 247) 0%, rgb(255 244 237) 100%);}
.summary-icon-wrapper{left: 36px;}
.activity-icon-wrapper{ position: absolute;left: 33px;top: 18px;}
.summary-icon-redeem{position: absolute;left: 50%;bottom: -97px;top: auto;z-index: 99;}
.bg-mix-gredient{background: linear-gradient(135deg, #ff2d75, #7b5cff, #3aa0ff);}
.bg-mix-gredient::after{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background:rgb(249 234 246 / 18%);transform: skewX(-45deg);transition: left 1s ease;}
.bg-mix-gredient:hover::after {left: 100%;}
.coin-box{border: 1px solid var(--color-light-3); color:var(--color-black);}
.coin-box:hover{border: 1px solid var(--color-light-purple);background:var(--color-light-3) ;color:var(--color-first);}
.coin-box.active{border: 1px solid var(--color-first);color:var(--color-first);background:var(--color-light-3) ;}
.top-popup{top: -100px;left: 50%;transform: translateX(-50%);max-width: 500px;z-index: 9999;transition: top 0.4s ease;}
.top-popup.show{top: 85px;}
.table-coins-history .badge{width: 90px;}
.table-coins-history th{padding: 10px 20px;}
.table-coins-history td{padding: 10px 20px;}
.bg-light-red{background: #e042420d;}
.summary-icon-wrapper-history{left: 50%;}
.coins-history .summary-card{padding: 0px;}
.table-coins-history .table-hover>tbody>tr:hover>*{--bs-table-bg-state: #f8f9fa;}
.toggle-eye{position: absolute;right: 12px;top: 10px;cursor: pointer;}
.weak{color: var(--color-red);}
.medium{color: var(--warm-color);}
.strong{color: var(--color-green);}
.password-strength{width: 100%;height: 6px;background: #eee;border-radius: 10px;overflow: hidden;display: none;}
.strength-bar{height: 100%;width: 0%;transition: all 0.3s ease;}
.strength-bar.weak{width: 33%;background: #ff4d4d;}
.strength-bar.medium{width: 66%;background: #ffb84d;}
.strength-bar.strong{width: 100%;background: #28a745;}
.dropdown-toggle-custom::after{display: none !important;}
.custom-dropdown .dropdown-toggle-custom{background: #f5f5f5;border: 1px solid #ddd;}
.custom-dropdown .tick-icon{display: none !important;}
.custom-dropdown .dropdown-item.active .tick-icon{display: inline-block !important;}
.custom-dropdown .dropdown-menu{border-radius: 12px;padding: 6px;border: 1px solid #ddd;}
.custom-dropdown .dropdown-item{display: flex;justify-content: space-between;cursor: pointer;align-items: center;border-radius: 7px;padding: 5px 12px;}
.custom-dropdown .dropdown-item:hover{background-color: #f1f1f1;}
.custom-dropdown .dropdown-item.active{background-color: var(--bg-light2);}
.tick-icon{display: none;}
.paypal-transactions{height:315px;overflow-y: auto;}
.payment-wrapper img{height: 25px;}
.paypal-transactions thead th {position: sticky;top: 0;z-index: 2;}
.dropdown-item.active .tick-icon{display: inline-block;}
.claim .progress-steps::before{content: "";position: absolute;top: 12px;left: calc(50% / 3); right: calc(50% / 3); height: 2px;background:var(--color-light-purple);z-index: 0;}
.claim .progress-line{position: absolute;top: 12px;left: calc(50% / 3);right: calc(50% / 3); height: 3px;background: #4f46e5;z-index: 1;width: auto; transform: scaleX(0); transform-origin: left;transition: transform 0.4s ease;}
.claim .circle{width: 24px;height: 24px;border-radius: 50%;border: 2px solid var(--color-light-purple);background: var(--color-white);margin: auto;transition: 0.3s;display: flex;align-items: center;justify-content: center;font-size: 12px;}
.claim .step-item.active .circle {border-color: var(--border-purple-blue);background:var(--color-white);}
.claim .step-item.completed .circle{background: #4f46e5;border-color: #4f46e5;color: #fff;}
.claim .step-item.completed .circle::after {content: "✓";}
.claim .claim-wrapper{max-width: 500px;margin: auto;font-family: sans-serif;}
.claim .claim-wrapper h4{margin-bottom: 20px;}
.claim .claim-option input{display: none;}
.claim .option-card{border: 1px solid var(--color-light-2);transition: 0.25s ease;}
.claim .claim-option:hover .option-card{border-color: var(--border-purple-blue)!important;background:var(--color-light-3)!important;box-shadow: 0 2px 7px rgba(108, 99, 255, 0.2);}
.claim .claim-option input:checked + .option-card{border-color: var(--border-purple-blue)!important;background:var(--color-light-3)!important;box-shadow: 0 2px 7px rgba(108, 99, 255, 0.2);}
.video-box{border: 2px dashed #ccc;min-height: 300px;}
.video-box video{max-width: 100%;border-radius: 15px;}
html[data-bs-theme="dark"] select.form-control {background: #121212!important;color: #ffffff!important;}
select{appearance: auto!important;}
input[type="file"]{height: 48px;line-height: 48px;padding: 0 10px;}
input[type="file"]::file-selector-button {height:48px;border: 0;padding: 0 12px;margin-right: 12px;background: var(--color-light)!important;cursor: pointer;border-right:1px solid var(--color-light-3);}
.ui-datepicker th span{font-size: 14px!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: none!important;background:var(--color-white)!important;font-weight: normal;color:var(--color-content)!important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{background: transparent!important;border: none!important;}
.ui-widget-header{border: 1px solid #dddddd;background:var(--color-white)!important;color:var(--color-content)!important;font-weight: bold;}
.ui-datepicker td span, .ui-datepicker td a{text-align: center!important;font-size: 12px!important;}
.ui-widget-content{border: 1px solid #dddddd;background: var(--color-white)!important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: none!important;background: var(--color-first)!important;color: var(--color-white-same)!important; border-radius: 6px; }
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-button:hover, .ui-button.ui-state-disabled:hover {border: none!important;background: var(--color-first)!important;color: var(--color-white-same)!important; border-radius: 6px; }
.ui-state-default, .ui-widget-content .ui-state-default:hover{background: var(--color-first)!important;color: var(--color-white-same)!important; }
.ui-datepicker td span, .ui-datepicker td a{width: 25px;height: 22px;padding: 2px 0px!important;}
.ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title select option{font-size: 14px!important}
html[data-bs-theme="dark"] select.ui-datepicker-month, html[data-bs-theme="dark"] select.ui-datepicker-year {background:#1a182e!important;color: #ffffff!important;}
html[data-bs-theme="dark"] .ui-datepicker .ui-datepicker-title select option:hover, html[data-bs-theme="dark"] .ui-datepicker .ui-datepicker-title select option:hover{background:#1a182e!important;color: #ffffff!important;}
#perkloadMoreBtn .spinner-border{color: #fff;}
#topAlert{width: 100%;display: none;}
.alert-box{border-radius: 6px;padding: 12px 16px;margin-bottom: 15px;font-size: 14px;}
.alert-success{background: #d1e7dd;color: #0f5132;border: 1px solid #badbcc;}
.alert-error{background: #f8d7da;color: #842029;border: 1px solid #f5c2c7;}
.search-box{margin-bottom: 15px;}
.search-box input{padding: 8px;width: 250px;}
.popular-deals .popular-img img{width: 150px;}
.popular-deals .popular-img {min-height: 175px;}
.alert-card{background:var(--color-white);border-radius: 10px;padding: 15px;margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.actions button{margin-left: 5px;}
.btn-pause{background:var(--color-second-same);color:var(--color-white-same);border: none;padding: 6px 12px;border-radius: 5px;cursor: pointer;}
.btn-delete{background:var(--color-red);color:var(--color-white-same);border: none;padding: 6px 12px;border-radius: 5px;cursor: pointer;}
.confirm-box{display: none;margin-left: 10px;}
.btn-yes{background: #e74c3c;color: #fff;border: none;padding: 4px 10px;border-radius: 5px;cursor: pointer;}
.btn-no{background: #4cc0d9;color: #fff;border: none;padding: 4px 10px;border-radius: 5px;cursor: pointer;}
.search-deal-icon{top:15px;right:10px;}
.perk-detail{background: linear-gradient(90deg,rgba(255, 242, 242, 1) 0%, rgba(248, 253, 255, 1) 100%);}
.opacity-15{opacity: 0.09}
.hidden-text{ filter: blur(6px);opacity: .5;pointer-events: none;height: 55px;overflow: hidden;}
.brand-logo{width:120px;height: 120px;}
.perk-brand{height: 150px;}
.perk-brand img{object-fit: cover;}
.perk-brand-bottom img{width: 80px;top: 10px;right: 5px;}
.brand-logo{top: 100px;left: 30px;}
.rebate-icon{right:20px;}
.perk-detail::before,.perk-detail::after {content: "";position: absolute;width: 30px;height: 30px;background: #ffffff;border-radius: 50%;top: 50%;transform: translateY(-50%);z-index: 1;}
.perk-detail::before{left: -15px;}
.perk-detail::after{right: -15px;}
.perk-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:linear-gradient(135deg, #FFF6F9, #F8FAFC);color: #fff;opacity: 0;visibility: hidden;transition: all 0.3s ease;border-radius: 1rem;z-index: 0;}
html[data-bs-theme="dark"] .perk-detail{background:linear-gradient(90deg, rgb(22 0 37) 0%, rgb(14 12 33) 100%);}
html[data-bs-theme="dark"] .perk-overlay{background:linear-gradient(90deg, rgb(22 0 37) 0%, rgb(14 12 33) 100%);}
html[data-bs-theme="dark"] .perk-detail::before{background: #1a182e;}
html[data-bs-theme="dark"] .perk-detail::after{background: #1a182e;}
.overlay-content{transform: translateY(20px);transition: all 0.3s ease;}
.perk-card:hover .perk-overlay{opacity: 1;visibility: visible;}
.perk-card:hover .overlay-content{transform: translateY(0);}
html[data-bs-theme="dark"] .faq .tab-btn.active{background:linear-gradient(191deg, #000000, #34001e)}
html[data-bs-theme="dark"] .faq .tab-btn:hover{background:linear-gradient(191deg, #000000, #34001e)}
.faq .accordion-item{background:var(--color-white);transition: all 0.3s ease;}
.faq .icon {transition: all 0.3s ease;right: 15px;width: 32px;height: 32px;top: 5px;}
.faq .icon::before,.faq .icon::after {content: '';position: absolute;background:var(--color-black);transition: all 0.3s ease;transform-origin: center;}
.faq .icon::before {width: 14px;height: 2px;}
.faq .icon::after{width: 2px;height: 14px;}
.faq .accordion-item.active .icon::before {transform: rotate(45deg);}
.faq .accordion-item.active .icon::after {transform: rotate(45deg); }
.faq .accordion-item.active .icon {background:var(--color-black);border-color:var(--color-black);}
.faq .accordion-item.active .icon::before,
.faq .accordion-item.active .icon::after {background:var(--color-white);}
.faq .accordion-content {max-height: 0;transition: all 0.3s ease;overflow: hidden;padding: 0 20px;}
.faq .accordion-item.active .accordion-content {max-height: 200px;padding: 15px 20px;}
.faq .accordion-item.active .accordion-btn{border-bottom:none!important;border-radius:4px 4px 0px 0px!important;}
.faq .tab-btn{transition: all 0.3s ease;border: 1px solid var(--border-cool-gray);background:var(--color-white);}
.popup-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, .6);display: flex;align-items: center;justify-content: center;z-index: 9999;}
.popup-box{background: #fff;position: relative;padding: 25px;border-radius: 12px;text-align: center;max-width: 500px;width: 90%;}
#closePopup{position: absolute; right: 15px; top:5px;}
.faq .tab-btn.active, .tab-btn:hover{background:linear-gradient(135deg, #FFF6F9, #F8FAFC);color:var(--color-black);border: 1px solid var(--border-blush-neutral);}
#resendBtn:disabled{opacity: 0.5;pointer-events: none;}
.payment-option input{display:none;}
.payment-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #ddd;border-radius:10px;cursor:pointer;transition:0.2s;position:relative;}
.payment-option .custom-radio::before{content: "";width: 18px;height: 18px;border: 1px solid #7e7e7e;border-radius: 50%;display: block;margin: 5px auto;vertical-align: middle;transition: 0.2s;}
.payment-option input:checked + .custom-radio::before{border-color: #5b6b7a;content: "✓";color: #272626;font-size: 10px;display: flex;align-items: center;justify-content: center;}
html[data-bs-theme="dark"] .custom-radio::before{border:1px solid #ffffff!important;}
html[data-bs-theme="dark"] .payment-option input:checked + .custom-radio::before{border-color:#495057!important;color: #ffffff;}
html[data-bs-theme="dark"] .payment-option:has(input:checked){background: linear-gradient(135deg, #000000, #570d2a);}
.payment-option input:checked + .custom-radio{font-weight:600;}
.payment-option:has(input:checked){border-color: #e9d6de;background: linear-gradient(135deg, #FFF6F9, #F8FAFC);}
@media screen and (max-width:992px){
.summary-icon-wrapper {left: 43px;}
.coins-history .summary-card{height: auto;}
.coins-history .col-xxl-4{margin-top: 65px;}
.paypal-transactions{height: auto;}
}
.timeline::before {
content: "";
position: absolute;
top: 27px;
bottom: 40px;
left: 20px;
width: 2px;
background-color: var(--color-green);
}
.timeline-transfer::before {
content: "";
position: absolute;
top: 27px;
bottom: 27px;
left: 20px;
width: 2px;
background-color: var(--warm-color);
}
.bg-lavender {background: var(--bg-lavender);}
.mint-green-light {background: var(--mint-green-light);}
.warm-bg-light {background: var(--warm-bg-light);}
.lavender-overlay {background: var(--lavender-overlay);}
.mint-green-overlay {background: var(--mint-green-overlay);}
.warm-bg-overlay {background: var(--warm-bg-overlay);}
.warm-color {color: var(--warm-color);}
.bg-lavender-light-gradient {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0, rgba(241, 227, 255, 0.99) 100%);
}
.bg-mint-green-gradient {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(225, 255, 234, 0.99) 100%);
}
.bg-cyan-bright-gradient {
/* background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(74, 213, 255, 0.99) 100%); */
background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(74, 213, 255, 0.2) 100%);
}
.jacket1 {
background: #7D5DEE;
background: linear-gradient(65deg, rgba(241, 227, 255, 0.90) 0%, rgba(255, 255, 255, 0.99) 100%);
}
.jacket2 {
background: #E1FFEA;
background: linear-gradient(65deg, rgba(225, 255, 234, 0.99) 100%, rgba(225, 255, 255, 0.99) 100%);
}
.jacket3 {
background: #4AD5FF;
background: linear-gradient(65deg, rgba(74, 213, 255, 0.99) 0%, rgba(225, 255, 255, 0.99) 100%);
}
.circle-shade-lavender {
background: linear-gradient(180deg,
rgba(255, 255, 255, 0.2) 0%,
rgba(241, 227, 255, 0.2) 100%);
}
.summary-card {
padding: 16px;
height: 100%;
}
.summary-icon-wrapper {
position: absolute;
left: 32px;
top: 40px;
z-index: 99;
}
.cashback-banner {
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
}
.shade-lavender {
background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgba(125, 93, 238, 0.3) 100%);
}
.sahde-mint {
background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgba(63, 177, 107, 0.2) 100%);
}
.shade-cyan-bright {
background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgba(74, 213, 255, 0.3) 100%);
}
.circle-shade {
width: 125px;
height: 125px;
display: block;
position: absolute;
bottom: -25px;
right: -25px;
border-radius: 100%;
}
.earnCard h3 {
padding: 0 0 44px 104px;
}
.earnCard {
padding: 20px;
min-height: 223px;
}
.summary-card p {
position: relative;
z-index: 999;
}
.bg-lavender {background: var(--bg-lavender);}
.mint-green-light {background: var(--mint-green-light);}
.warm-bg-light {background: var(--warm-bg-light);}
.lavender-overlay {background: var(--lavender-overlay);}
.mint-green-overlay {background: var(--mint-green-overlay);}
.warm-bg-overlay {background: var(--warm-bg-overlay);}
.warm-color {color: var(--warm-color);}
.bg-color-wram {background: var(--warm-color);}
.bg-lavender-light-gradient {background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0, rgba(241, 227, 255, 0.99) 100%);}
.bg-mint-green-gradient {background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(225, 255, 234, 0.99) 100%);}
.bg-cyan-bright-gradient {background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(74, 213, 255, 0.2) 100%);}
.bg-warm-light-gradient {background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 144, 74, 0.2) 100%);}
.jacket1 {background: #7D5DEE;background: linear-gradient(65deg, rgba(241, 227, 255, 0.90) 0%, rgba(255, 255, 255, 0.99) 100%);}
.jacket2 {background: #E1FFEA;background: linear-gradient(65deg, rgba(225, 255, 234, 0.99) 100%, rgba(225, 255, 255, 0.99) 100%);}
.jacket3 {background: #4AD5FF;background: linear-gradient(65deg, rgba(74, 213, 255, 0.99) 0%, rgba(225, 255, 255, 0.99) 100%);}
.jacket4 {background: #FF904A;background: linear-gradient(65deg, rgba(255, 222, 194, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.circle-shade-lavender {background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(241, 227, 255, 0.2) 100%);}
.summary-card {padding: 16px;height: 100%;}
.summary-icon-wrapper {position: absolute;left: 32px;top: 40px;z-index: 99;}
.cashback-banner {
background-image: url("../../assets/img/cashback/cashback-banner.png");
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
}
.iconSize-60 {width: 60px;height: 60px;}
.shade-lavender {background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgba(125, 93, 238, 0.3) 100%);}
.sahde-mint {background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgba(63, 177, 107, 0.2) 100%);}
.shade-cyan-bright {background: linear-gradient(320deg, rgba(255, 255, 255, 1) 0%, rgba(74, 213, 255, 0.3) 100%);}
.circle-shade {
width: 125px;
height: 125px;
display: block;
position: absolute;
bottom: -25px;
right: -25px;
border-radius: 100%;
}
.curve-icon-bg {
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
height: 100px;
width: 118px;
position: absolute;
left: 0;
top: 0;
padding: 12px;
}
.earnCard h3 {padding: 0 0 44px 104px;}
.earnCard {padding: 20px;min-height: 223px;}
.summary-card p {position: relative;z-index: 999;}
.activity-item:not(:last-child)::after {
content: '';
position: absolute;
left: 22px;
top: 55px;
width: 2px;
height: calc(100% - 48px);
background: #e0e7ff;
}
table thead tr th, table tbody tr td {vertical-align: middle;}
.otp-inputs input {
width: 46px;
height: 46px;
border: 1.8px solid #d8daee;
border-radius: 10px;
text-align: center;
font-size: 1.1rem;
font-weight: 700;
color: #333;
outline: none;
transition: border-color 0.2s, box-shadow 0.2s;
background: #f9f9ff;
}
.OTP-modal {
background-image: url('../../assets/img/dashboard/otp-bg.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.error-box {display: none;}
.error-box.show {display: block;}
.success-box {display: none;}
.success-box.show {display: block;}
.cashbacks .summary-card{padding-left: 80px;}
.badge-approved {
min-width: 127px;
display: inline-block;
text-align: center;
}
.share-control {background: linear-gradient(180deg, rgba(255, 255, 255, 1) 60%, rgba(233, 227, 255, 1) 100%);}
.bg-color-first-dark {
background-color: var(--color-first-dark) !important;
}
.color-light-gray {
color: var(--color-light-grey) !important;
}
.h-10 {
height: 10px;
}
.svg-stroke-white-same, .svg-stroke-white-same path {
stroke: var(--color-white-same);
}
.coin-redeem-box .coin-box {
border-color: var(--color-third);
}
.coin-redeem-box .coin-box.active {
background-color: var(--color-third);
color: var(--color-white);
border-color: var(--color-third);
}
.coin-redeem-box .coin-box:is(:hover):not(.active) {
color: var(--color-black);
}
.cashback-hero-card {
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.cashback-hero-card:hover {
transform: translateY(-5px);
box-shadow: 0 16px 36px rgba(18, 16, 38, 0.35) !important;
border-color: rgba(255, 255, 255, 0.2) !important;
}
.cashback-hero-brand-wrap {
transition: all 0.3s ease;
}
.cashback-hero-card:hover .cashback-hero-brand-wrap {
transform: scale(1.05) rotate(-2deg);
}
.bg-white-glass {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.cashback-hero-btn {
background: var(--color-white-same);
color: var(--color-second-same) !important;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.live-dot {
width: 8px;
height: 8px;
background-color: #10b981;
border-radius: 50%;
display: inline-block;
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
animation: pulse-green 2s infinite;
}
@keyframes pulse-green {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
}
.cashback-sub-card {
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.cashback-sub-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05) !important;
border-color: var(--border-peach-light) !important;
}
.cashback-sub-brand-wrap {
transition: all 0.3s ease;
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: var(--color-white-same) !important;
}
.cashback-sub-card:hover .cashback-sub-brand-wrap {
transform: scale(1.08) rotate(3deg);
}
.cashback-activate-link {
transition: all 0.3s ease;
position: relative;
}
.cashback-activate-link::after {
content: '';
position: absolute;
width: 100%;
height: 1.5px;
bottom: -2px;
left: 0;
background-color: var(--color-black);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.cashback-sub-card:hover .cashback-activate-link::after {
transform: scaleX(1);
transform-origin: left;
}
.cashback-brand-card {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cashback-brand-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04) !important;
border-color: var(--border-peach-light) !important;
}
.cashback-brand-logo-wrap {
transition: all 0.3s ease;
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: var(--color-white-same) !important;
}
.cashback-brand-logo-img {
max-height: 100%;
max-width: 100%;
object-fit: contain;
transition: all 0.3s ease;
}
.cashback-brand-card:hover .cashback-brand-logo-wrap {
transform: scale(1.06);
}
.cashback-brand-link {
position: relative;
padding-right: 12px;
transition: all 0.3s ease;
}
.cashback-brand-link::after {
content: '→';
position: absolute;
inset: 0;
right: 0;
opacity: 0;
transform: translateX(-5px);
transition: all 0.3s ease;
}
.cashback-brand-card:hover .cashback-brand-link {
color: var(--color-green) !important;
padding-right: 16px;
}
.cashback-brand-card:hover .cashback-brand-link::after {
opacity: 1;
transform: translateX(0);
color: var(--color-green);
}
.dashboard-card .icon-circle {width: 50px!important;height:50px;}
.iconSize-35{width:35px;height:35px;}
/* Deal Alerts CSS */
.circular-progress{width: 140px;height: 140px;background:conic-gradient(#6dd4ca 0% 72%, #eef9f8 72% 100%);}
.circular-progress::before{content: "";position: absolute;width: 116px;height: 116px;border-radius: 50%;background-color: var(--color-white);}
.h-10{height: 10px;}
.d-card{ border-top-right-radius: 100px;border-bottom-right-radius: 100px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.card-detail{width: 70%;}
.svg-fill-white, .svg-fill-white path{fill: var(--color-white) !important;}
.svg-fill-white-same, .svg-fill-white-same path{fill: var(--color-white-same) !important;}
html[data-bs-theme="dark"] .bg-gradient1{background: linear-gradient(155deg, #472300, #051e1c 70%);}
html[data-bs-theme="dark"] .jacket-redeem{background:#0e2522;}
.popular-deals .swiper-nav{top:-50px;}
.alert-card{padding: 5px 5px 5px 15px;}
.btn-pause {background: var(--color-first);}
.btn-delete{background: var(--color-second);}
/* .popular-deals .card.productCard .product_img .product-option{background-color:;color:;} */
/* Deal Alerts CSS */
/* Coins History CSS */
.svg-fill-white, .svg-fill-white path{fill: var(--color-white) !important;}
.svg-fill-white-same, .svg-fill-white-same path{fill: var(--color-white-same) !important;}
html[data-bs-theme="dark"] .bg-gradient1{background: linear-gradient(155deg, #472300, #051e1c 70%);}
html[data-bs-theme="dark"] .jacket-redeem{background:#0e2522;}
.h-40{height: 40px!important;}
.chart-wrapper{width: 200px;height: 200px;background: conic-gradient(#00BCD4 0% 38%, #7d7d7d 38% 58%, #ffb547 58% 72%, #ff6b6b 72% 84%, #dbe2ef 84% 100%);}
.chart-wrapper::before{content:'';position:absolute;inset:15px;background:var(--color-white);border-radius:50%;}
.chart-content{top:50%;left:50%;transform:translate(-50%,-50%);}
.dot-purple{background:#00BCD4;}
.dot-green{background:#7d7d7d;}
.dot-yellow{background:#ffb547;}
.dot-red{background:#ff6b6b;}
.dot-gray{background:#dbe2ef;}
.custom-dropdowns .dropdown-items.active, .custom-dropdown .dropdown-items.active{background-color: var(--bg-light-green);}
.custom-dropdowns .dropdown-items{display: flex;justify-content: space-between;cursor: pointer;align-items: center;border-radius: 7px;padding: 5px 12px;}
.custom-dropdowns .dropdown-items.active .tick-icon {display: inline-block !important;}
.custom-dropdowns .tick-icon{display: none !important;}
.referral-history .table th:nth-child(4),.referral-history .table td:nth-child(4){width: 1%;white-space: nowrap;}
/* Coins History CSS */
/* Referral CSS */
.d-card{border-top-right-radius:100px;border-bottom-right-radius:100px;border-top-left-radius:0;border-bottom-left-radius:0;}
.card-detail{width:70%;}
.coin-btn{width:130px;}
.modal-close-btn{right:0px;}
.svg-fill-white, .svg-fill-white path{fill: var(--color-white) !important;}
.svg-fill-white-same, .svg-fill-white-same path{fill: var(--color-white-same) !important;}
.invite-friends .text-xxxl{font-size:2.3rem!important;line-height:1.3;}
html[data-bs-theme="dark"] .bg-gradient1{background: linear-gradient(155deg, #472300, #051e1c 70%);}
.referral-history .button-style{width: 135px;}
html[data-bs-theme="dark"] .jacket-redeem{background:#0e2522;}
/* Referral CSS */
/* Cashback CSS */
.circular-progress{width: 140px;height: 140px;background:conic-gradient(#333333 0% 72%, #fff4e4 72% 100%);}
.circular-progress::before{content: "";position: absolute;width: 116px;height: 116px;border-radius: 50%;background-color: var(--color-white);}
.h-10{height: 10px;}
.d-card{ border-top-right-radius: 100px;border-bottom-right-radius: 100px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.card-detail{width: 70%;}
.svg-fill-white, .svg-fill-white path{fill: var(--color-white) !important;}
.svg-fill-white-same, .svg-fill-white-same path{fill: var(--color-white-same) !important;}
html[data-bs-theme="dark"] .bg-gradient1{background: linear-gradient(155deg, #472300, #051e1c 70%);}
html[data-bs-theme="dark"] .jacket-redeem{background:#0e2522;}
/* Cashback CSS */
@media (max-width: 991px) {
.summary-card h2 {padding: 16px 16px 16px 0px !important;}
.earnCard h3 {padding: 85px 0 0 0;}
}
@media (max-width: 767px) {
.dashboard-wrapper {height: calc(100vh - 138px);overflow-y: auto;}
.summary-card h2 {padding: 16px 16px 16px 0px !important;}
.earnCard {padding: 20px;min-height: 183px;}
.earnCard h3 {padding: 0 0 44px 104px;}
.activity-item {flex-wrap: wrap;}
.activity-item .badge-area {display: flex;justify-content: flex-end;flex: 1;}
.dupe-tabs .nav-link.text-md {font-size: 0.85rem !important;}
}