.bs-icon{--bs-icon-size:.75rem;display:flex;flex-shrink:0;justify-content:center;align-items:center;font-size:var(--bs-icon-size);width:calc(var(--bs-icon-size) * 2);height:calc(var(--bs-icon-size) * 2);color:var(--bs-primary)}.bs-icon-xs{--bs-icon-size:1rem;width:calc(var(--bs-icon-size) * 1.5);height:calc(var(--bs-icon-size) * 1.5)}.bs-icon-sm{--bs-icon-size:1rem}.bs-icon-md{--bs-icon-size:1.5rem}.bs-icon-lg{--bs-icon-size:2rem}.bs-icon-xl{--bs-icon-size:2.5rem}.bs-icon.bs-icon-primary{color:var(--bs-white);background:var(--bs-primary)}.bs-icon.bs-icon-primary-light{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}.bs-icon.bs-icon-semi-white{color:var(--bs-primary);background:rgba(255,255,255,.5)}.bs-icon.bs-icon-rounded{border-radius:.5rem}.bs-icon.bs-icon-circle,.slider.round:before{border-radius:50%}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;margin:.5em 0 .6em .5em}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:-5px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.CheckBoxTextHeader{font-size:.8em;vertical-align:middle;line-height:2em}.logo{width:1.5em;margin:.3em}.searchbox{width:calc(100% - 2em);margin:1em;border-radius:.5em;font-size:1.2em;background-color:var(--backLight1);color:#fff;border:0 solid var(--WhiteLight);line-height:1.8em}.TopMenu{background-color:var(--Dark);border-radius:.5em;width:calc(100% - 1em);margin:.5em;font-size:1.2em;color:#fff}.defaultMargin{margin:.5em}.defaultFont{font-size:1em!important}.FooterStatic{position:fixed;bottom:0;background-color:var(--Dark);width:100%}.TotalBG{background-color:var(--backLight1);font-size:1.5em;border-radius:.3em;color:#fff;width:2em;margin-top:-.1em}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     html{width:100%;max-width:100%;overflow-x:hidden}.card{border-radius:.5em;background-color:var(--Dark);min-width:11em!important;width:10em!important;position:relative;display:inline-block;margin:2px}.card img{width:100%;height:6em;border-radius:.5em}.card-body{padding:.18em .2em}.card-subtitle2{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--backLight1);font-size:.7em;font-weight:initial;margin-top:.1em}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color);font-size:1em;font-weight:initial;margin-top:.2em}.Card-AmountText{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--WhiteLight);font-size:.8em;font-weight:initial;margin-top:.2em}.btnQty{color:#000;background-color:var(--backLight2);height:1.3em;width:.5em;line-height:0;text-align:left;padding-left:.25em}.btnQtyText{color:var(--WhiteLight);background-color:var(--backLight1);height:1.5em;width:2em;line-height:0;padding-left:.4em;margin-left:.1em;border-radius:.3em;border:rgba(255,255,255,.5);margin-right:.1em;text-align:center}.btnQty:hover{background-color:#514f4f}.btnQtyText:hover{background-color:var(--backdarklight)}.cardTextRemarks{width:100%;height:1em;margin-top:.5em;background-color:var(--Dark);border:rgba(255,255,255,.5);font-size:.9em;color:#ff0}.selectedCard{border:1px solid #ff0}

 
    .scroll-cond a

{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    border: 1px solid gray;
    border-radius: 7px;
    margin: 3px;
}

 


.cardBottom{width:auto!important}:root{--backLight1:#5D5D5D;--WhiteLight:#E6E6E6;--backdarklight:#333333;--Dark:#1A1A1A;--backLight2:#B3B3B3}



.cardCart img {
    width: 6em;
    height: 6em;
    border-radius: .5em;
}


.badgeCart {
    font-size: larger!important;
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
 
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Transparent dark background */
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-text {
    font-size: 2rem;
    color: #ffffff; /* White text color */
    font-family: Arial, sans-serif;
}



.TabCat {
    display: flex;
    /*  overflow-x: auto;*/
    flex-wrap: wrap;
    -webkit-overflow-scrolling: touch !important;
    justify-content: center;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #1c1e21;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #171818;
}


.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    padding-top: 1rem;
    padding-right: 1.25rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    font-size: 1rem;
    color: #ffffff;
    text-align: left;
    background-color: #414141;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}


.BetPickClass {
    background-color: #959595;
    padding: 1em;
    margin-top: 3em;
}



.blinking-label {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    color: white;
    background-color: #959595;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    animation: blinkEffect 1s infinite;
    text-transform: uppercase;
    position: absolute;
    z-index: 600;
}


.blinking-label1 {
    font-size: 20px;
    font-weight: bold;
    /* padding: 10px; */
    color: white;
    background-color: #959595;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    animation: blinkEffect 1s infinite;
    text-transform: uppercase;
    position: absolute;
    z-index: 600;
    margin-top: -.4em !important;
}

@keyframes blinkEffect {
    0% {
        color: red;
    }

    25% {
        color: yellow;
        transform: rotate(7deg);
    }

    50% {
        color: green;
        transform: rotate(-7deg);
    }

    75% {
        color: #de1408;
    }

    100% {
        color: orange;
    }
}

.animated-text {
   


      font-size: 24px;
    font-weight: bold;
    color: white;
    background-color: #a50000;
    padding: 10px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    left: -.5em;
    margin-top: .6em;
    position: absolute;
    border-radius: .5em 0em .5em;
    transform: skew(185deg, -10deg) scale(.8);
    box-shadow: 3px 5px 7px 2px rgb(0 0 0 / 55%), -4px -4px 10px rgb(255 255 255 / 11%);
    z-index: 500000;
}



.animated-text span {
    display: inline-block;
    opacity: 0;
    transform: translateX(-50px);
    animation: slideIn 1s forwards, pauseAfter 3s infinite;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pauseAfter {
    0% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
    /* Fade out to restart animation */
}

/* Apply animation delay for each character */
.animated-text span:nth-child(1) {
    animation-delay: 0s;
}

.animated-text span:nth-child(2) {
    animation-delay: 0.2s;
}

.animated-text span:nth-child(3) {
    animation-delay: 0.4s;
}

.animated-text span:nth-child(4) {
    animation-delay: 0.6s;
}

.animated-text span:nth-child(5) {
    animation-delay: 0.8s;
}

.animated-text span:nth-child(6) {
    animation-delay: 1s;
}

.animated-text span:nth-child(7) {
    animation-delay: 1.2s;
}

.animated-text span:nth-child(8) {
    animation-delay: 1.4s;
}

.animated-text span:nth-child(9) {
    animation-delay: 1.6s;
}




.parent {
    /* Set the width of your accordion or container */
    overflow: hidden; /* Hide overflowing content */
    
}

.marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 5s linear infinite;
 
}

@keyframes marquee {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}