.cashtech {
    max-width:550px;
    margin-top: 0;
    padding-top: 40px;

    background-color: var(--bg-cashtech);
}
.cashtech_header {
    background:var(--primary-color);
    padding:20px 5px;
    margin-bottom:20px;
    border-radius:20px
}
.cashtech_header--username {
    width:100%;
    height:40px;
    background:rgba(255,255,255,.85);
    border-radius:20px;
    padding:0 15px;
    line-height:40px;
    display:inline-block;
    margin-bottom:30px;
    color:var(--bg-dark);
    font-size:14px;
    font-weight:700
}
.cashtech_header--username i {
    color:var(--bg-dark);
    margin-left:-4px;
    margin-right:7px
}
.cashtech_header p {
    color:var(--bg-cashtech);
    font-size:13px;
    padding-bottom:5px;
    margin:0;
    font-weight:300
}
.cashtech_header p+a {
    display:inline-block;
    width:100%;
    height:40px;
    background:rgba(255,255,255,.85);
    border-radius:20px;
    padding:0 15px;
    color:#333;
    line-height:40px;
    font-size:14px;
    font-weight:700
}
.cashtech_header p+a i {
    color:var(--bg-dark);
    margin-left:-4px;
    margin-right:7px
}
.cashtech .cashtech_callout {
    position:relative
}
.cashtech_search {
    border-radius:20px;
    line-height:50px;
    height:50px;
    padding:0 15px;
    font-size:14px;
    margin-bottom:20px
}
.cashtech_search i {
    position:absolute;
    top:8px;
    right:25px;
    color:var(--primary-color)
}
.cashtech_categories {
    display:block;
    margin-bottom:20px
}

.cashtech_categories .row div:has(.item) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cashtech_categories .item {
    aspect-ratio:1/1;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--primary-color);
    border-radius:50%;
    max-width: 80px;
}
.cashtech_categories .item+h4 {
    font-size:11px;
    color:var(--bg-dark);
    text-align:center;
    margin:0;
    width:100%;
    padding-top:10px
}
.cashtech_banner {
    background:#ccc;
    height:150px;
    border-radius:20px;
    margin-bottom:20px
}
.cashtech_title {
    color:var(--secondary-color);
    background-color: var(--bg-dark);
    padding: 1rem;
    border-radius: .25rem;
    font-weight:bold;
    font-size:16px;
    margin-bottom:20px;
    display:flex;
    align-items:center
}
.cashtech_title i {
    font-size:24px;
    color:var(--primary-color);
    margin-left:.5rem
}
.cashtech_title span {
    font-size:11px;
    font-weight:700;
    color:var(--primary-color);
    position:absolute;
    right:1rem;
    text-transform:uppercase;
    cursor:pointer
}
.cashtech_gallery {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:20px 10px
}
.cashtech_gallery_item {
    display:flex
}
.cashtech_gallery_item figure {
    min-width:60px;
    height:60px;
    background:var(--bg-card-store);
    border: solid 1px var(--gray-bg-light);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin-right:10px;
    margin-bottom:0
}
.cashtech_gallery_item figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_gallery_item figure img {
    max-width:100%;
    height:-webkit-fill-available
}
.cashtech_gallery_item figure+p {
    margin-bottom:0;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.cashtech_gallery_item figure+p span {
    color:var(--primary-color);
    font-weight:bold;
    width:100%;
    display:block;
    padding-bottom:10px;
    line-height:1.2
}
.cashtech_gallery_item figure+p small {
    font-size:11px;
    color:var(--bg-dark)
}
.cashtech_gallery--stores {
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.cashtech_gallery--stores .card-store {
    display:flex;
    gap:10px;
    width:100%;
    justify-self: center;
}
.cashtech_gallery--stores .card-store figure {
    width:60px;
    height:60px;
    background:var(--bg-card-store);
    border: solid 1px var(--gray-bg-light);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin:0px
}
.cashtech_gallery--stores .card-store figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_gallery--stores .card-store figure img {
    max-width:100%
}
.cashtech_gallery--stores .card-store p {
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_gallery--stores .card-store p span {
    display:block;
    margin-bottom:5px
}
.cashtech_gallery--stores .card-store p small {
    font-weight:500
}
.cashtech_store {
    position:relative
}
.cashtech_store .banner_swiper img {
    min-width:100%
}
.cashtech_store .swipe-store {
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.cashtech_store .swipe-store figure {
    background:var(--bg-dark);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100px;
    padding:5px;
    margin-right:10px
}
@media(max-width: 767.98px) {
    .cashtech_store .swipe-store figure {
        width:60px
    }
}
.cashtech_store .swipe-store figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_store .swipe-store figure img {
    max-width:100%
}
.cashtech_store .swipe-store figure+p {
    font-size:12px
}
.cashtech_store .swipe-store figure+p span {
    color:var(--primary-color);
    font-weight:bold;
    width:100%;
    display:block;
    padding-bottom:10px
}
.cashtech_store .swipe-store figure+p small {
    font-size:11px;
    color:var(--bg-dark)
}
.cashtech_backbutton {
    position:absolute;
    margin-top:.5rem;
    right:1rem;
    font-size:30px;
    background-color:var(--primary-color);
    color:var(--bg-dark);
    border-radius:10px;
    line-height:1;
    padding: .5rem;
    z-index: 999;
}
.cashtech_nextbutton {
    position:absolute;
    bottom:1.25rem;
    right:1.25rem;
    font-size:35px;
    background-color:var(--primary-color);
    color:var(--bg-dark);
    border-radius:8px;
    line-height:1;
    z-index:10000;
    font-size: 1.3rem;
    padding: .5rem;
}
.cashtech_balance--cards {
    display:flex;
    flex-wrap:wrap;
    gap:16px 20px;
    margin-bottom:1rem
}
.cashtech_balance .card {
    background-color:var(--primary-color);
    padding:1rem
}
.cashtech_balance .card h3 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:0
}
.cashtech_balance .card p {
    font-size:24px;
    font-weight:bold;
    margin-bottom:0;
    line-height:1.25
}
.cashtech_balance .card-balance {
    flex:2.5;
    background-color:var(--secondary-color);
    justify-content:space-between;
    min-height:100px
}
.cashtech_balance .card-donate {
    flex:1.5;
    padding:.5rem;
    justify-content:flex-end
}
.cashtech_balance .card-donate .heart-icon {
    color:var(--bg-dark);
    font-size:24px;
    position:absolute;
    top:.5rem;
    left:.5rem
}
.cashtech_balance .card-donate button {
    background-color:var(--bg-dark);
    border-radius:30px;
    color:var(--primary-color);
    font-weight:bold;
    padding:.15rem .65rem
}
.cashtech_balance .card-donate .donate i {
    font-size:26px;
    position:absolute;
    right:.5rem;
    bottom:.25rem;
    color:var(--bg-dark)
}
.cashtech_balance .card-withdraw {
    width:100%
}
.cashtech_balance .card-withdraw i {
    position:absolute;
    font-size:26px;
    right:.5rem;
    bottom:.65rem
}
.cashtech_balance hr {
    border-top:solid 4px var(--bg-dark);
    width:20%;
    margin:1.5rem auto;
    opacity:1
}
.cashtech_balance--buttons {
    display:flex;
    gap:1rem
}
.cashtech_balance--buttons .btn {
    border:solid 2px var(--bg-dark);
    color:var(--bg-dark);
    width:100%;
    padding:1rem
}
.cashtech_balance--history .table-responsive {
    border:solid 1px var(--bg-dark);
    padding:.25rem 1rem
}
.cashtech_balance--history .table-responsive tr {
    border-color:var(--bg-dark)
}
.cashtech_balance--history .table-responsive td {
    font-size:12px;
    vertical-align:bottom;
    padding:.75rem .5rem
}
.cashtech_balance--history .table-responsive td i {
    font-size:40px;
    line-height:1
}
.cashtech_balance--history .table-responsive .text-success {
    color:var(--success-text) !important
}
.cashtech--header {
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem
}
.cashtech--header .icon-shop {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:var(--primary-color)
}
.cashtech--header h2 {
    font-weight:100;
    font-size:15px;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech--header h2 span {
    display:block;
    margin-top:.25rem;
    font-size:18px;
    font-weight:bold;
    color:var(--secondary-color)
}
.cashtech_page--header {
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem
}
.cashtech_page--header .icon-shop {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:var(--primary-color)
}
.cashtech_page--header h2 {
    font-weight:100;
    font-size:15px;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_page--header h2 span {
    display:block;
    margin-top:.25rem;
    font-size:18px;
    font-weight:bold;
    color:var(--secondary-color)
}
.cashtech_page--items {
    display:grid;
    grid-template-columns:repeat(auto-fit, 20%);
    justify-content:space-between;
    gap:20px 10px
}
.cashtech_page--items .card-store {
    display:flex;
    flex-direction:column;
    width:fit-content;
    justify-self: center;
}
.cashtech_page--items .card-store figure {
    width:60px;
    height:60px;
    background:var(--bg-card-store);
    border: solid 1px var(--gray-bg-light);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin:0px
}
.cashtech_page--items .card-store figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_page--items .card-store figure img {
    max-width:100%
}
.cashtech_page--items .card-store p {
    text-align:center;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_onlineShop--header {
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem
}
.cashtech_onlineShop--header .icon-shop {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:var(--primary-color)
}
.cashtech_onlineShop--header h2 {
    font-weight:100;
    font-size:15px;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_onlineShop--header h2 span {
    display:block;
    margin-top:.25rem;
    font-size:18px;
    font-weight:bold;
    color:var(--secondary-color)
}
.cashtech_onlineShop--map {
    width:100%;
    background-color:var(--bg-dark);
    height:200px;
    border-radius:1rem;
    margin-bottom:2rem
}
.cashtech_onlineShop--subtitle {
    font-size:20px;
    color:var(--bg-dark);
    margin-bottom:1.5rem
}
.cashtech_onlineShop--stores {
    display:grid;
    grid-template-columns:repeat(auto-fit, 20%);
    justify-content:space-between;
    gap:20px 10px
}
.cashtech_onlineShop--stores .card-store {
    display:flex;
    flex-direction:column;
    width:fit-content;
    justify-self: center;
}
.cashtech_onlineShop--stores .card-store figure {
    width:60px;
    height:60px;
    background:var(--bg-card-store);
    border: solid 1px var(--gray-bg-light);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin:0px
}
.cashtech_onlineShop--stores .card-store figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_onlineShop--stores .card-store figure img {
    max-width:100%
}
.cashtech_onlineShop--stores .card-store p {
    text-align:center;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_physicalShop--header {
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem
}
.cashtech_physicalShop--header .icon-shop {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:var(--primary-color)
}
.cashtech_physicalShop--header h2 {
    font-weight:100;
    font-size:15px;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_physicalShop--header h2 span {
    display:block;
    margin-top:.25rem;
    font-size:18px;
    font-weight:bold;
    color:var(--secondary-color)
}
.cashtech_physicalShop--map {
    width:100%;
    background-color:var(--bg-dark);
    height:200px;
    border-radius:1rem;
    margin-bottom:2rem
}
.cashtech_physicalShop--subtitle {
    font-size:20px;
    color:var(--bg-dark);
    margin-bottom:1.5rem
}
.cashtech_physicalShop--stores {
    display:grid;
    grid-template-columns:repeat(auto-fit, 49%);
    justify-content:space-between;
    gap:30px 0px
}
.cashtech_physicalShop--stores .card-store {
    display:flex;
    gap:10px;
    justify-self: center;
}
.cashtech_physicalShop--stores .card-store figure {
    width:60px;
    height:60px;
    background:var(--bg-card-store);
    border: solid 1px var(--gray-bg-light);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin:0px
}
.cashtech_physicalShop--stores .card-store figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_physicalShop--stores .card-store figure img {
    max-width:100%
}
.cashtech_physicalShop--stores .card-store p {
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_physicalShop--stores .card-store p span {
    display:block;
    margin-bottom:5px
}
.cashtech_physicalShop--stores .card-store p small {
    font-weight:500
}
.cashtech_giftcards--header {
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:2rem
}
.cashtech_giftcards--header .icon-shop {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:var(--primary-color)
}
.cashtech_giftcards--header h2 {
    font-weight:100;
    font-size:15px;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_giftcards--header h2 span {
    display:block;
    margin-top:.25rem;
    font-size:18px;
    font-weight:bold;
    color:var(--secondary-color)
}
.cashtech_giftcards--map {
    width:100%;
    background-color:var(--bg-dark);
    height:200px;
    border-radius:1rem;
    margin-bottom:2rem
}
.cashtech_giftcards--subtitle {
    font-size:20px;
    color:var(--bg-dark);
    margin-bottom:1.5rem
}
.cashtech_giftcards--stores {
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.cashtech_giftcards--stores .card-store {
    display:flex;
    gap:10px;
    width:100%;
    justify-self: center;
}
.cashtech_giftcards--stores .card-store figure {
    width:60px;
    height:60px;
    background:var(--bg-card-store);
    border: solid 1px var(--gray-bg-light);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin:0px
}
.cashtech_giftcards--stores .card-store figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_giftcards--stores .card-store figure img {
    max-width:100%
}
.cashtech_giftcards--stores .card-store p {
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_giftcards--stores .card-store p span {
    display:block;
    margin-bottom:5px
}
.cashtech_giftcards--stores .card-store p small {
    font-weight:500
}
.cashtech_dailyBests--header {
    margin-bottom:2rem
}
.cashtech_dailyBests--subtitle {
    font-size:20px;
    color:var(--secondary-color);
    margin-bottom:1.5rem
}
.cashtech_dailyBests--stores {
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.cashtech_dailyBests--stores .card-store {
    display:flex;
    gap:10px;
    width:100%;
    justify-self: center;
}
.cashtech_dailyBests--stores .card-store figure {
    width:60px;
    height:60px;
    background:var(--bg-card-store);
    border: solid 1px var(--gray-bg-light);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    margin:0px
}
.cashtech_dailyBests--stores .card-store figure.bg-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    background-origin:content-box
}
.cashtech_dailyBests--stores .card-store figure img {
    max-width:100%
}
.cashtech_dailyBests--stores .card-store p {
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--bg-dark);
    margin-bottom:0
}
.cashtech_dailyBests--stores .card-store p span {
    display:block;
    margin-bottom:5px
}
.cashtech_dailyBests--stores .card-store p small {
    font-weight:500
}
.cashtech_energyBill .cashtech_banner {
    height:auto;
    padding:2rem;
    display:flex;
    flex-direction:column;
    background:#000;
    color:var(--bg-dark)
}
.cashtech_energyBill .cashtech_banner h3 {
    font-weight:bold;
    margin-top:1.5rem
}
.cashtech_energyBill .cashtech_banner p {
    margin-bottom:0;
    line-height:1.25;
    font-weight:300
}
.cashtech_energyBill .cashtech_banner p span {
    font-weight:500
}
.cashtech_energyBill .cashtech_dialog {
    padding:1.5rem;
    border-radius:1rem;
    line-height:1.3;
    color:var(--bg-dark);
    font-weight:300;
    font-size:13px;
    margin-bottom:2rem
}
.cashtech_energyBill .cashtech_dialog span {
    font-weight:500
}
.cashtech_energyBill .cashtech_dialog.dark {
    background-color:#000
}
.cashtech_energyBill .cashtech_uploadFile {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
    height:175px;
    background-color:var(--gray-bg-light);
    border-radius:1rem;
    border:dashed 2px var(--bg-dark);
    padding:2rem;
    margin-bottom:1rem
}
.cashtech_energyBill .cashtech_uploadFile i {
    font-size:35px;
    color:var(--bg-dark)
}
.cashtech_energyBill .cashtech_uploadFile span {
    text-align:center;
    color:var(--bg-dark);
    font-weight:300;
    font-size:14px;
    line-height:1.2;
    max-width:60%
}
.cashtech .circle-icon {
    width:50px;
    height:50px;
    background-color:var(--primary-color);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px
}
.cashtech_subtitle {
    font-size:20px;
    color:var(--bg-dark);
    margin-bottom:1.5rem
}
.cashtech_subtitle.secondary {
    color:var(--secondary-color)
}
.cashtech_primaryBox {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:var(--primary-color);
    color:var(--bg-dark);
    font-size:17px;
    font-weight:700;
    line-height:1.25;
    padding:1rem;
    border-radius:.5rem
}
.cashtech_primaryBox.balanceBox {
    --primary-color-hex: 243, 128, 35;
    font-size:14px;
    font-weight:300;
    padding:.75rem;
    background:linear-gradient(to right, var(--bg-dark), rgba(var(--primary-color-hex), 0.95) 200%);
    background:linear-gradient(to right, var(--bg-dark), rgba(243, 128, 35, 0.95) 200%)
}
.cashtech_primaryBox.balanceBox p {
    margin-bottom:0
}
.cashtech_medal {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:1rem
}
.cashtech_medal .medal_icon {
    --medal_icon_size: 70px;
    width:var(--medal_icon_size);
    height:var(--medal_icon_size);
    font-size:30px;
    background-color:var(--secondary-color);
    color:var(--bg-dark);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center
}
.cashtech_medal .medal_data {
    display:flex;
    flex-direction:column;
    flex-grow:1;
    color:var(--bg-dark);
    gap:.25rem;
    line-height:1
}
.cashtech_medal .medal_data h4 {
    font-size:16px;
    margin-bottom:0
}
.cashtech_medal .medal_actives {
    width:80%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:300;
    margin-bottom:.25rem
}
.cashtech_medal .medal_actives b>span {
    color:var(--primary-color)
}
.cashtech_medal .medal_progressBar {
    width:80%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    height:20px
}
.cashtech_medal .medal_progressBar--bar {
    background-color:var(--primary-color);
    border-radius:2rem;
    flex-grow:1
}
.cashtech_medal .medal_progressBar--percentage {
    font-weight:300
}
.cashtech_medal .medal_specification {
    width:80%;
    color:var(--primary-color);
    font-size:12px;
    font-weight:300;
    line-height:1.3
}

/* addons-old-bootstrap */
.cashtech .d-none,
.cashtech.d-none{
    display: none !important;
}

.cashtech .mb-3 {
    margin-bottom: 1rem !important;
}

.cashtech .mb-4 {
    margin-bottom: 1.5rem !important;
}

.cashtech .mb-5 {
    margin-bottom: 3rem !important;
}

:root {
    --primary-color: #f58220;
    --secondary-color: #ffe344;
    --bg-cashtech: #fafafa;
    --bg-dark: #262626;
    --bg-light: #ffffff;
    --bg-card-store: var(--bg-light);
    --gray-bg-light: #ebedf0;
}