@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Itim&display=swap');



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.t-inf-dd {
    color: #008BF8;
    margin-bottom: 12px;
}

.bar-deposit-title {
    color: #008BF8;
    border-bottom: solid 1px #fee0036e;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.container-separate {
    border-bottom: solid 1px;
    width: 160px;
    padding-bottom: 10px;
}

.container-separate span {
    font-size: 21px;
}

.bar-payment-options {
    height: 84px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px #02ccf36b;
    display: flex;
    align-items: center;
}

.container-logo-divider-pyment-tt-9878 {
    width: 134.61px;
    height: 42.7px;
    border-radius: 4px;
    border: solid 1px #fee003;
    color: #008BF8;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 20px;
}

.float-check-button {
    background-image: url(/check-a-button.png);
    background-repeat: no-repeat;
    background-position: right;
    border: solid 1px #fee003;
}

.centralize-texts-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-logo-divider-pyment-tt-9878 {

    cursor: pointer;
}

.container-logo-divider-pyment-tt-9878 div {
    width: 60%;
    padding-left: 10px;
    display: flex;
}

.container-logo-divider-pyment-tt-9878 span {
    font-size: 14px;
}

.title-reg-act {
    width: 200px;
    display: flex;
    justify-content: center;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #010000;
    border-bottom: solid;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.accept-term-container {
    font-family: Arial, sans-serif;
    margin: 20px;
}

.accept-term-container input[type="checkbox"] {
    accent-color: green;
    margin-right: 10px;
}

.accept-term-container label {
    display: flex;
    align-items: center;
}

.accept-term-container a {
    /* text-decoration: none; */
    color: #008BF8;
}

/* .accept-term-container a:hover {
    text-decoration: underline;
} */

.accept-term-container .terms {
    display: block;
    margin-top: 5px;
}

.container-inpt-act-ii {
    height: 45.02px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: solid 1px #044470;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 18px;
}

.container-inpt-act-ii span {
    color: #09542f;
    font-size: 23px;
}

.importantfill {
    color: #008BF8 !important;
    font-size: 15px !important;
}

.strength-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    color: #008BF8;
}

.bar {
    width: 20%;
    height: 10px;
    background-color: #008BF8;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.bar.fill {
    background-color: #f00;
}

.bar.fill.medium {
    background-color: #ff0;
}

.bar.fill.strong {
    background-color: #0f0;
}

#strength-text {
    font-size: 14px;
    color: #333;
}

.imp-select {
    display: flex;
}

.container-inpt-act-ii input {
    flex-grow: 0;
    width: 90%;
    height: 100%;
    color: #fae100;
    border: none;
    outline: none;
    padding-left: 10px;
    background: #428b6300;
}

iframe {
    width: 100%;
    height: 100%;
}

.im-br {
    width: 22px;
    margin-top: 3px;
    margin-right: 4px;
}

.lateral-hilight-games-bbt {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    background: rgb(3 48 81);
    margin-top: 12px;
    padding: 10px;
    justify-content: space-evenly;
    width: 93%;
    border-radius: 10px;
}

.ch-bt-menu-bbt {
    width: 100px;
    height: 70.52px;
    margin-bottom: 1px;
    margin-right: 5px;

}

.ch-bt-menu-bbt img {
    width: 99px;
    height: 58.52px;
    cursor: pointer;
}

.ch-bt-menu {
    color: #FFF;
    width: 115px;
    height: 84px;
    background: rgb(32 189 0);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 10px;
    flex-direction: column;
    cursor: pointer;
}

.act-it {
    background: #155a07;
    color: #00ffdd;
}

.act-it img {
    filter: brightness(1.1) !important;
}


.rdc {
    position: absolute;
    right: 30px;
    margin-top: 30px;
    width: 79px;
    height: 32px;
    border: none;
    background: #008BF8;
    border: solid 1px black;
    color: black;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
}

.banner-container {
    height: 30vw;
    white-space: nowrap;
    font-size: 0;
    transition: transform 0.5s ease;
    display: flex;
}

.banner {
    width: 100vw;
    /* largura de cada banner */
    height: 100%;
    background-size: cover;
    flex: 0 0 100%;
    /* cada banner ocupa 100% do espaço disponível */
    background-repeat: no-repeat;
}

.banner:not(:first-child) {
    left: 100vw;
}




.conflinksbanner {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #FFF;
}

/* Estilize a barra de rolagem para Chrome/Safari */
::-webkit-scrollbar {
    width: 12px;
    /* Largura da barra de rolagem */
    background-color: transparent;
    /* Torna o fundo da barra de rolagem transparente */
}

/* Estilize o 'polegar' (a parte arrastável da barra de rolagem) */
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.0);
    /* Cor do 'polegar' */
    width: 0.1px;
}

.loader {
    border: 5px solid #f3f3f3;
    /* Light grey */
    border-top: 5px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 20px auto;
    /* Centraliza e adiciona espaço */
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.new-item a {
    display: block;
    width: 160px;
    height: 160px;
    /* z-index: 10000; */
}

@keyframes pixspin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes colorChange {
    0% {
        border-top-color: #3498db;
    }

    33% {
        border-top-color: #e74c3c;
    }

    66% {
        border-top-color: #f1c40f;
    }

    100% {
        border-top-color: #3498db;
    }
}

.loadingpinx {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 100px;
    margin-left: 128px;
    margin-top: 200px;
    height: 100px;
    animation: pixspin 2s linear infinite, colorChange 6s ease-in-out infinite;
}

.pix-qrcode-act {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.pix-qrcode-act img {

    background-color: #ffff;
    height: 200px;
    width: 200px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.bt-cp-pix {
    height: 50px;
    width: 250px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background: #008BF8;
    color: #000;
}

.bt-cp-pix2 {
    height: 50px;
    width: 250px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background: #F44336;
}

.instruction-conatiner {
    color: #FFF;
    font-size: 13px;
    padding: 30px;
}

.instruction-conatiner ul li {
    list-style: none;
    margin-top: 5px;
    margin-bottom: 10px;
}

.alert-inform {
    color: aquamarine;
}

.hideLoading {
    display: none !important;
}

/* Estilo básico para as abas */
.tab {
    cursor: pointer;
    padding: 10px;
    border-left: none;
    display: inline-block;
    background-color: transparent;
    color: #FFF;
}

/* Estilo para a aba ativa */
.tab.active {
    background-color: #131518;
    border-bottom: none;
}


.type-log {
    color: #008BF8;
    font-size: 13px;
    margin-right: 13px;
    width: 57.41px;
    flex-shrink: 0;
}

.amount-vl {
    margin-right: 20px;
    font-weight: bold;
    margin-left: 5px;
    width: 80px;
    flex-shrink: 0;
}

.gray-status {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-left: 5px;
    background-color: gray;
}

.green-status {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-left: 5px;
    background-color: rgb(0, 255, 0);
}

.red-status {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-left: 5px;
    background-color: red;
}

.date-transaction-vl {
    color: gray;
    width: 146.72px;
    flex-shrink: 0;
}

.state-inc-p-v {
    padding: 5px;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}



.legend-title {
    margin-top: 20px;
    font-weight: bold;
    color: #FFF;
    font-size: 15px;
    margin-left: 32px;
    margin-bottom: 20px;
}

.legend-ul {
    display: flex;
    list-style: none;
    color: #FFF;
    font-size: 13px;
    margin-bottom: 20px;
}

.show-legend-inf {
    display: flex;
    align-items: center;
    margin-right: 30px;
    padding-left: 10px;
}

.show-legend-inf span {
    margin-left: 10px;
}

.ctn-lists {
    width: 100%;
    min-height: 300px;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: "Arial", cursive !important;
    background-image: url(/bgs.png);
    background-color: #04E762 !important;
}

.menu-deposit {
    width: 400px;
    height: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    bottom: 0;
    /* right: 0; */
    background-color: #04E762;
    transition: all 0.3s ease;
    overflow-y: auto;
    padding-top: 34px;
    -webkit-box-shadow: 10px 2px 20px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 2px 20px -8px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 14px 20px 16px rgba(0, 0, 0, 0.75);
    top: 49px;
}


.menu-rec {
    width: 400px;
    height: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #042744;
    transition: all 0.3s ease;
    overflow-y: auto;
    padding-top: 100px;
    -webkit-box-shadow: 10px 2px 20px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 2px 20px -8px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 14px 20px 16px rgba(0, 0, 0, 0.75);
}

.container-close-deposit {
    color: #fee003;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 50px;
    cursor: pointer;
    font-size: 31px;
    left: 14px;
    position: absolute;
    margin-top: -30px;
}

.container-close-rec {
    color: #02ccf3;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 50px;
    cursor: pointer;
    font-size: 31px;
    left: 14px;
    position: absolute;
    margin-top: -30px;
}

.container-titles-deposit {
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.titles-deposit {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
}

.ifs-deposit {
    font-size: 15px;
    color: #f6d468;
    display: block;
    margin-bottom: 10px;
}

.con-payment-input {
    background: #008BF800;
    height: 35px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin-bottom: 21px;
    border: solid 1px #5e5e5e;
}

.con-payment-input span {
    font-size: 16px;
    display: block;
    margin-right: 8px;
    color: #010000;
}

.con-payment-input input {
    height: 100%;
    width: 81%;
    font-size: 16px;
    border: none;
    outline: none;
    background: transparent;
    color: #010000;
}

.con-payment-input input::placeholder {
    color: #0f0f0ead;
    font-size: 15px;
}

.ct-btns-payment {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.ct-btns-payment button {
    width: 77.35px;
    height: 35px;
    border-radius: 6px;
    font-size: 15px;
    margin-right: 10px;
    margin-bottom: 15px;
    border: none;
    background: #88fc00;
    cursor: pointer;
    border: solid 1px #ffffff;
    color: #010000;
}

.inf-def-amount {
    display: flex;
    justify-content: space-between;
    color: white;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 15px;
    background: #02ccf3;
    padding-left: 15px;
    padding-right: 19px;
}

.ct-btns-payment .active {
    background-image: url(/check-a-button.png);
    background-repeat: no-repeat;
    background-position: right;
    border: solid 1px #02ccf3;
}

.pix-btn {
    margin-top: 14px;
}

.pix-btn img {
    width: 73px;
}

.btn-des-ac-i {
    height: 50px;
    border-radius: 10px;
    background: #008BF8;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
}

/* Estilo do menu lateral */
.menu-lateral {
    width: 260px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(136 252 0);
    transition: left 0.3s ease;
    overflow-y: auto;
    padding-top: 70px;
    -webkit-box-shadow: -37px 8px 55px 11px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -37px 8px 55px 11px rgba(0, 0, 0, 0.75);
    box-shadow: -37px 8px 55px 11px rgba(0, 0, 0, 0.75);
}

/* Estilo do container central */
.container-central {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 250px);
    margin-left: 250px;
    overflow-x: hidden;
}

/* Estilo dos containers */
.container {
    width: 100%;
    max-width: 1200px;
    margin-bottom: 20px;
}



.master-g-site {
    height: 400px;
    width: 500px;
    border-radius: 15px;
    flex-shrink: 0;
    background-size: 100%;
    cursor: pointer;
    background-position: center;
}

.cardg-site {
    width: 100%;
    height: 100%;
    display: flex;
    flex-shrink: 0;
}

.site-cd-i {
    width: 250px;
    height: 100%;
    border-radius: 10px;
    margin-left: 20px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.bn-top-title {
    margin-bottom: 15px;
}

.cdd-site-cd-i {
    flex-grow: 0;
    width: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.ntn-si-site-card-g {
    width: 400px;
    border-radius: 11px;
    height: 195px;
    margin-left: 20px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.ntn-si-site-card-i {
    width: 400px;
    border-radius: 11px;
    height: 195px;
    margin-left: 20px;
    margin-top: 10px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.principal-content {
    margin-top: 45px;
    margin-bottom: 45px;
}


.menu-lateral ul {
    list-style-type: none;
    padding: 0px;
}

.menu-lateral ul li {
    margin-bottom: 3px;
    /* background: #24262b; */
    height: 44px;
    padding-left: 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.menu-lateral ul li a {
    color: gray;
    text-decoration: none;
}

.botao-menu {
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 999;
}

/* Estilo do topo */
.topo {
    /* position: -webkit-sticky;  */
    position: fixed;
    height: 80px;
    top: 0;
    width: 100%;
    display: flex;
    background-color: #89FC00;
    z-index: 1000;
    border-bottom: solid 1px #969696;
    z-index: 1002;
}

.logo-container {
    width: 175px;
    height: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 40px;
    cursor: pointer;
}

.logo-container img {
    width: 148px;
    flex-shrink: 0;
}

.container-top-itens {
    display: flex;
    flex-grow: 0;
    width: 100%;
    /* max-width: 1000px; */
    margin-left: auto;
    justify-content: space-evenly;
    margin-right: auto;
}

.container-menu-site-header {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.container-menu-site-header ul {
    padding: 0;
    display: flex;
    width: 500px;
    color: #FFF;
    justify-content: space-around;
}

.container-menu-site-header ul li {
    list-style: none;
}

.container-menu-site-header ul li a {
    color: #FFF;
    text-decoration: none;
}

.bts-toggle-site-type {
    display: flex;
    align-items: center;
    background: #131518;
    height: 37px;
    margin-top: auto;
    margin-bottom: auto;
    width: 160px;
    border-radius: 30px;
    flex-grow: 0;
}

.bt-cassino-top {
    height: 37px;
    border-radius: 16px;
    width: 87px;
    margin-right: 13px;
    border: none;
    background: linear-gradient(to left, #ed9230, #ff6500);
    color: #FFF;
}

.bt-bolao-top {
    background: none;
    border: none;
    color: #FFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
}

.bt-bolao-top img {
    margin-left: 10px;
}

.container-user-act-itens {
    display: flex;
    height: 40px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: -100px;
}

.user-content-ballance {
    display: flex;
    align-items: center;
    background: transparent;
    color: #FFF;
    width: 115px;
    padding-left: 7px;
    margin-top: 8px;
    justify-content: space-between;
    flex-shrink: 0;
    border-radius: 25px;
    height: 30px;
    margin-right: 28px;
    border: solid #008BF8 1px;
}


.user-content-re {
    display: flex;
    height: 33px;
    align-items: center;
    color: #FFF;
    width: 213px;
    padding-left: 7px;
    padding-right: 11px;
    justify-content: space-between;
    flex-shrink: 0;
}

.user-content-re a {
    color: #035730;
    text-decoration: none;
    border: solid 2px #000000;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 10px;
    margin-left: 10px;
}


.gopaybt {
    height: 100%;
    width: 72px;
    color: #010000;
    height: 40px;
    cursor: pointer;
    border-radius: 8px;
    border: none;
    background: #008BF8;
    font-size: 18px;
}

.money-show-usr {
    font-size: 15px;
    margin-top: auto;
    display: flex;
    margin-bottom: auto;
    align-items: center;
    text-decoration: underline;
}

.money-show-usr span {
    color: #008BF8;
}


.user-alert-area {
    margin-right: 20px;
    margin-left: 20px;
    cursor: pointer;
    display: none;
}

.user-alert-area img {
    width: 22px;
}

.user-photo-area {
    cursor: pointer;
    display: none;
}

.user-photo-area img {
    width: 30px;
}

.container-top-active-site-offers {
    display: flex;
    justify-content: space-between;
}

.container-set-offers-top {
    display: flex;
    width: 300px;
    height: 131.45px;
    cursor: pointer;
    border-radius: 17px;
    flex-shrink: 0;
    background: linear-gradient(to left, #ff9a2c, #ed4918);
}

.container-inf-offer {
    flex-grow: 0;
    width: 100%;
}

.container-img-offer {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    width: 100%;
}

.title-inf-top-offer {
    margin-left: 15px;
    width: 150px;
    height: 29px;
    margin-top: 15px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background: linear-gradient(to left, #57bbd5, #8363f8);
}

.text-inf-offer-top {
    font-size: 12px;
    margin-left: 15px;
    margin-top: 9px;
    color: #FFF;
}

.img-card-roullet {
    flex-grow: 0;
    width: 116px;
    margin-left: auto;
    margin-top: -20px;
}

.img-card-box {
    width: 70px;
    margin-top: -30px;
    margin-left: 43px;
}

.img-card-girl {
    width: 145px;
    margin-left: -10px;
    margin-top: -33px;
    z-index: 1;
}

.img-card-trevo {
    width: 105px;
    margin-top: -20px;
    margin-left: 52px;
}

.img-card-emoticon {
    width: 46px;
    margin-top: -4px;
    margin-left: 33px;
    transform: rotate(-44deg);
}

.img-card-ps5 {
    width: 68px;
    transform: scaleX(-1);
    margin-top: -106px;
    margin-left: 58px;
}

.img-card-cartas {
    width: 92px;
    margin-top: -133px;
    margin-left: 5px;
}

.img-card-iphone {
    width: 40px;
    margin-top: -72px;
    margin-left: 89px;
    z-index: 1;
    transform: rotate(20deg);
}


.popular-games-top {
    margin-top: 100px;
    /* background-color: rgb(2 81 32); */
    border-radius: 11px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
}

.popular-game-title-container {
    display: flex;
    padding-left: 66px;
}

.popular-game-title-container img {
    width: 44px;
}

.popular-game-title-container span {
    display: block;
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
    margin-left: 13px;
}

.popular-game-cards {}

.popular-game-cards ul {
    display: flex;
    padding: 0;
    margin-top: 30px;
    justify-content: center;
    margin-bottom: 30px;
}

.popular-game-cards ul li {
    list-style: none;
    width: 197.66px;
    height: 351.38px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    margin-right: 10px;
    cursor: pointer;
}

.popular-winners-cards {}

.popular-winners-cards ul {
    display: flex;
    padding: 0;
    margin-top: 30px;
    justify-content: center;
    margin-bottom: 30px;
}

.popular-winners-cards ul li {
    list-style: none;
    width: 197.66px;
    height: 76.3px;
    border-radius: 20px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #353d4b;
}

.popular-crashgame-cards {}

.popular-crashgame-cards ul {
    display: flex;
    padding: 0;
    margin-top: 30px;
    justify-content: center;
    margin-bottom: 30px;
}

.popular-crashgame-cards ul li {
    list-style: none;
    width: 331.44px;
    height: 331.41px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    margin-right: 20px;
    cursor: pointer;
}

.container-setup-list-games {
    display: flex;
    margin-top: 45px;
    width: 100%;
    margin-bottom: -30px;
    justify-content: space-around;
}

.container-setup-list-games ul {
    padding: 0;
    display: flex;
    justify-content: center;
}

.container-setup-list-games ul li {
    color: #FFF;
    list-style: none;
    margin-right: 40px;
    font-size: 19px;
    cursor: pointer;
}

.container-filter-games input {
    border: none;
    margin-left: -50px;
    margin-right: 50px;
    height: 37px;
    width: 200px;
    padding-left: 10px;
    background: #353d4b;
    border-radius: 8px;
    color: #FFF;
    font-weight: bold;
    font-size: 19px;
    outline: none;
}

.container-filter-games select {
    width: 200px;
    height: 37px;
    border-radius: 8px;
    background: #353d4b;
    color: gray;
    text-align: center;
    font-size: 16px;
}

.popular-game-mini-cards {
    text-align: center;

}

.popular-game-mini-cards ul {
    display: flex;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.popular-game-mini-cards ul li {
    list-style: none;
    width: 197.95px;
    height: 197.95px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 30px;
}


.banner-house-game {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 30px;
}

.mini-housebanner {
    width: 350px;
    height: 212px;
}

.big-housebanner {
    width: 450px;
    height: 300px;
}

.container-house-games {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-banner-house {
    color: #FFF;
    font-size: 25px;
    font-weight: bold;

    display: flex;
    border-bottom: solid 1px #FFF;
    overflow-x: scroll;
}

.bt-load-more {
    height: 46px;
    border-radius: 6px;
    width: 250px;
    font-size: 18px;
    margin-right: 13px;
    border: none;
    background: linear-gradient(to left, #9C27B0, #673AB7);
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
}

.week-game-area {
    height: 286.63px;
    background-repeat: no-repeat;
    border-radius: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    background-size: cover;
    background-position: center;
}

.area-info-week-game {
    width: 100%;
    flex-grow: 0;
}

.area-img-week-game {
    width: 100%;
    flex-grow: 0;
    display: flex;
    justify-content: right;
}

.area-img-week-game img {
    width: 380px;
    margin-right: 30px;
}

.game-week-title {
    font-size: 40px;
    color: #FFF;
    margin-top: 6px;
    margin-bottom: -38px;
    margin-left: 30px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1), -2px -2px 4px rgba(255, 255, 255, 1);

}

.game-week-provider-name {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 23px;
    color: #FFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1), -2px -2px 4px rgba(255, 255, 255, 1);

}

.game-week-name {
    font-size: 40px;
    color: #FFF;
    margin-left: 45px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1), -2px -2px 4px rgba(255, 255, 255, 1);

}

.go-week-game {
    height: 46px;
    border-radius: 23px;
    width: 250px;
    font-size: 18px;
    margin-right: 13px;
    border: none;
    background: linear-gradient(to left, #673AB7, #008BF8);
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    margin-left: 20px;
    cursor: pointer;
    border: solid 1px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1), -2px -2px 4px rgba(255, 255, 255, 1);

}

.container-footer {
    /* background-color: rgb(5 29 59); */
    border-radius: 30px;
    height: 206.3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFF;
}

.footer-img-infs {
    display: flex;
    justify-content: space-evenly;
}

.logo-footer-container {
    width: 204px;
    height: 47px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.curacao-footer-container {
    background-repeat: no-repeat;
    width: 250px;
    background-size: cover;
    height: 47px;
    margin-top: 12px;
    background-position-y: bottom;
}

.gamcare-footer-container {
    height: 47px;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pix-footer-container {
    width: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer-texts-infs {
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    margin-bottom: -26px;
    font-size: 14px;
    text-align: center;
}

.wggamingbet-footer-container {
    width: 110px;
    height: 57px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.rodape {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
}


#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #042744;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.loading-content {
    text-align: center;
}

.loading-logo {
    width: 300px;
    /* Ajuste o tamanho conforme necessário */
    height: auto;
}

.pulsate {
    animation: pulse 1s ease-in-out infinite;
}

.lateral-container-buttons-act {
    padding: 5px;
    background: #131518;
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-left: 8px;
}

.container-bts-lateral {
    display: flex;
    width: 100%;
    justify-content: center;
}

.invit-bt {
    flex-grow: 0;
    width: 50%;
    height: 36px;
    align-items: center;
    border: solid 1px #008BF8;
    background: linear-gradient(to left, #008BF8, #000000);
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    justify-content: space-around;
    cursor: pointer;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1), -2px -2px 4px rgba(255, 255, 255, 1);
}

.dayle-roullet-bt {
    flex-grow: 0;
    width: 50%;
    height: 36px;
    align-items: center;
    border: solid 2px #9C27B0;
    background: linear-gradient(to left, #272bb7, #993f7f);
    color: #FFF;
    border-radius: 3px;
    font-size: 15px;
    display: flex;
    justify-content: space-around;
    cursor: pointer;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1), -2px -2px 4px rgba(255, 255, 255, 1);
}

.invit-bt img {
    width: 27px;
}

.gift-day {
    color: yellow;
    font-size: 28px;
    margin-left: 5px;
}

.dayle-roullet-bt img {
    width: 27px;
}

.active-item-menu {
    border-bottom: solid #9C27B0;
}

.lateral-hilight-games {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.lateral-hilight-games img {
    width: 40px;
    /* filter: brightness(100); */
}

.lateral-hilight-games span {
    color: #FFF;
    font-size: 19px;
}

.lateral-hilight-games ul {
    padding: 0;
    color: #FFF;
    font-size: 16px;
    padding-left: 0;
    width: 100%;
}

.lateral-hilight-games ul li {
    font-size: 13px;
    height: 50px;
}

.lateral-hilight-games ul li a {
    color: #fff;
}

.title-originals-lateral {
    color: #89FC00 !important;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.size-web-font-icons-titles {
    font-size: 34px !important;
    margin-right: 10px;
}

#btcmenuact {
    display: none;
}

.margin-web-font-small {
    margin-right: 10px;
    color: #FFF;
}

.hideMenu {
    left: 0;
}

.hideDeposit {
    bottom: -5000px;
    top: 100%;
}

.container-partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.partners-link-and-infs {
    width: 360px;
}

.img-partners-trofeus {
    width: 360px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.qts-partners-inviteds-revshare {
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.descript-inf-parters-invit {
    color: #FFF;
}

.values-pay-for-invit ul {
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: #131518;
    box-sizing: border-box;
    border-radius: 11px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.instructions-invits {
    font-size: 14px;
    color: gray;
}

.return-val-inf-invit {
    width: 45px;
    text-align: right;
    padding-top: 10px;
}

.values-pay-for-invit ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ivt-ss {
    height: 150px;
    width: 100%;
}

.ins-vv {
    height: 27px;
    background: #FFC107;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.nnh-svv {
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 29px;
    font-weight: bold;
}

.if-rc-invit {
    display: flex;
}

.inf-receive-value-invit {
    margin-right: 20px;
}

.arrow-colors {
    color: orange;
    font-size: 30px;
}

.qts-invits-success {
    width: 360px;
    height: 312px;
    background: #131518;
    border-radius: 11px;
    justify-content: center;
    align-items: center;
    /* font-size: 40px; */
    color: #FFF;
    display: flex;
    flex-direction: column;
}

.revshare-value-container {
    color: gray;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rev-container-val-inf {
    background: #131518;
    width: 100%;
    border-radius: 13px;
    height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    color: #ffa500;
}

.revshare-value-container button {
    width: 100%;
    height: 27px;
    border-radius: 10px;
    background-color: #dd7e26;
    border: none;
    font-size: 17px;
    color: #131518;
    cursor: pointer;
}

.content-revenue-infs {
    color: gray;
    font-size: 13px;
    margin-top: 20px;
}

.contaner-link-partners {
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contaner-link-act {
    display: flex;
    margin-top: 8px;
}

.contaner-link-act input {
    border: none;
    flex-grow: 0;
    background: #131518;
    height: 41px;
    width: 260px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 12px;
    color: #FFF;
}

.contaner-link-act button {
    border: none;
    width: 100px;
    height: 40px;
    background: #fbe000;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 700;
    cursor: pointer;
}

.not-found-sweepstakes-container {
    color: #FFF;
    width: 100%;
    /* border: solid orange; */
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
}

.no-sweepstakes-msg {
    font-size: 27px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.menu-deposit-content {
    max-height: calc(100vh - 100px);
    /* Ajusta a altura máxima do conteúdo */
    overflow-y: auto;
    /* Permite rolagem no conteúdo */
    padding: 10px;
    /* Espaçamento interno */
}


/* Media query para dispositivos móveis */
@media screen and (max-width: 768px) {
    .masterOverlowHidden {
        overflow: hidden !important;
    }

    .menu-lateral {
        z-index: 10;
    }

    .menu-deposit {
        width: 100%;
    }

    .menu-rec {
        width: 100%;
    }

    .ct-btns-payment button {
        width: 83.35px;
    }

    .popular-games-top {
        background: transparent;
    }

    .banner {
        background-size: cover;
    }


    .contaner-link-act {
        margin-bottom: 30px;
    }

    .container-h-banners {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .master-g-site {
        height: 360px;
        width: 360px;
        border-radius: 15px;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 14px;
        background-size: cover;
        cursor: pointer;
        background-position: center;
    }

    .site-cd-i {
        width: 180px;
        height: auto;
        border-radius: 10px;
        margin-left: 20px;
        flex-shrink: 0;
        background-size: cover;
        background-position: center;
        cursor: pointer;
    }

    .ntn-si-site-card-g {
        width: 180px;
        border-radius: 11px;
        height: 195px;
        margin-left: 10px;
        background-size: cover;
        background-position: center;
        cursor: pointer;
    }

    .ntn-si-site-card-i {
        width: 180px;
        border-radius: 11px;
        height: 195px;
        margin-left: 10px;
        margin-top: 10px;
        background-size: cover;
        background-position: center;
        cursor: pointer;
    }

    .cdd-site-cd-i {
        flex-grow: 0;
        width: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .img-partners-trofeus {
        margin-bottom: 30px;
    }

    .qts-partners-inviteds-revshare {
        margin-bottom: 40px;
    }

    .lateral-container-buttons-act {
        width: 330px;
    }

    .container-central {
        margin-left: 0;
        /* Remover margem à esquerda */
        overflow-x: hidden;
    }

    .botao-menu {
        display: block;
        /* Exibir o botão do menu */
    }

    /* Mostrar o menu lateral quando o botão de menu for clicado */
    .menu-lateral.aberto {
        left: 0;
    }

    .container-central {
        display: flex;
        flex-direction: column;
        align-items: inherit;
        width: 100%;
        overflow-x: hidden;
    }

    .container {
        width: 100%;
        max-width: initial;
        margin-bottom: 0px;
        flex-direction: column;
        display: flex;
    }

    .container-top-active-site-offers {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1200px;
        overflow-x: scroll;
    }

    #btcmenuact {
        display: flex;
        justify-content: center;
        align-items: center;
        /* margin-left: -20px; */
        /* margin-right: 20px; */
        flex-shrink: 0;
    }

    .ct-l-g-menu {

        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 53px !important;
        flex-shrink: 0;
        color: #02ccf3;
    }

    svg {
        width: 24px;
        position: absolute;
        color: #100f0f;
    }

    .img-partners-trofeus svg {
        width: 200px;
        position: relative;
    }

    .svg-icon {
        color: #008BF8 !important;
        margin-top: 10px;
        position: relative !important;
    }

    .logo-container {
        margin-right: 10px;
        cursor: pointer;
    }

    .bts-toggle-site-type,
    .container-menu-site-header,
    .user-alert-area,
    .user-photo-area {
        display: none;
    }

    .container-top-itens {
        justify-content: inherit;
    }

    .container-set-offers-top {
        width: 360px;
        margin-bottom: 15px;
        margin-right: 27px;
    }

    .popular-game-cards ul {
        overflow-x: scroll;
        width: 1200px;
    }

    .popular-game-cards ul li {
        flex-shrink: 0;
        margin-right: 20px;
    }

    .popular-game-cards {
        width: 100%;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        overflow-x: auto;
        position: relative;
    }

    .popular-winners-cards {
        width: 100%;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        overflow-x: auto;
        position: relative;
    }

    .popular-winners-cards ul li {
        flex-shrink: 0;
    }

    .popular-winners-cards ul {
        overflow-x: scroll;
        width: 1200px;
    }

    .container-house-games {
        flex-direction: column;
    }

    .big-housebanner {
        width: 380px;
    }

    .popular-crashgame-cards ul li {
        flex-shrink: 0;
        margin-bottom: 8px;
        margin-right: 0;
    }

    .banner-house-game {
        margin-right: 0;
    }

    .popular-crashgame-cards ul {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .area-img-week-game img {
        width: 200px;
        margin-right: 281px;
        height: 145px;
        margin-top: 56px;
    }

    .game-week-title {
        font-size: 26px;
    }

    .game-week-name {
        font-size: 28px;
    }

    .week-game-area {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        height: 270.63px;
        background-size: cover;
        background-position: center;
    }

    .logo-footer-container {
        width: 120px;
    }

    .curacao-footer-container {
        width: 185px;
    }

    .gamcare-footer-container {
        height: 47px;
    }

    .wggamingbet-footer-container {
        width: 120px;
    }

    .pix-footer-container {
        width: 88px;
    }

    .footer-img-infs {
        flex-wrap: wrap;
    }

    .footer-texts-infs {
        display: none;
    }

    .container-footer {
        /* background-color: #025120; */
        border-radius: 0;
        height: 129.3px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #FFF;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 24px;
        margin-top: -25px;
    }

    .container-setup-list-games {
        display: flex;
        margin-top: 45px;
        width: 100%;
        margin-bottom: -80px;
        justify-content: normal;
    }

    .container-setup-list-games ul {
        display: none;
    }

    .container-filter-games input {
        border: none;
        margin-left: 0;
        margin-right: 13px;
        height: 37px;
        width: 100%;
        padding-left: 10px;
        background: #353d4b;
        border-radius: 8px;
        margin-bottom: 10px;
        color: #FFF;
        font-weight: bold;
        font-size: 19px;
        outline: none;
    }



    .container-filter-games {
        margin-left: auto;
        margin-right: auto;
        margin-top: -65px;
        display: flex;
        width: 90%;
    }

    .popular-games-top-list-slots {
        margin-top: -53px;
    }

    .popular-games-top {
        margin-top: 30px;
    }

    .popular-winners-cards ul {
        margin-bottom: 0;
        margin-top: 23px;
    }

    .popular-crashgame-mobile-title {
        margin-top: 32px;
    }

    .menu-lateral {
        width: 267px;
    }

    .logo-container img {
        width: 88px;
        margin-left: -94px;
    }

    .hideMenu {
        left: -350px;
        -webkit-box-shadow: 10px 2px 20px -8px rgba(0, 0, 0, 0.0);
        -moz-box-shadow: 10px 2px 20px -8px rgba(0, 0, 0, 0.0);
        box-shadow: 10px 2px 20px -8px rgba(0, 0, 0, 0.0);
    }

    .act-top-banners-scroll {
        width: 100%;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        overflow-x: auto;
        position: relative;
    }

    .rodape {
        padding-top: 20px;
    }

    .not-found-sweepstakes-container {
        color: #FFF;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        /* border: solid orange; */
        min-height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
        padding: 27px;
    }

    .no-sweepstakes-msg {
        font-size: 27px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .popular-game-mini-cards ul {

        justify-content: space-evenly;
    }

    .popular-game-mini-cards ul li {
        list-style: none;
        width: 169.95px;
        height: 169.95px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 30px;
        margin-right: 0;
        cursor: pointer;
        margin-top: 30px;
    }
}


/* /////// ROULETTE CSS */

.modal-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    overflow: hidden;
    animation: zoomIn 0.5s ease;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background-color: #24262b;
}

.modal-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/img/bga.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    z-index: -1;
}

@keyframes zoomIn {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.modal-wrapper.active {
    display: block;
}

.close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.rollete-container {
    display: flex;
    width: 600px;
    height: 600px;
    position: relative;
    justify-content: center;
    align-items: center;
    background-image: url(/assets/img/basewhell.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.rollete-container .spinBtn {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #000;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.1em;
    border: 4px solid rgba(255, 255, 255, 0.75);
    cursor: pointer;
    user-select: none;
}

.rollete-container .spinBtn::before {
    content: '';
    position: absolute;
    top: -28px;
    width: 20px;
    height: 30px;
    background: #000;
    clip-path: polygon(50% 0%, 15% 100%, 85% 100%);
}

.rollete-container .wheel {
    position: absolute;
    top: 97px;
    left: 116px;
    width: 365px;
    height: 365px;
    background: #333;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #b8860b, 0 0 0 15px #bdb03f, 0 0 0 18px #FF5722, 0 2px 5px rgba(0, 0, 0, 0.6);
    overflow: hidden;
    transition: all 5s ease-in-out;
}

.rollete-container .wheel .number {
    position: absolute;
    width: 50%;
    height: 50%;
    background: var(--clr);
    transform-origin: bottom right;
    transform: rotate(calc(45deg * var(--i)));
    clip-path: polygon(0 0, 56% 0, 100% 100%, 0 56%);
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
}

.rollete-container .wheel .number span {
    position: relative;
    transform: rotate(45deg);
    font-size: 2em;
    font-weight: 700;
    color: #FFF;
    text-shadow: 3px 5px 2px rgba(0, 0, 0, 0.15);
}

.rollete-container .wheel .number span::before {
    content: 'R$';

}

@media screen and (max-width: 480px) {

    .masterOverlowHidden {
        overflow: hidden !important;
    }

    .menu-deposit {
        width: 100%;
    }

    .rollete-container {
        display: flex;
        width: 360px;
        height: 360px;
        position: relative;
        justify-content: center;
        align-items: center;
        background-image: url(/assets/img/basewhell.png);
        background-size: 425px 425px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .rollete-container .wheel {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -123px;
        margin-top: -135px;
        width: 246px;
        height: 246px;
        background: #333;
        border-radius: 50%;
        box-shadow: 0 0 0 5px #b8860b, 0 0 0 15px #bdb03f, 0 0 0 18px #FF5722, 0 2px 5px rgba(0, 0, 0, 0.6);
        overflow: hidden;
        transition: all 5s ease-in-out;
    }

    .rollete-container .wheel .number span {
        font-size: 1.4em;
    }

}

.modal-reg {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
    /* Fundo preto com opacidade */
    align-items: center;
    justify-content: center;
}

.modal-content-g {
    background-color: #89FC00 !important;
    margin: auto;
    padding: 20px;
    width: 380px;
    height: auto;
    max-width: 600px;
    border-radius: 10px;
    position: relative;
}

.modal-content-g label {
    color: #008BF8;
    font-size: 15px;
}

.close-button-g {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    bottom: -60px;
    position: absolute;
    border: solid;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 44%;
}

.close-button-g:hover,
.close-button-g:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#openModal {
    opacity: 0;
}

#openModalR {
    opacity: 0;
}

.modal-content-g h1 {
    color: #FFF;
}

.modal-content-g p {
    color: #000000;
}

.modal-content-g button {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 10px;
    margin-top: 30px;
    background: #008BF8;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    color: #000000;
}

.hngt-ju-kk-io {
    margin-top: 25px;
    color: #000000;
    margin-left: auto;
    margin-right: auto;
    width: 141px;
    cursor: pointer;
    border-bottom: solid 1px;
    font-size: 14px;
}

.ipt-l {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    border-radius: 10px;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 25px;
    padding-left: 10px;
    outline: none;
    background: none;
    font-weight: bold;
    border: solid 1px #000000;
}

.ulIviteUnique {
    height: 290px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    background: #131518;
    box-sizing: border-box;
    border-radius: 11px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-right: solid #008BF8;
}

.l1-d {
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 19px;
    margin-top: 22px;
}

.l2-d {
    display: flex;
    justify-content: center;
    font-size: 19px;
    margin-bottom: -7px;
    align-items: center;
}

.l2-d span {
    color: #8BC34A;
    margin-left: 5px;
    font-weight: bold;
    font-size: 50px;
}

.l3-d {
    color: #ff9100;
    display: flex;
    justify-content: center;
    font-size: 18px;
}

.l4-d {
    color: gray;
    font-size: 13px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 16px;
}

/* ///////// BACK DROP SAQUE  */

.modal-register-backdrop {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1001;
    margin: 0;
    padding: 0;
    opacity: 1;
    transition: all .2s;
    max-width: 490px;
}

.hiddenModals {
    opacity: 0;
    pointer-events: none;
    display: none;
}

.container-recharge {
    width: 360px;
    height: auto !important;
    border-radius: 8px;
    background-color: #89FC00;
    display: flex;
    position: relative;
    padding-bottom: 20px;
}

.area-login-register-modal-left {
    width: 350px;
    height: auto;
    flex-shrink: 0;
}

.title-area-register-login {
    color: #008BF8;
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.container-itens-recharge {
    width: 92%;
    height: auto;
    margin-left: auto;
    border-top: solid 1px #b1b1b1;
    margin-right: auto;
    padding-top: 10px;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
}

.pixaditionalinfo {
    display: none;
}

select {
    height: 40px;
    margin-bottom: 30px;
    border-radius: 6px;
    background: #008BF800;
    color: #FFF;
    outline: none;
    padding: 10px;
    padding-right: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

/* For IE (thanks to @SaiManoj) */
select::-ms-expand {
    display: none;
}

.container-search {
    width: 100%;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    background-color: #010000;
    border-radius: 6px;
    margin-bottom: 30px;
}

.mrgBt10 {
    margin-bottom: 10px;
}

.container-search span {

    font-size: 25px;
    margin-right: 15px;
    margin-left: 15px;
}

.container-search input {
    width: 100%;
    height: 45.02px;
    border-radius: 6px;
    background-color: #89FC0080;
    border: none;
    padding-left: 10px;
    color: #010000;
    box-sizing: border-box;
    outline: none;
}

.btnrechargego {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-size: 15px;
    font-weight: bold;
    border-radius: 8px;
    background-color: #FF9800;
    color: #061d3b;
}

.mrgBt10 span {
    color: #FFC107;
    font-size: 18px !important;
    margin-right: 5px !important;
}

.mrgBt10 input {
    font-size: 20px;
    padding-left: 5px !important;
}

.info-tax {
    margin-top: 12px;
    color: #008BF8;
    text-align: center;
}

.info-tax span {
    color: #f3e702;
}

#withdraw_btclosemodal {
    font-size: 25px;
    right: 7px;
    position: absolute;
    color: #02ccf3;
}


@media screen and (max-width: 480px) {
    .masterOverlowHidden {
        overflow: hidden !important;
    }

    .menu-deposit {
        width: 100%;
    }

    .area-login-register-modal-left {
        width: 350px;
        height: auto;
        flex-shrink: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

}


.gamenameobj {
    position: absolute;
    bottom: 6px;
    width: 100%;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            /* Transparente no topo */
            rgba(0, 0, 0, 0.5) 50%,
            /* Fundo original no centro */
            rgba(0, 0, 0, 0) 100%
            /* Transparente na base */
        );
    backdrop-filter: blur(3px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    padding: 10px;
    top: 116px;
    height: 38px;
    left: 0%;
    margin-top: 7px;
}

.banner-navigation {
    position: absolute;
    top: 20%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.banner-navigation button {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.banner-navigation button:hover {
    background: rgba(0, 0, 0, 0.8);
}


.tab-content1 {
    display: none;
    text-align: center;
}


svg {
    width: 24px;
    position: absolute;
    color: #008BF8;
}

.user-content-ballance svg {
    color: #008BF8 !important;
    position: relative !important;
    width: 34px;
    height: 23px;
    cursor: pointer;
    margin: 0;
}

.bottom-menu-mb svg {
    color: #075a33 !important;
    position: relative !important;
    width: 27.59px;
    height: 27.59px;
    cursor: pointer;
    margin: 0;
}

.toggle-confirmpass,
.toggle-pass {
    cursor: pointer;
}

/* Para navegadores modernos */
::placeholder {
    color: #010000;
}

/* Para navegadores mais antigos */
:-ms-input-placeholder {
    color: #6f2f02;
}

/* Para navegadores mais antigos */
::-ms-input-placeholder {
    color: #FFF;
}

#searchInput {
    width: 240px;
    background: #042744;
    font-size: 18px;
    color: #FFF;
    flex-grow: 0;
    height: 40px;
    margin-top: auto;
    margin-bottom: auto;
    border: none;
    outline: none;
    padding-left: 10px;
    border-radius: 10px;
}


.tab-content1 .spantitle {
    display: flex;
    align-items: center;
    font-size: 19px;
    color: #FFF;
    margin-bottom: 25px;
}

.title-banner-house span {
    font-size: 36px;
    margin-top: 21px;
    margin-left: 10px;
}

.tab-content1 .spantitle img {
    width: 25px;
    margin-right: 7px;
}

.tab-content1.active {
    display: block;
}

.tab-button {
    cursor: pointer;
    padding: 10px 20px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    width: 111px;
    height: 74px;
    margin-top: 10px;
    border: none;
    background: transparent;
    font-size: 17px;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
}

.tab-button img {
    width: 30px;
    margin-bottom;
    /* filter: brightness(100); */
}

.tab-button.active {
    background-color: transparent;
    color: #008BF8;
    font-weight: bold;
    border-bottom: 2px solid #141413;
}

.tab-button.active img {
    filter: brightness(1.1);
}

.info-marquee-top {
    /* background: rgb(5 29 59); */
    color: #FFF;
    /* border-radius: 8px; */
    /* height: 80px; */
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: -22px;
    position: relative;
}

.info-marquee-top marquee {
    flex-grow: 0;
    width: 100%;
}

.tab-content1 ul {
    background: transparent;
    padding: 10px;
    border-radius: 10px;
    max-height: none;
    overflow-y: auto;
    display: flex;
    /* max-width: 380px; */
    flex-wrap: wrap;
    /* justify-content: center; */
}

.tab-content1 ul li {
    position: relative;
    height: 182.91px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    color: #FFF;
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    width: 137.08px;
    margin-right: 24px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-size: 100%;
    /* Tamanho original */
    background-position: center;
    /* Centraliza a imagem de fundo */
    transition: background-size 0.2s;
    /* Transição suave de 0.2s */
}

.tab-content1 ul li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    /* Cor preta com transparência inicial */
    transition: background-color 0.2s;
    /* Transição suave de 0.2s */
    border-radius: 10px;
    pointer-events: none;
}

.tab-content1 ul li:hover::after {
    background-color: rgba(0, 0, 0, 0.5);
    /* Cor preta com transparência de 50% ao passar o mouse */
}

.tab-content1 ul li:hover {
    background-size: 120%;
    /* Tamanho aumentado ao passar o mouse */
}

.container-h-banners {
    height: auto;
    display: flex;
}

.s-dv-hh-89752 {
    border-bottom: solid 1px #fff;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

.bt-load-more {
    height: 46px;
    border-radius: 6px;
    width: 250px;
    font-size: 18px;
    margin-right: 13px;
    border: none;
    /* background: linear-gradient(to left, #9C27B0, #673AB7); */
    /* color: #FFF; */
    margin-left: auto;
    margin-right: auto;
    background: transparent;
    color: #FFF;
}

.bt-load-more span {
    color: #f6d468;
    cursor: pointer;
}

.embed-radioplayer {
    background: rgb(3 48 81) !important;
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    display: flex !important;
    justify-content: center;
}

.embed-radioplayer .logo {
    display: none !important;
}

.audioplayer,
.audioplayer-volume-adjust {
    background: transparent !important;
    border: none !important;
}

.audioplayer {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 0 1.25em rgba(0, 0, 0, 0) !important;
}

.new-player .fa-backward,
.audioplayer-volume {
    border-left: none !important;
}


.jack-container {
    width: 25;
    height: 25vw;
    margin-top: 25px;
    background-image: url(/pg_Fake-329f6d83.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    font-size: 7vw;
    color: #f6d468;
}

.profile-area-mb {
    background: #04E762;
    height: 100%;
    position: absolute;
    z-index: 10051;
    width: 100%;
    /* padding-top: 50px; */
    display: flex;
    flex-direction: column;
    max-width: 490px;
}

.profile-area-mb-rec-saldo {
    background: #02385a;
    height: 100%;
    position: absolute;
    z-index: 9999999;
    width: 100%;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    overflow: hidden;
    right: 0;
}

.hideProfilesMenu {
    width: 0;
    right: -548px;
    overflow: auto;
}

#loading-screen {
    z-index: 999999 !important;
}

.profile-area-mb-rec-saldo span {

    position: absolute;
    left: 10px;
    font-size: 29px;
    color: #6397b1;
}

.dv-rec-amount {
    height: 86.70px;
    width: 95%;
    background: #042744;
    border-radius: 4px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.dv-ct-r-rec-inf button {
    height: 27.59px;
    width: 66.23px;
    font-size: 11px;
    border-radius: 5px;
    border: none;
    color: #FFF;
    background: #02ccf3;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: -6px;
}

.dv-ct-r-rec-tex {
    font-size: 11px;
    color: #46768f;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
    padding: 5px;
}

.dv-ct-r-rec-inf {
    display: flex;
    justify-content: space-between;
}

.cs-ct-container {
    color: #46768f;
}

.cs-ct-container span {
    font-size: 15px;
    position: relative;
    color: orange;
}

.header-t-page-s {
    background: #022744;
    height: 49.67px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.top-header-mb {
    display: flex;
    flex-direction: column;
    background-image: url(/bperfilmenu.png);
    background-size: 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.ins-top-m {
    display: flex;
    justify-content: end;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.ins-top-m div {
    display: flex;
    flex-direction: column;
    margin-right: 14px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ins-top-m div svg {
    width: 25.55px;
    color: #fee007;
    position: relative;
}

.ins-top-m a {
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    margin-top: -2px;
}

.ins-top-m a span {
    color: #FFF;
    font-size: 12px;
    margin-top: -2px;
}

.ins-top-m span {
    color: #FFF;
    font-size: 12px;
    margin-top: -2px;
}

.ul-menu-profile-list-act {
    overflow-y: auto;
    height: calc(100% - 80px);
    width: 100%;
    flex-grow: 0;
    padding-bottom: 90px;
}

.ul-menu-profile-list-act li {
    height: 55.17px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    color: #ededed;
    cursor: pointer;
    font-size: 13px;
}

.ul-menu-profile-list-act li a {
    text-decoration: none;
    color: #ededed;
}

.ul-menu-profile-list-act li img {
    margin-right: 10px;
    width: 22.08px;
}

.ul-menu-profile-list-act li span {
    position: absolute;
    right: 12px;
    margin-top: 10px;
    font-size: 33px;
    color: #008BF8;
}

.icio {
    position: relative !important;
    right: auto !important;
    margin-top: 0 !important;
    font-size: 33px !important;
    color: #45a2f7 !important;
    margin-right: 10px !important;
}

.sep-ul-list {
    width: 100%;
    height: 11.03px;
    background: #02385a;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ul-menu-profile-list-act li svg {
    color: #008BF8 !important;
    position: relative !important;
    width: 22.08px !important;
    height: 22.08px !important;
    margin-right: 10px !important;
    margin-top: 0px !important;
}


@media screen and (max-width: 480px) {

    body {
        -webkit-box-shadow: inset 0 0 9.375em rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: inset 0 0 9.375em rgba(0, 0, 0, 5) !important;
        box-shadow: inset 0 0 9.375em rgba(0, 0, 0, 0) !important;
    }

    .tab-content1 ul {
        padding: 0;
        padding-left: 10px;
        padding-top: 10px;
        border-radius: 10px;
        max-height: none;
        overflow-y: auto;
        display: flex;
        flex-wrap: wrap;
    }

    .info-marquee-top {
        background: #39393900;
    }

    .topo {
        height: 51.59px;
    }

    .tab-content1 ul li {
        position: relative;
        height: 160.08px;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
        color: #FFF;
        list-style: none;
        display: flex;
        align-items: center;
        font-size: 14px;
        width: 120.30px;
        /* background-repeat: no-repeat; */
        margin-right: 9px;
        margin-bottom: 24px;
        border-radius: 10px;
        background-size: 100%;
        background-position: center;
        transition: background-size 0.2s;
    }

    .jack-container {

        width: 90%;
        margin-left: auto;
        margin-right: auto;
        height: 97.48px;
        margin-top: 15px;
        margin-bottom: -47px;
        background-image: url(/pg_Fake-329f6d83.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 16px;
        font-size: 22px;
        color: #f6d468;
    }


}

@media screen and (max-width: 375px) {

    .tab-content1 ul li {
        position: relative;
        height: 145px;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
        color: #FFF;
        list-style: none;
        display: flex;
        align-items: center;
        font-size: 14px;
        width: 109px;
        background-repeat: no-repeat;
        margin-right: 9px;
        margin-bottom: 24px;
        border-radius: 10px;
        background-size: 100%;
        background-position: center;
        transition: background-size 0.2s;
    }

    .jack-container {
        margin-left: 12px;
    }

    .tab-content1 {
        padding: 5px;
    }
}


.float-btns-container {
    position: fixed;
    right: 0;
    bottom: 78px;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1000;
    max-width: 490px;
    margin-left: -245px;
    left: 50%;
    align-items: flex-end;
}

.float-btns-container a img {
    width: 63px;
}

.bottom-menu-mb {
    position: fixed;
    height: 60px;
    width: 100%;
    bottom: 0;
    background: #89FC00;
    z-index: 1001;
    z-index: 999998;
    max-width: 490px;
}

.bottom-menu-mb ul {
    padding: 0;
    display: flex;
    width: 100%;
    height: 74px;
    justify-content: space-around;
    align-items: center;
    margin-top: -4px;
    max-width: 490px;
}

.bottom-menu-mb ul a {
    text-decoration: none;
    color: #010000;
}

.bottom-menu-mb ul a li {
    font-size: 13px;
    color: #008BF8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bottom-menu-mb ul a li span {
    color: #06542f;
    font-size: 30px;
    margin-bottom: -10px;
}

.user-account-inf {
    display: flex;
    justify-content: space-evenly;
    /* margin-top: 15px; */
    margin-bottom: 24px;
    align-items: center;
}

.photo-user {

    border-radius: 100%;
    height: 60px;
    width: 60px;
    flex-shrink: 0;
    font-size: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
    background-image: url(/pef1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    /* margin-left: -47px; */
    /* margin-right: -40px; */
}

.dt-usr-inf {
    /* width: 200px; */
    flex-shrink: 0;
}

.usr-it {
    color: #FFF;
    font-size: 14px;
}

.usr-it span {
    color: #fee007;
    font-size: 17px;
    margin-right: 5px;
}

.usr-its {
    color: #FFF;
    font-size: 14px;
}

.usr-its span {
    color: #fee007;
    font-size: 17px;
    margin-right: 5px;
}

.cash-usr-m-mb-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #FFF;
    font-size: 21px;
    position: relative;
}

.cash-usr-m-mb-container img {
    margin-right: 9px;
}

.cash-usr-m-mb-container svg {
    width: 34px;
    height: 23px;
    margin-top: 0px;
}

.ct-area-bt-mb-profile {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: space-around;
}

.bts-profile-area-act {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}

.bts-profile-area-act span {
    color: #FFF;
    margin-top: 10px;
    font-size: 14px;
}

.bts-profile-area-act svg {
    width: 33.84px;
    height: 29.61px;
    margin-top: 0px;
    position: relative;
}

.vip-area-inf {
    height: 126.70px;
    width: 95%;
    background: #89FC00;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    padding: 10px;
    color: #FFF;
    display: flex;
    flex-direction: column;
}

.vip-sp-inf {
    display: flex;
    justify-content: space-around;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    padding-bottom: 6px;
    align-items: center;
}

.vip-s-tx {
    width: 3rem;
    height: 30px;
    background: #3a3a3a;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    margin-right: .1rem;
    border-radius: 15px 0 15px 0;
}

.btGoVipinf span {
    font-size: 26px;
    margin-top: -17px;
    display: block;
    margin-right: -9px;
}

.vt-tx-vip span {
    font-weight: bold;
}

.circle-vip-if-count {
    background-size: cover;
    width: 49.67px;
    height: 49.67px;
}

.vip-count-inf {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.informative-bar-vip-tx {
    width: 69px;
    font-size: 11px;
}

.progress-container {
    font-size: 10px;
    width: 200px;
    background-color: #FF9800;
    border-bottom: 2.5px solid #1d1c1c;
    border-radius: 5px;
    position: relative;
    height: 13.03px;
}

.progress-bar {
    height: 70%;
    background-color: #4caf50;
    width: 0;
    border-radius: 5px;
    transition: width 0.5s;
}

.progress-text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -2px;
    left: 0;
    height: 100%;
}

.btn-tag {
    width: auto;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--color-4);
    background-image: linear-gradient(29deg, rgba(0, 0, 0, .5), transparent);
    border-radius: 16px;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.expiration-timer {
    font-size: 24px;
    color: #008BF8;
    /* Cor vermelha para chamar a atenção */
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.expiration-timer i {
    margin-right: 8px;
    font-size: 28px;
    /* Tamanho do ícone */
    color: #008BF8;
}

#time-remaining {
    font-weight: bold;
}

.dark-popup {
    background-color: #1e1e1e;
    color: #fff;
}

.dark-title {
    color: #fff;
}

.dark-content {
    color: #fff;
}

.dark-confirm-button {
    background-color: #d33;
    border-color: #d33;
}

.dark-icon {
    color: #fff;
}