body {
    background: var(--000000);
}

.classSectionW100 {
    display: flex;
    width: 100%;
    justify-content: center;
}

.bgTopHome {
    background: url(https://assets.betcoin.net.br/img/bgTopHome.png) no-repeat center center;
    background-size: 100% 100%;
    height: 671px;
}

#bgTopHelper{
    flex-wrap: wrap;
}

.bgTopRaffle{
    background: url(https://assets.betcoin.net.br/img/bgTopRaffle.png) no-repeat center center;
    background-size: 100%;
    height: 599px;
}

.contentPattern {
    display: flex;
    width: 1440px;
}

.firstDivContentPattern {
    display: flex;
    width: 100%;
    margin: 0 135px;
    /* Conferir se não vai dar conflito nas outras divs */
    justify-content: center;
}

.dominatingTheBetcoin {
    height: 364px;
    background: var(--FFA206);
}

.howItWorks {
    background: var(--FFFFFF);
    height: 869px;
    justify-content: center;
}

.checkAllCryptos {
    height: 524px;
    justify-content: center;
}

.securityAndTransparency {
    background: url(https://assets.betcoin.net.br/img/bgSecurityAndTransparency.png) no-repeat center center;
    background-size: 100% 100%;
    height: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Header */

.header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 51px;
    justify-content: space-between;
    margin-top: 56px;
    z-index: 99;
}

.divLeftHeader {
    display: flex;
    align-items: center;
}

.firstDivDivLeftHeader {
    display: flex;
}

.imgFirstDivDivLeftHeader{
    width: 51px;
    height: 51px;
}

.firstDivDivLeftHeader {
    display: flex;
    margin-right: 49.8px;
}

.secondDivDivLeftHeader {
    display: flex;
}

.aSecondDivDivLeftHeader {
    font-size: 18px;
    line-height: 21.29px;
    font-weight: 400;
    margin-right: 54px;
    text-decoration: none;
}

.activeASecondDivDivLeftHeader {
    border-bottom: 5px solid;
}

.divRightHeader {
    display: flex;
}

.firstDivDivRightHeader {
    display: flex;
}

.loginButtonFirstDivDivRightHeader {
    display: flex;
    width: 75.94px;
    height: 26px;
    border-radius: 18px;
    color: var(--FFFFFF);
    font-size: 12px;
    line-height: 15.34px;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: var(--FFA206);
    cursor: pointer;
}

.registerButtonFirstDivDivRightHeader {
    width: 116.54px;
    height: 26px;
    border-radius: 18px;
    border: 1px solid;
    color: var(--F1F1F1);
    font-size: 12px;
    line-height: 14.2px;
    font-weight: 700;
    display: flex;
    padding: 5.94px 17.34px 4.46px 18px;
    margin-left: 7.06px;
    justify-content: center;
    cursor: pointer;
}

/* Home */

.welcomeToBetcoin{
    display: flex;
    flex-direction: row;
    gap: 0 77px;

}

.leftDivWelcomeToBetcoin{
    display: flex;
    width: 500px;
    flex-direction: column;
    gap: 29px 0;
}

.h3LeftDivWelcomeToBetcoin, .strongH3LeftDivWelcomeToBetcoin{
    font-size: 35px;
    line-height: 46px;
    font-weight: 700;
    height: 124px;
}

.h3LeftDivWelcomeToBetcoin{
    color: var(--F1F1F1);
}

.strongH3LeftDivWelcomeToBetcoin{
    color: var(--FF6700);
}

.pLeftDivWelcomeToBetcoin{
    width: 440px;
    height: 88px;
    color: var(--FFFFFF);
    line-height: 24px;
}

.buyTicket{
    display: flex;
    width: 201px;
    height: 49px;
    justify-content: center;
    align-items: center;
    border-radius: 66px;
    background: var(--FFA206);
    text-decoration: none;
    color: var(--FFFFFF);
    font-size: 20px;
    font-weight: 700;
}

.rightDivWelcomeToBetcoin{
    width: 570px;
    height: 361.05px;
}

.firstDivRightDivWelcomeToBetcoin{
    background: url('https://assets.betcoin.net.br/img/Rectangle1.png') no-repeat;
    width: 312.66px;
    height: 361.05px;
    color: var(--F1F1F1);
    position: relative;
}

.secondDivRightDivWelcomeToBetcoin {
    display: flex;
    background: linear-gradient(360deg, rgba(255, 103, 0, 0.65) 0%, #FFA206 100%);
    box-shadow: 0px 2.14px 2.14px 0px rgba(0, 0, 0, 0.25);
    width: 426px;
    height: 311px;
    position: absolute;
    top: 25px;
    left: 144px;
    border-radius: 16.105px;
    backdrop-filter: blur(3.22px);
}

.imgSecondDivRightDivWelcomeToBetcoin{
    width: 229px;
    height: 228px;
    margin-left: -6rem;
    margin-top: 2.7rem;
}

.secondDivSecondDivRightDivWelcomeToBetcoin{
    display: flex;
    flex-direction: column;
    margin-left: 23px;
    gap: 11px;
}

.h2SecondDivSecondDivRightDivWelcomeToBetcoin{
    color: var(--D9D9D9);
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
    width: 219px;
    height: 58px;
    margin-top: 74px;
}

.pSecondDivSecondDivRightDivWelcomeToBetcoin{
    font-size: 10px;
    font-weight: 400;
    line-height: 14.5px;
    margin-bottom: 5.4px;
}

.h3SecondDivSecondDivRightDivWelcomeToBetcoin{
    color: var(--000000);
    font-size: 25px;
    font-weight: 700;
    line-height: 14.5px;
}

.aSecondDivSecondDivRightDivWelcomeToBetcoin{
    background-color: var(--000000);
    width: 84px;
    height: 18px;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    text-decoration: none;
    color: var(--FFFFFF);
    font-size: 12px;
    font-weight: 700;
}

.strongSecondDivSecondDivRightDivWelcomeToBetcoin{
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
}

#firstDivContentPattern{
    margin-top: 64.17px;
}

.divTextAndVideo{
    display: flex;
}

.firstDivTextAndVideo{
    display: flex;
    flex-direction: column;
    width: 503px;
    height: auto;
    gap: 20px 0;
    margin: 42px 0;
}

.strongFirstDivTextAndVideo{
    color: var(--FFFFFF);
    width: 367px;
    height: 118px;
    font-size: 30px;
    font-weight: 700;
    line-height: 43.5px;
}

.pFirstDivTextAndVideo{
    width: 408px;
    height: 142px;
    color: var(--262626);
    line-height: 21px;
}

.strongPFirstDivTextAndVideo{
    line-height: 21px;
    font-weight: 700;
}

.secondDivTextAndVideo{
    display: flex;
}



.divHowItWorks{
    display: flex;
    flex-direction: column;
    width: 100%;
    /* justify-content: center; */
    height: 774px;
    align-items: center;
    align-content: center;
    max-width: 970px;
}

.firstDivHowItWorks {
    display: flex;
    align-items: center;
    margin-bottom: 41px;
    margin-top: 20px;
}

.h3HowItWorks{
    color: var(--000000);
    font-size: 52px;
    font-weight: 700;
    line-height: 72px;
}

.imagesHowItWorksNewGrid{
    display: grid;
    grid-template-columns: repeat(3, 290px);
    align-items: center;
    justify-items: center;
    justify-content: center;
    gap: 38px;
    margin-top: 41px
}

.divCheckAllCryptos{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    flex-wrap: nowrap;
    max-width: 1440px;
    overflow-x: scroll;

    /* Adicionar margin/padding left aqui (para levar a barra de rolagem junto) */
    /* Verificar se vai deixar assim mesmo */

    /* Firefox scrollbar*/

    scrollbar-width: thin;
    /* scrollbar-color: var(--FFA206) var(--000000); */
    /* scrollbar-color: var(--FFA206) var(--000000); */
    scrollbar-color: var(--000000) var(--000000);
    cursor: ew-resize;
}

/* Chrome, Edge, and Safari */
.divCheckAllCryptos::-webkit-scrollbar {
    height: 7px;
}

.divCheckAllCryptos::-webkit-scrollbar-track {
    background: var(--000000);
    border-radius: 10px;
}

.divCheckAllCryptos::-webkit-scrollbar-thumb {
    /* background-color: var(--FFA206); */
    background-color: var(--000000);
    border-radius: 10px;
    /* border: 1px solid var(--FFFFFF); */
    border: 1px solid var(--000000);
}

.divCheckAllCryptos::-webkit-scrollbar-thumb:hover{
    /* background-color: var(--FF6700); */
    background-color: var(--000000);
}

.h3DivCheckAllCryptos{
    color: var(--FFFFFF);
    /* width: 770px; */
    /* text-align: center; */
    font-size: 54.32px;
    font-weight: 700;
    line-height: 93.13px;
    /* margin-top: 81px; */
    margin-bottom: 56.46px;
    align-self: center;
}

.container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 61.4px;
    margin-bottom: 12px;
    /* padding-left: 135px; */
}

.cardsCheckAllCryptos{
    position: relative;
    width: 221.33px;
    height: 221.33px;
    background: linear-gradient(180deg, var(--FFA206) 0%, var(--FF6700) 100%);
    border-radius: 28.56px;
    transition: .6s;
}

.cardsCheckAllCryptos:hover{
    width: 350px; /* não dá pra saber a width exata */
}

.firstDivCardsCheckAllCryptos{
    position: absolute;
    width: 138.51px;
    height: 138.51px;
    margin: 41.41px;
}

.firstDivCardsCheckAllCryptos img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.secondDivCardsCheckAllCryptos{
    position: absolute;
    left: 200px;
    width: 110px;
    height: 100%;
    display: none;
    transition: .5s;
}

.secondDivCardsCheckAllCryptos h3{
    color: var(--000000);
    font-size: 12px;
    font-weight: 700;
    margin: 20px 0 10px 0;
}

.cardsCheckAllCryptos:hover .secondDivCardsCheckAllCryptos{
    display: inline-block;
}

.secondDivCardsCheckAllCryptos p{
    color: var(--FFFFFF);
    font-size: 10px;
    margin-bottom: 15px;
}

.secondDivCardsCheckAllCryptos a{
    text-decoration: none;
    color: var(--FFFFFF);
    background-color: var(--000000);
    padding: 7px 7px 7px 7px;
    font-size: 10px;
    border-radius: 10px;
}

.divSecurityAndTransparency{
    display: flex;
    margin-top: 52px;
}

.firstDivSecurityAndTransparency{
    display: flex;
    flex-direction: column;
}

.shieldImage{
    width: 321px;
    height: 320px;
}

.bscScanImage{
    width: 258px;
    height: 60px;
    margin-top: 18px;
}

.divfirstDivSecurityAndTransparency{
    display: flex;
    margin-bottom: 21px;
}

.h2FirstDivSecurityAndTransparency{
    display: flex;
    /* width: 595px; */
    height: 91px;
    color: var(--FFFFFF);
    font-size: 40px;
    font-weight: 800;
    line-height: 50.4px;
    align-items: center;
    gap: 0 23px;
}

.pFirstDivSecurityAndTransparency{
    width: 674px;
    height: 123px;
    color: var(--262626);
    font-weight: 400;
    line-height: 26.4px;
}

.strongPFirstDivSecurityAndTransparency{
    font-weight: 700;
}

/* Footer */

.divFooter{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 46px;
}

.firstDivFooter{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 29px;
}

.imgFirstDivFooter{
    width: 192px;
    height: 44px;
}

.strongPFirstDivFooter{
    /* Ver se vai usar essa fonte mesmo (está no figma) */
    /* font-family: Roboto; */
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}

.pFirstDivFooter{
    /* Ver se vai usar essa fonte mesmo (está no figma) */
    /* font-family: Roboto; */
    font-size: 20px;
    line-height: 24px;
    margin-top: 21px;
    margin-bottom: 76px;
}

.socialMedia{
    display: flex;
    justify-content: space-between;
    width: 125.83px;
    height: 24px;
}

.secondDivFooter{
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-right: 69px;
}

.h2SecondDivFooter{
    /* font-family: Roboto; */
    font-size: 25px;
    font-weight: 700;
    margin-top: 18px;
}

.labelSecondDivFooter{
    color: var(--9C9C9C);
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 400;
    margin-top: 12px;
}

.aSecondDivFooter{
    /* font-family: Roboto; */
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    /* width: 136px; */
}

.thirdDivFooter{
    display: flex;
    flex-direction: column;
    width: 164px;
    height: 126px;
    gap: 27px 0;
    margin-top: 53px;
    margin-right: 63px;
    /* align-self: center; */
}

.aboutUs{
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    width: 164px;
}

.fourthDivFooter{
    display: flex;
    flex-direction: column;
    width: 370px;
}

.h2FourthDivFooter{
    width: 260px;
    height: 22px;
    flex-shrink: 0;
    color: var(--FFFFFF);
    text-align: center;
    /* se trocar de fonte, tem que alterar o width */
    /* font-family: Roboto; */
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.divFourthDivFooter{
    display: flex;
    flex-wrap: wrap;
    margin-top: 21.59px;
    gap: 21.18px 14.31px;
}

.inputReportFooter{
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    border: none;
    border-radius: 10px;
    background-color: var(--DCDCDC);
    padding-left: 15px;
    outline: none;
}

.inputReportFooter::placeholder{
    color: var(--000000);
}

#nameClientReport, #emailClientReport{
    width: 162.6px;
    height: 44.23px;
}

#textClientReport{
    width: 355px;
    height: 35px;
    padding-bottom: 28px;
}

#submitReport{
    width: 165.477px;
    height: 44px;
    border-radius: 8px;
    background-color: var(--FFA206);
    color: var(--FFFFFF);
    text-align: center;
    /* font-family: Roboto; */
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-top: 21px;
    cursor: pointer;
}

/* Sorteios (Raffle) */

.contentTopHomeRaffle{
    display: flex;
    justify-content: space-between;
    gap: 92px;
}

.leftContentTopHomeRaffle{
    display: flex;
    padding: 12.259px 16px 7px 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 470px;
    /* height: 231px; */
    gap: 23px;
    margin-top: 69px;
}

.h2LeftContentTopHomeRaffle{
    width: 454px;
    height: 126.48px;
    color: var(--FFFFFF);
}

.strongLeftContentTopHomeRaffle{
    color: var(--FFA206);
}

.h2LeftContentTopHomeRaffle, .strongLeftContentTopHomeRaffle{
    font-weight: 700;
    font-size: 33px;
    line-height: 46.91px;
}

.pLeftContentTopHomeRaffle{
    width: 369px;
    height: 64px;
    font-family: "Magnify";
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--FFFFFF);
    margin-bottom: 46px;
}

.infoLeftContentTopHomeRaffle{
    display: flex;
    width: 292px;
    height: 75px;
    justify-content: space-between;
}

.h2InfoRaffleLeftContentTopHomeRaffle{
    font-family: "Magnify";
    font-size: 65px;
    font-weight: 700;
    /* line-height: 56px; */
    letter-spacing: 0px;
    color: var(--FFA206);
    width: 123px;
    height: 56px;
}

.pInfoRaffleLeftContentTopHomeRaffle, .pInfoPremiumLeftContentTopHomeRaffle{
    font-family: "Magnify";
    font-size: 23px;
    font-weight: 400;
    /* line-height: 56px; */
    letter-spacing: 0px;
    text-align: center;
    color: var(--FFFFFF);
    /* width: 89px; */
    height: 14px;
}

.ticketsImg{
    width: 450px;
    height: 485px;
}

.listRaffle{
    background-color: var(--FFFFFF);
    flex-direction: column;
}

.rafflesContainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 46px;
    margin-bottom: 51px;
    /*width: 1440px; */
    width: 100%;
}

.cardRaffle{
    background: url('https://assets.betcoin.net.br/img/bgRaffle.jpg');
    background-size: cover;
    /*display: grid;
    grid-template-columns: 0.9fr 1fr; */
    align-items: center;
    width: 100%;
    height: 472px;
    display: flex;
    padding-left: 134px;
    justify-content: center;
}

.leftCardRaffle{
    display: flex;
    flex-direction: column;
    justify-self: center;
    width: 415px;
}

.h2LeftCardRaffle, .h3LeftCardRaffle{
    font-size: 50px;
    line-height: 72px;
}

.pLeftCardRaffle{
    font-size: 13px;
    line-height: 24px;
    color: var(--FFFFFF);
    margin: 20px 0;
}

.btnLeftCardRaffle{
    width: 164px;
    height: 49px;
    border-radius: 38px;
    background-color: var(--000000);
    text-align: center;
    padding: 13px 33px 12px 34px;
}

.aLeftCardRaffle{
    text-decoration: none;
    color: var(--FFFFFF);
    font-size: 20px;
    font-weight: 700;
    line-height: 23.66px;
    white-space: nowrap;
}

.rightCardRaffle{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.carrosselBtn{
    /* width: 30px;
    height: 80px; */
    align-self: center;
    margin-right: 95px;
}

.carrosselBtnRight {
    display: flex;
    /* position: absolute;
    right: 0px; */
    margin-left: 320px;
}

.carrosselBtn > button{
    cursor: pointer;
}

.btnAllCryptos{
    width: 313px;
    height: 54px;
    border-radius: 27px;
    background-color: var(--FF6700);
}

.btnAllCryptos > a{
    color: var(--FFFFFF);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}


/* Bet Double */

.betDoubleContentPattern{
    background: url('https://assets.betcoin.net.br/img/Rectangle_13.png') no-repeat;
    background-size: 82% 100%; /* ajustar (talvez width .contentPattern) */
    position: absolute;
    left: 0px;
    z-index: 1;
    /* width: 692px; */
    height: 310px;

}

.divBetDoubleInfo{
    display: flex;
    flex-wrap: wrap;
    width: 1440px;
    gap: 45px 83px;
    margin-top: 68px;
    margin-bottom: 45px;
    margin-left: 135px;
}

.topBetDouble{
    display: flex;
    gap: 25px;
    margin-top: 90px;
    margin-bottom: 40px;
    align-items: center;
}

.leftTopBetDouble{
    display: flex;
    width: 524px;
    height: 358px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 36px;
}

.h2LeftTopBetDouble, .strongLeftTopBetDouble{
    font-family: "Magnify";
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
}

.pLeftTopBetDouble{
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-size: 16px;
    line-height: 24px;
}

.btnLeftTopBetDouble{
    display: flex;
    padding: 13.17px 47px 11.83px 48px;
    justify-content: center;
    align-items: center;
    border-radius: 66px;
    background-color: var(--FFA206);
    color: var(--FFFFFF);
    font-size: 20px;
    font-weight: 700;
}

.borderBetDoubleInfo{
    border-bottom: 1px solid var(--616161);
    width: 1205px;
}

.divKnowTokenAndImage{
    display: flex;
    width: 1440px;
    height: 310px;
    margin-left: 135px;
}

.leftDivKnowTokenAndImage{
    display: flex;
    /* flex-direction: column; */
    gap: 27.67px;

    width: 692px;
    height: 310px;
    /* position: absolute; */
}

.firstDivLeftDivKnowTokenAndImage{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 27.667px;
    margin-top: 56.78px;
    width: 332px;
    height: 196.43px;
    /* margin-left: 133px; */
}

.h2FirstLeftDivKnowTokenAndImage{
    color: var(--FFFFFF);
    width: 355.517px;
    height: 100.983px;
    font-size: 41.5px;
    font-weight: 700;
    line-height: 60.175px;
}

.btnTokenBD{
    display: flex;
    padding: 17.983px 65.466px 16.8px 66.4px;
    justify-content: center;
    align-items: center;
    border-radius: 52.567px;
    background-color: var(--000000);
    color: var(--FFFFFF);
    font-size: 27.667px;
    font-weight: 700;
    width: 226.86px;
    height: 67.78px;
    cursor: pointer;
}

.knowTokenImage{
    position: relative;
    width: 837px;
    height: 310px;
    left: 533px;
}

.betDoubleInfo{
    background-color: var(--FFFFFF);
}

.firstDivLeftDivBetDoubleInfo{
    display: flex;
    align-items: center;
}

.h2FirstDivLeftDivBetDoubleInfo{
    font-size: 63px;
    color:var(--000000);
}

.strongFirstDivLeftDivBetDoubleInfo{
    font-size: 63px;
    font-weight: 700;
}

.pSecondDivLeftDivBetDoubleInfo{
    color: var(--262626);
    width: 669px; /* 709px */
    height: 91px;
    font-family: "Magnify";
    font-size: 16px;
    line-height: 24px;
    overflow-y: scroll;
    margin: 30px 23px 14px 0;
    flex-shrink: 0;
    align-self: stretch;

    /* Firefox scrollbar*/

    scrollbar-width: thin;
    scrollbar-color: var(--FFA206) var(--D9D9D9);
}

/* Chrome, Edge, and Safari */
.pSecondDivLeftDivBetDoubleInfo::-webkit-scrollbar {
    width: 18px;
}

.pSecondDivLeftDivBetDoubleInfo::-webkit-scrollbar-track {
    background: var(--D9D9D9);
    border-radius: 10px;
}

.pSecondDivLeftDivBetDoubleInfo::-webkit-scrollbar-thumb {
    background-color: var(--FFA206);
    border: 4px solid var(--D9D9D9);
    border-radius: 12px;
}

.thirdDivLeftDivBetDoubleInfo{
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.spanThirdDivLeftDivBetDoubleInfo{
    color: var(--262626);
    font-family: "Magnify";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.fourthDivLeftDivBetDoubleInfo{
    display: flex;
    flex-wrap: wrap;
    /* Colocar como class */
    /* margin-top: 14px; */
}

.divFourthDivLeftDivBetDoubleInfo{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    width: 109px;
    height: 103px;
    border-radius: 14px;
}

.firstPDivFourthDivLeftDivBetDoubleInfo{
    margin-top: 19px;
    margin-bottom: 6px;
}

.firstPDivFourthDivLeftDivBetDoubleInfo, .secondPDivFourthDivLeftDivBetDoubleInfo, .thirdPDivFourthDivLeftDivBetDoubleInfo{
    text-align: center;
    font-family: "Magnify";
    font-style: normal;
}

.secondPDivFourthDivLeftDivBetDoubleInfo{
    border-top: 0.5px solid var(--262626);
}

.whiteSecondPDivFourthDivLeftDivBetDoubleInfo{
    border-top: 0.5px solid var(--FFFFFF);
}

.borderDivFourthDivLeftDivBetDoubleInfo{
    border-right: 1px solid #262626;
    margin: 0 27px;
}

.secondDivFourthDivLeftDivBetDoubleInfo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 94px;
    height: 103px;
    border-radius: 14px;
    background-color: var(--E0E0E0);
}

.borderSecondDivFourthDivLeftDivBetDoubleInfo{
    border-top: 1px solid var(--000000);
    width: 63px;
    margin: 5px 0;
}

.pSecondDivFourthDivLeftDivBetDoubleInfo{
    /* width: 59px; */
    height: 29px;
    text-align: center;
    line-height: 14.5px;
}

.aFifthDivLeftDivBetDoubleInfo{
    display: flex;
    justify-content:center;
    align-items: center;
    width: 720px;
    height: 61px;
    background: var(--FFA206);
    border-radius: 13px;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
}

.rightDivBetDoubleInfo{
    display: flex;
    justify-content: center;
    align-items: center;
}

.betDoublePick{
    background-color: var(--FFFFFF);
}

#firstDivContentBetDoublePick{
    margin: 0;
}

.divBetDoublePick{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
    margin-bottom: 70px;
    background-color: var(--F1F1F1);
    width: 1257px;
    height: 1006px;
    flex-shrink: 0;
    border-radius: 54px;
}

.topDivBetDoublePick{
    display: flex;
    justify-content: center;
    align-items: end;
    margin-top: 60px;
    margin-bottom: 55px;
}

.logoBetDoubleInfo{
    width: 57px;
    height: 57px;
}

.h2TopDivBetDoublePick, .strongTopDivBetDoublePick{
    font-size: 63px;
    line-height: 44px;
}

.allCardsBetDouble{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px 22px;
}

.cardBetDouble{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 375px;
    height: 274px;
    flex-shrink: 0;
    border-radius: 20px;
    background: var(--262626);
}

.borderCardBetDouble{
    display: flex;
    flex-direction: column;
    width: 353px;
    height: 256px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 1px solid #FF6700;
}

.topCardBetDouble{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 12px 0;
    gap: 8px;
}

.borderBottomBorderCardBetDouble{
    width: 330px;
    border-top: 1px solid var(--FF6700);
    align-self: center;
}

.btnTopCardBetDouble{
    color: var(--FFFFFF);
    background-color: var(--FF6700);
    border-radius: 13px;
    height: 55px;
}

#surpriseBtn, #trashBtn{
    width: 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#pickFiveNumbersBtn{
    display: flex;
    width: 206px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    text-align: center;
    font-family: "Magnify";
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.5px;
}

#surpriseBtn{
    width: 54px;
    text-align: center;
    font-family: "Magnify";
    font-size: 6px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#surpriseBtn > img{
    width: 27.772px;
    height: 27.22px;
    flex-shrink: 0;
    margin-bottom: 3.78px;
}

#trashBtn > img{
    width: 25.068px;
    height: 27.905px;
    flex-shrink: 0;
}

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

.strongCardAllNumbers{
    font-size: 1.125rem;
    line-height: 32px;
    text-align: center;
    color: var(--FFFFFF);
    width: 33px;
    height: 33px;
    cursor: pointer;
}

.strongCardAllNumbers:hover {
    /* background: radial-gradient(circle, rgba(255,162,6,1) 0%, rgba(255,103,0,1) 60%); */
    border-radius: 50px;
}

.btnNavigationDivBetDoublePick{
    display: flex;
    justify-content: center;
    align-items: center;
}

.h2BtnNavigationDivBetDoublePick{
    display: flex;
    align-items: center;
    /* width: 232px; */
    height: 53px;
    font-size: 30px;
    line-height: 72px;
    border-bottom: 1px solid var(--262626);
    cursor: pointer;
    font-weight: 400;
}

.h2BtnNavigationDivBetDoublePick > img{
    width: 25px;
    height: 25px;
    margin-left: 12px;
}

.divButtonOrientation{
    margin-top: 51.81px;
}

.returnAndNextBtn{
    display: flex;
    width: 126px;
    gap: 20px;
    margin-top: 44px;
}

.returnBtn, .nextBtn{
    display: flex;
    width: 53px;
    height: 53px;
    background-color: var(--FF6700);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.imgReturnBtn, .imgNextBtn{
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.imgNextBtn{
    transform: rotateY(180deg);
}

.checkoutBtn{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 370px;
    height: 61px;
    background-color: var(--FF6700);
    border-radius: 13px;
}

.buttonCheckoutBtn{
    width: 260px; /* 100% (para ser possível clicar pela div toda) */
    height: 22px; /* Tirar height e line-height para ficar centralizado */
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    cursor: pointer;
}

.lastPrizepool{
    display: flex;
    flex-direction: column;
    width: 241.304px;
    height: 71.739px;
    flex-shrink: 0;
}

.firstDivLastPrizepool{
    width: 193.043px;
    height: 26.087px;
    flex-shrink: 0;
    padding: 25px 21.96px 20.65px 26.3px;
    border-radius: 14px;
}

.pLastPrizepool, .strongLastPrizepool{
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-size: 30px;
    font-style: normal;
    line-height: 24px;
}

.secondDivLastPrizepool{
    display: flex;
    align-items: baseline;
    margin-top: 10.26px;
}

.spanSecondDivLastPrizepool{
    color: var(--262626);
    font-family: "Magnify";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    width: 225px;
}

.rightLastResultsImg{
    height: 384px;
}

.lastResults{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, #FFA206 0%, #FF8A00 100%);
}

.halfTrophyLeft, .halfTrophyRight{
    height: 593px;
}

.halfTrophyLeft{
    transform: rotateY(180deg);
}

#firstDivContentPatternLastResults{
    margin: 0;
}

.divLastResults, .divDivLastResults, .topLastResults{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.topLastResults{
    flex-wrap: nowrap;
    gap: 38px;
    margin-top: 78px;
    margin-bottom: 60px;
}

.h2TopLastResults,.strongTopLastResults{
    text-align: center;
    font-family: "Magnify";
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
}

.pTopLastResults{
    color: var(--FFFFFF);
    width: 570px;
    text-align: center;
    font-family: "Magnify";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.textLastResults{
    display: flex;
    flex-direction: column;
    gap: 100px;
    margin-bottom: 120px;
}

.topFirstDivTextLastResults{
    display: flex;
}

.h2FirstDivTextLastResults{
    width: 138px;
    height: 20px;
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.borderLastResults{
    width: 832px;
    border-bottom: 1px solid var(--FFFFFF);
}

.divFirstDivTextLastResults{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 27px;
}

.circleLastResults{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    border-radius: 50%;
}

.whiteBorderLastResults{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--F1F1F1);
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.strongTextLastResults{
    color: var(--F1F1F1);
    font-size: 65px;
    font-weight: 700;
}

.aCheckMyGames{
    width: 370px;
    height: 61px;
    border-radius: 13px;
    background-color: var(--F1F1F1);
    margin-bottom: 78px;
    color: var(--000000);
    font-family: "Magnify";
    font-size: 25px;
    font-weight: 700;
    line-height: 72px;
    text-decoration: none;
    text-align: center;
}

.divCheckLastRaffle{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* Arrumar background */
    /* background: linear-gradient(180deg, #FF6700 0%, #FF4D00 100%); */
}

.firstDivCheckLastRaffle{
    display: flex;
    flex-direction: column;
    color: var(--FFFFFF);
    margin-left: 30px;
}

.h2FirstDivCheckLastRaffle{
    width: 355.52px;
    height: 100.98px;
    color: #FFF;
    font-family: "Magnify";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 40px;
    /* margin-bottom: 20px; */
}

.pFirstDivCheckLastRaffle{
    width: 302px;
    height: 32px;
    color: #FFF;
    /* font-family: RNS Sanz; */
    font-style: normal;
    font-weight: 500;
    line-height: 18.155px;
    font-variant: small-caps;
}

.aWatchLastRaffle{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 167px;
    height: 49.9px;
    border-radius: 38.69px;
    gap: 10.18px;
    background: #FFA206;
    margin: 21px 0 40.1px 0;
    font-family: "Magnify";
    color: var(--FFFFFF);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
}

/* Cryptos */

.bgTopCryptos{
    background: url('https://assets.betcoin.net.br/img/bgCryptos.png')no-repeat;
    background-size: 100%;
    height: 599px;
}

.topCryptos {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.leftTopCryptos{
    display: flex;
    flex-direction: column;
    margin-top: 124px;
}

.rightTopCryptos {
    display: flex;
    right: 0;
    float: right;
    margin-top: 52px;
    align-content: end;
    align-items: end;
    justify-content: end;
    width: 715px;
    height: 458px;
}

.h2LeftTopCryptos{
    width: 240px;
    height: 67.765px;
    flex-shrink: 0;
    color: var(--FFA206);
    font-family: "Magnify";
    font-size: 64.941px;
    font-style: normal;
    font-weight: 700;
    line-height: 79.059px;
}

.pLeftTopCryptos{
    width: 365px;
    height: 126px;
    flex-shrink: 0;
}

.pLeftTopCryptos, .strongLeftTopCryptos{
    font-family: "Magnify";
    font-size: 20px;
    font-style: normal;
}

.sectionRaffles{
    background-color: var(--FFFFFF);
    height: 1225px;
}

.divSectionRaffles{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
    margin-top: 34px;
    margin-bottom: 34px;
}

.activeOrClosedRaffles{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 14px;
    margin-bottom: 34px;
}

.aActiveOrClosedRaffles{
    color: var(--BCBCBC);
    text-align: center;
    font-family: "Magnify";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    text-decoration: none;
}

.aActiveActiveOrClosedRaffles{
    color: var(--000000);
    border-bottom: 4px solid var(--000000);
}

.filterAndSearch{
    display: flex;
    width: 1169px;
    height: 45px;
    flex-shrink: 0;
    margin-bottom: 34px;
    gap: 12.58px;
}

.filterBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110.42px;
    height: 45px;
    gap: 10.27px;
    background-color: var(--FF6700);
    border-radius: 10px;
    cursor: pointer;
}

.divFilterBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10.27px;
}

.h2FilterBtn{
    color: var(--FFFFFF);
    /* font-family: RNS Sanz; */
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.optionsFilter{
    display: none;
    flex-direction: column;
}

.divSearch{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 1046px;
    height: 41px; /* Normal (45px) */
    flex-shrink: 0;
    border-radius: 10px;
    border: 2px solid var(--FF6700);
}

.divSearch > i{
    margin-left: 20px;
    margin-right: 13px;
}

.inputDivSearch{
    color: var(--FF6700);
    /* font-family: RNS Sanz; */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height:  26.858px ;
    outline: none;
    box-shadow: 0 0 0 0;
    border: none;
}

.inputDivSearch::placeholder{
    color: var(--FF6700);
}


.selectCoinRaffle{
    display: flex;
    gap: 27px;
    /* Ver como vai ficar */
    /* overflow-x: scroll; */
    max-width: 1169px;
    margin-bottom: 39px;
}

.aSelectCoinRaffle{
    width: 172px;
    height: 54px;
    border-radius: 15px;
    flex-shrink: 0;
    background-color: var(--D9D9D9);
    color: var(--616161);
    text-decoration: none;
    font-size: 19px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
}

.aSelectCoinRaffleActive{
    background-color: var(--FF6700);
    color: var(--FFFFFF);
}

.allRaffles{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
}

.cardActiveRaffles, .cardClosedRaffles{
    display: flex;
    flex-direction: column;
    width:270px;
    height: 438px;
}

.cardActiveRaffles{
    background: url('https://assets.betcoin.net.br/img/bgCardRaffleActive.png');
}

.cardClosedRaffles{
    background: url('https://assets.betcoin.net.br/img/bgCardRaffleClosed.png');
    position: relative;
}

.topCardActiveRaffle, .topCardClosedRaffle{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.topTextCardRaffle{
    display: flex;
    flex-direction: column;
    gap: 8.29px;
    margin: 27px 0 19px 24px;
}

.betCoinTopImg{
    width: 54.398px;
    height: 11.713px;
}

.pTopCardRaffle{
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-style: normal;
    font-weight: 400;
    padding: 6px 4px 6px 5px;
    border-radius: 5px;
    /* line-height: 56px; */
}

.topCardBellIcon{
    width: 30px;
    height: 30px;
    margin: 10px 10px 0 0;
}

.midCardRaffle{
    display: flex;
    flex-direction: column;
}

.firstDivMidCardRaffle{
    display: flex;
    width: 178px;
    height: 178px;
    align-self: center;
}

.imgMidCardRaffle{
    width: 166px;
    height: 166px;
    background: var(--FFA206);
    border-radius: 50%;
    /* margin-top: 31px;
    margin-left: -25px;
    padding: 3px; */
    border: 6px solid var(--FF6700);
    /*position: relative; */
}

.divFirstDivMidCardActiveRaffle{
    position: absolute;
    width: 178px;
    height: 178px;
    background: rgb(0 0 0/ 70%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divFirstDivMidCardActiveRaffle > h2{
/* font-family: RNS Sanz; */
    color: var(--FFFFFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.287px;
    text-transform: uppercase;
    text-align: center;
}

.secondDivMidCardRaffle{
    display: flex;
    flex-direction: column;
    margin-top: 17px;
    margin-bottom: 17px;
}

.pSecondDivMidCardRaffle{
    font-family: "Magnify";
    font-style: normal;
    font-weight: 400;
}

.h2SecondDivMidCardRaffle{
    margin-top: 0.1em;
    flex-shrink: 0;
    font-family: "Magnify";
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    white-space: nowrap;
}

.spanSecondDivMidCardRaffle{
    width: 200px;
    height: 13px;
    font-family: "Magnify";
    font-style: normal;
    font-weight: 400;
    /* line-height: 56px; */
}

.bottomCardRaffle{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* width: 214px; */
    height: 50px;
    gap: 5px;
}

.firstDivBottomCardRaffle, .secondDivBottomCardRaffle{
    display: flex;
    width: 214px;
    justify-content: center;
    align-items: center;
    border-radius: 38px;
    text-decoration: none;
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-style: normal;
    line-height: normal;
}

.firstDivBottomCardRaffle{
    height: 26px;
    background: var(--FFA206);
}

.secondDivBottomCardRaffle{
    height: 19px;
}

.bgActiveRaffle{
    background-color: var(--F1F1F1);
}

.topActiveRaffle{
    display: flex;
    flex-direction: row;
    /*margin-top: 115px; */
    justify-content: center;
}

.leftDivTopActiveRaffle{
    margin-top: 115px;
}

.rightDivTopActiveRaffle{

    width: 805px;
    height: 891px;
    margin-top: -107px;
    margin-left: 10px;
}

.rightDivTopClosedRaffle{

    background-size: 100% 100%;
    width: 822px;
    height: 1000px;
    margin-top: -107px;
    margin-left: -7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.h2TopActiveRaffle{
    color: var(--000000);
    /* font-family: Optika; */
    font-size: 27px;
    font-style: normal;
    font-weight: 300;
    line-height: 50.348px;
}

.strongTopActiveRaffle{
    color: var(--000000);
    /* font-family: Optika; */
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 50.348px;
}

.h3TopActiveRaffle{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    margin-top: 25px;
    margin-bottom: 34px;
}

.spanTopActiveRaffle{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 22.042px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.961px;

}

.h4TopActiveRaffle{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 55.106px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.961px;
    margin-bottom: 11.9px;
    margin-top: 7.85px;
}

.divProgressBar{
    display: flex;
    align-items: center;
}

.progressBar{
    position: relative;
    width: 312px;
    background-color: var(--000000);
    height: 7px;
    border-radius: 10px;
}

.progressBar::after{
    content: '';
    background-color: var(--FF6700);
    height: 100%;
    border-radius: 10px;
    position: absolute;
}

.h2ProgressBar{
    color: var(--000000);
    font-size: 20.636px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-left: 20px;
}

.pProgressBar{
    margin-top: 2px;
    color: var(--000000);
    font-weight: 300;
}

.coinTopRaffle{
    width: 490px;
    height: 356px;
    margin-top: 19px;
}

.aboutRaffle{
    background-color: var(--FFFFFF);
}

.divAboutRaffle{
    display: flex;
    flex-direction: column;
    margin-top: 35px;
    margin-bottom: 15px;
}

.h2DivAboutRaffle{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
}

.divDivAboutRaffle, .pDivAboutRaffle{
    color: var(--000000);
    /* font-family: RNS Sanz; */
    font-size: 20px;
    font-style: normal;
    line-height: 34.158px;
}

.pDivDivAboutRaffle, .ulDivDivAboutRaffle li{
    font-size: 20px;
}

.ulDivDivAboutRaffle{
    margin-left: 25px;
}

.pDivAboutRaffle{
    height: 95px;
}

.sectionMyTickets{
    background: url('https://assets.betcoin.net.br/img/Rectangle_6.png');
    height: auto;
}

.divSectionMyTickets{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.topDivSectionMyTickets{
    display: flex;
    align-items: baseline;
    margin-top: 76px;
    margin-bottom: 41px;
    width: 1172px;
    height: 28px;
}

.h2TopDivSectionMyTickets{
    width: 378px;
    height: 24px;
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 75px;
}

.borderTopDivSectionMyTickets{
    width: 648px;
    border-bottom: 1px solid var(--FFFFFF);
}

.aTopDivSectionMyTickets{
    width: 153px;
    height: 24px;
    color: var(--FFFFFF);
    text-align: right;
    font-family: "Magnify";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 75px;
    text-decoration: none;
}

.contentDivSectionMyTickets{
    display: flex;
    width: 100%;
    height: 422px;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--F1F1F1);
    border-radius: 16px;
}

.cardMyTickets{
    display: flex;
    overflow: hidden scroll;

    margin: 28px 17.19px 28px 0;

    /* Firefox scrollbar*/

    scrollbar-width: thin;
    scrollbar-color: var(--FFFFFF) var(--D9D9D9);

    width: 1170px;
    height: 366px;
    flex-wrap: wrap;
    margin-left: 26px;
    gap: 23px;
}

/* Chrome, Edge, and Safari */
.cardMyTickets::-webkit-scrollbar {
    /* height: 91px; */
    width: 15px;
}

.cardMyTickets::-webkit-scrollbar-track {
    background: var(--D9D9D9);
    border-radius: 7.5px;
}

.cardMyTickets::-webkit-scrollbar-thumb {
    background-color: var(--FFFFFF);
    border: 6px solid var(--D9D9D9);
    border-radius: 5px;
}

.bottomDivSectionMyTickets {
    display: flex;
    width: 252.105px;
    height: 36.643px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 38px;
    background-color: var(--000000);
    margin-top: 15.36px;
    margin-bottom: 20px;
    text-decoration: none;
    color: var(--FFFFFF);
    font-size: 20px;
    font-weight: 700;
}

.topActiveListRaffle{
    text-align: center;
    margin-top: 38px;
    margin-bottom: 53px;
}

.h2TopActiveListRaffle{
    color: var(--000000);
    text-align: center;
    font-family: "Magnify";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
}

.infoClosedRaffle{
    display: flex;
    flex-direction: row;
}

.leftInfoClosedRaffle{
    width: 266px; /* somando a borda dá os 270 */
    height: 142px;
    border:2px solid var(--FF6700);
    border-radius: 15px;
}

.rightInfoClosedRaffle{
    display: flex;
    flex-direction: column;
    margin-left: 21px;
}

.h2RightInfoClosedRaffle, .strongRightInfoClosedRaffle{
    color: var(--000000);
    /* font-family: Optika; */
    font-size: 18px;
    font-style: normal;
    line-height: 24.138px;
}

.pRightInfoClosedRaffle{
    width: 169px;
    height: 50px;
    color: var(--000000);
    /* font-family: RNS Sanz; */
    font-weight: 500;
    line-height: 18.155px;
    margin-top: 9px;
    margin-bottom: 11px;
}

.divRightInfoClosedRaffle{
    display: flex;
    width: 106px;
    height: 31.671px;
    justify-content: center;
    align-items: center;
    border-radius: 24.561px;
    background-color: var(--FFA206);
}

.aDivRightInfoClosedRaffle{
    color: var(--FFFFFF);
    text-align: center;
    font-family: "Magnify";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.divRightDivTopClosedRaffle{
    display: flex;
    flex-direction:column;
    gap: 16px;
    background-color: var(--FFFFFF);
    width: 518px;
    height: 418px;
    border-radius: 21px;
    border: 1px solid var(--C4D0E1);
    padding: 33px 40px 27px 40px;
    align-items: center;
}

.h1DivRightDivTopClosedRaffle{
    color: var(--000000);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
}

.pDivRightDivTopClosedRaffle{
    color: var(--000000);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.155px;
}

.h2DivRightDivTopClosedRaffle{
    color: var(--000000);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
}

/* FAQ */

.bgTopFaq{
    background: url('https://assets.betcoin.net.br/img/bgFAQ.png') no-repeat center center;
    background-size: 100%;
    height: 599px;
}

.divTopFaq{
    display: flex;
    flex-direction: column;
    margin-top: -28px;
}

.h2DivTopFaq{
    width: 300px;
    height: 146.763px;
    flex-shrink: 0;
    color: var(--FFA206);
    font-family: "Magnify";
    font-size: 140.161px;
    font-style: normal;
    font-weight: 700;
    line-height: 170.631px;
}

.spanDivTopFaq{
    width: 290px;
    height: 33.333px;
    color: var(--FFFFFF);
    font-family: "Magnify";
    font-size: 27.396px;
    font-style: normal;
    font-weight: 100;
    /* line-height: 153.417px; */
    letter-spacing: 0.604px;   /* Deixar -0.3 para ficar igual ao figma */
    white-space: nowrap;
}

.contentFAQ{
    background-color: var(--FFFFFF);
}

.h2DivContentFAQ{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
}

.pDivContentFAQ, .strongDivContentFAQ{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 25px;
    font-style: normal;
    line-height: 56px;
}

.bgTopAboutUs{
    background: url('https://assets.betcoin.net.br/img/bgAboutUs.png') no-repeat center center;
    background-size: 100%;
    height: 599px;
}

.h2DivTopAboutUs{
    width: 488px;
    height: 240px;
    flex-shrink: 0;
    color: var(--FFA206);
    font-family: "Magnify";
    font-size: 140.161px;
    font-style: normal;
    font-weight: 700;
    line-height: 135.131px;
}

.contentAboutUs{
    background-color: var(--FFFFFF);
}

.pDivContentAboutUs, .strongDivContentAboutUs{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 32px;
    font-style: normal;
    line-height: 56px;
}

.bgTopHelpCenter{
    background: url(https://assets.betcoin.net.br/img/Rectangle_9.png) no-repeat center center;
    background-size: 100%;
    height: 156px;
}

.contentHelpCenter{
    background-color: var(--FFFFFF);
}

.divContentHelpCenter{
    display: flex;
    flex-direction: column;
}

.firstDivContentHelpCenter{
    background: url('https://assets.betcoin.net.br/img/Rectangle_29988.png') no-repeat;
    width: 1170px;
    height: 411px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 42px;
    margin-bottom: 64px;
}

.firstDivContentHelpCenter > img{
    margin-left: -81px;
    align-self: flex-end;
}

.h2FirstDivContentHelpCenter{
    color: #FFA206;
    text-align: center;
    font-family: "Magnify";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 108.131px;
}

.divFirstDivContentHelpCenter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
}

.firstDivFirstDivContentHelpCenter{
    display: flex;
    align-items: center;
    width: 705px;
    height: 65px;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(255, 162, 6, 0.63);
    border: 2px solid var(--FF6700);
}

.borderDivContentHelper{
    border-left: 1px solid var(--FFFFFF);
    height: 19px;
    margin-left: 9px;
    margin-right: 6px;
}

.inputDivFirstDivContentHelpCenter, .inputDivFirstDivContentHelpCenter::placeholder{
    color: var(--FFFFFF);
    /* font-family: RNS Sanz; */
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.inputDivFirstDivContentHelpCenter{
    background: transparent;
    outline: none;
    border: none;
    box-shadow: 0 0 0 0;
}

.divFirstDivContentHelpCenter + img{
    margin-top: -63px;
}

.divFirstDivContentHelpCenter button {
    cursor: pointer;
}

.sentEmail{
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 38px;
}

.h2SentEmail{
    width: 240px;
    height: 22px;
    flex-shrink: 0;
    color: #000;
    /* font-family: Roboto; */
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-left: 25px;
}

.divSentEmail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1174px;
    height: 314px;
    flex-shrink: 0;
    border-radius: 15px;
    background: var(--FFA206);
    margin-top: 13px;
}

.firstDivSentEmail{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 21px 13px;
}

.inputSentEmailHelper{
    flex-shrink: 0;
    outline: none;
    background-color: var(--DCDCDC);
    border: none;
    padding-left: 15px;
    border-radius: 8px;
}

.inputSentEmailHelper::placeholder{
    color: #000;
    /* font-family: Roboto; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.firstInputFirstDivSentEmail{
    width: 525px;
    height: 44px;
}

.secondInputFirstDivSentEmail{
    width: 554px;
    height: 44px;
}

.thirdInputFirstDivSentEmail{
    width: 1108px;
    padding-top: 8px;
    padding-bottom: 115px;
}

.secondDivSentEmail{
    display: flex;
    justify-content: center;
    width: 1122px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--FF6700);
    margin-top: 20px;
}

.btnSecondDivSentEmail{
    color: #FFF;
    text-align: center;
    /* font-family: Roboto; */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bgTopAllPagesHelpCenter{
    background: url('https://assets.betcoin.net.br/img/bgCryptos.png') no-repeat;
    background-size: 100%;
    height: 375px;
}

.firstDivContentPattern > h2{
    color: var(--FFA206);
    font-family: "Magnify";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 55.131px;
}

.contentAllPagesHelpCenter{
    background-color: var(--FFFFFF);
}

.titleThreeTopAllPages{
    width: 296px;
}

.titleFourthTopAllPages{
    width: 396px;
}

.h2ContentAllPagesHelpCenter{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
}

.pContentAllPagesHelpCenter, .strongContentAllPagesHelpCenter{
    color: var(--000000);
    font-family: "Magnify";
    font-size: 25px;
    font-style: normal;
    line-height: 56px;
}

.backLink{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 165.477px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--FFA206);
    margin-top: 52px;
}

.aBackLink{
    color: #FFF;
    text-align: center;
    /* font-family: Roboto; */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.imagesHowItWorksNew {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    max-height: 680px;
    max-width: 984px;
}

.firstDivImagesHowItWorksNew {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: var(--FF6700);
    max-width: 290px;
    max-height: 321px;
}

.marginMidFirstDivImagesHowItWorksNew {
    margin-left: 38px;
    margin-right: 38px;
    margin-bottom: 38px;
}

.firstDivFirstDivImagesHowItWorksNew {
    display: flex;
    max-width: 270px;
    max-height: 299px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    border: 2px solid var(--FFA206);
    margin: 9px 8px;
    padding: 0;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.contentFirstDivFirstDivImagesHowItWorksNew {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
}

.imageContentFirstDivFirstDivImagesHowItWorksNew {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 34px;
}

.imageContentFirstDivFirstDivImagesHowItWorksNew img {
    width: 131px !important;
    height: 131px !important;
}

.separatorContentFirstDivFirstDivImagesHowItWorksNew {
    width: 166px;
    border-bottom: 1px solid var(--F1F1F1);
    padding-top: 19px;
}

.textContentFirstDivFirstDivImagesHowItWorksNew {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    width: 100%;
}

.firstDivTextContentFirstDivFirstDivImagesHowItWorksNew {
    display: flex;
    margin-top: 11px;
}

.pFirstDivTextContentFirstDivFirstDivImagesHowItWorksNew {
    font-size: 14px;
    line-height: 18.5px;
    font-weight: 700;
    color: white;
}

.pSecondDivTextContentFirstDivFirstDivImagesHowItWorksNew {
    font-size: 9px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    color: #fff;
    padding: 0 5px
}

.newDivTextAndVideo {
    display: flex;
    width: 612px;
    height: 364px;
}

.secondDivTextAndVideo {
    display: flex;
    width: auto;
    height: 364px;
}

.videoSecondDivTextAndVideo {
    width: 673px;
    height: 364px;
    background: var(--000000);
    margin-left: 19.9px;
    object-fit: cover;
}

.viewCardHeaderLoginOrRegister {
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    position: absolute;
    right: 0;
    width: 705px;
    height: 671px;
    z-index: 99;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.viewDivformLogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    width: 358.27px;
    height: 406.61px;
    margin-left: 91px;
    margin-top: 126.19px;
}

.h3FormInputLoginOrRegister {
    font-size: 26px;
    line-height: 36.61px;
    font-weight: 800;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 35.05px;
}

.divFormInputLoginOrRegister {
    display: flex;
    flex-direction: column;
    width: 358px;
}

.labelLoginOrRegister {
    color: rgba(255, 255, 255, 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 21.12px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 5.17px;
}

.inputLoginOrRegister {
    width: 336.27px;
    height: 42.85px;
    border-radius: 34px;
    border: 1px solid #ffffff;
    background-color: rgba(27, 30, 34, 0.7);
    color: white;
    padding-left: 20px;
}

.iconShowPassword {
    margin-top: -2.538rem;
    margin-left: 18.688rem;
    font-size: 2.375rem;
    color: white;
    cursor: pointer;
    z-index: 10;
}

.divIForgotThePassword {
    display: flex;
    width: 100%;
    margin-top: 15.52px;
}

.iForgotThePassword {
    font-size: 15px;
    line-height: 21.12px;
    font-weight: 500;
    color: var(--FFFFFF);
}

.divBtnSubmitLogin {
    display: flex;
    margin-top: 27.97px;
    width: 358.27px;
    height: 44.85px;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.btnSubmitLogin {
    background: var(--FF6700);
    width: 358.27px;
    height: 44.85px;
    border-radius: 34px;
    border: 1px solid var(--FFFFFF);
    color: #fff;
    font-size: 20px;
    line-height: 28.16px;
    font-weight: 800;
    cursor: pointer;
}

.separatorLoginButton {
    padding-top: 25.78px;
    border-bottom: 1px solid var(--D9D9D9);
    width: 191.84px;
}

.pDontHaveAnAccountYet {
    padding-top: 23.14px;
    color: var(--FFFFFF);
    font-size: 15px;
    line-height: 21.12px;
    font-weight: 400;
}

.buttonLoginRegister {
    font-size: 15px;
    line-height: 21.12px;
    font-weight: 800;
    color: var(--FFFFFF);
    cursor: pointer;
}

.containerScrollRegister {
    height: 619px;
    overflow-y: scroll;
    width: 550px;
}

.inputDivGroupInputs {
    width: 104.03px;
    height: 40.85px;
    border-radius: 13px;
    background: rgba(27, 30, 34, 0.7);
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.inputDivGroupInputMidSpace {
    margin: 0px 18.49px;
}

.inputCheckboxDiv {
    display: flex;
    flex-direction: row;
}

.inputCheckbox[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.inputCheckbox[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    color: var(--FFFFFF);
}

.inputCheckbox[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    bottom: 0;
    background-color: var(--6D6D6D) !important;
    border: 1px solid rgba(109, 109, 109, 0.23);
    vertical-align: bottom;
    border-radius: 3px;
}

.inputCheckbox[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 5px;
    height: 10px;
    border-right: solid 3px var(--FF6700);
    border-bottom: solid 3px var(--FF6700);
    transform: rotate(45deg);
}

.containerLabelCheckbox, .containerLabelCheckbox a {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--white);
}

.divInfoClientLogged {
    display: flex;
    /*background: #ccc; */
    flex-direction: row;
}

.leftDivInfoClientLogged {
    display: flex;
    height: 51px;
    align-items: center;
    align-content: center;
}

.firstDivLeftDivInfoClientLogged {
    display: flex;
    flex-direction: column;
    margin-right: 12px;
    height: 51px;
    align-items: center;
    align-content: center !important;
    margin-top: 12px;
}

.firstPFirstDivLeftDivInfoClientLogged {
    font-size: 18px;
    line-height: 23px;
    text-align: right;
    font-weight: 400;
    color: var(--FFFFFF);
}

.iconSecondPFirstDivLeftDivInfoClientLogged {
    font-size: 13px;
    color: var(--FFA206);
    line-height: 15px;
}

.secondPFirstDivLeftDivInfoClientLogged, .secondPFirstDivLeftDivInfoClientLogged strong {
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
}

.secondPFirstDivLeftDivInfoClientLogged {
    display: flex;
    align-items: center;
    align-content: center;
    text-align: right !important;
    float: right;
}

.secondDivLeftDivInfoClientLogged {
    width: 51px;
    height: 51px;
    border: 1px solid var(--FF8400);
    border-radius: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.imgSecondDivLeftDivInfoClientLogged {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 150px;
}

.divIconPencilEditProfile {
    border: 1px solid var(--FFFFFF);
    border-radius: 23px;
    width: 23px;
    height: 23px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-top: 32px;
    margin-left: 33px;
}

.iconPencilEditProfile {
    width: 19.71px;
    height: 19.71px;
    background: var(--FFFFFF);
    border-radius: 19px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 13px;
    color: var(--FF8400);
}

.divSeparatorTopHeader {
    margin-left: 12.8px;
    border-right: 1px solid var(--FFA206);
}

.divButtonClientLogged {
    display: flex;
}

.divNotificationIcon {
    margin-left: 16px;
}

.iconNotificationsTopHeader {
    font-size: 31px;
    margin-top: 12px;
    color: var(--FFA206);
}

.numberNewsNotifications {
    display: flex;
    background: var(--FFFFFF);
    width: 13px;
    height: 13px;
    border-radius: 13px;
    position: absolute;
    margin-top: -30px;
    margin-left: 18px;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 9px;
    color: var(--FFA206);
}

.depositButtonTopHeader a {
    width: 148px;
    height: 51px;
    background: var(--FFA206);
    border-radius: 26px;
    margin-left: 22px;
    color: var(--FFFFFF);
    font-size: 18px;
    line-height: 21.29px;
    font-weight: 700;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-decoration: none;
}

.heightScrollDiv {
    height: auto;
    overflow-y: auto;
    width: 1250px;
}

.heightScrollDiv::-webkit-scrollbar {
    display: none;
}

.sectionHeightRaffleDetails {
    height: 892px;
}

.divFirstRightContentTopDetailRaffle {
    display: flex;
    flex-direction: column;
    margin-top: 210px;
    margin-left: 71px;
    width: 600px;
    height: 611px;
    align-items: center;
}

.pFirstRightContentTopDetailRaffle {
    font-size: 20px;
    line-height: 58px;
    font-weight: 700;
    color: var(--FFFFFF);
}

.divSecondRightContentTopDetailRaffle {
    display: flex;
    width: 401.86px;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.spanCounterDivSecondRightContentTopDetailRaffle {
    display: flex;
    flex-direction: column;
    width: 80.86px;
    height: 80.86px;
    align-items: center;
    align-content: center;
    justify-content: center;
    border: 1px solid var(--FFFFFF);
    border-radius: 80px;
}

.mLCounterRaffle {
    margin-left: 26.14px;
}

.pFirstNumberPSecondRightContentTopDetailRaffle {
    font-size: 30px;
    font-weight: 700;
    color: var(--FFFFFF);
    margin-top: 10.5px;
}

.pSecondNamePSecondRightContentTopDetailRaffle {
    font-size: 9px;
    line-height: 24px;
    color: var(--FFFFFF);
    margin-top: -14px;
}

.divThirdRightContentTopDetailRaffle {
    display: flex;
    flex-direction: column;
    width: 520px;
    height: 449px;
    background: var(--FFFFFF);
    margin-top: 39.19px;
    border-radius: 20px;
    padding: 40px;
}

.h3DivThirdRightContentTopDetailRaffle {
    font-size: 40px;
    line-height: 49px;
    font-weight: 700;
}

.h2DivThirdRightContentTopDetailRaffle {
    display: flex;
    flex-direction: column;
    margin-top: 19px;
    font-size: 43px;
    line-height: 34px;
    font-weight: 700;
    color: var(--FFA206);
}

.spanH2DivThirdRightContentTopDetailRaffle {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 22px;
    color: var(--637596);
    margin-top: 12px;
}

.hrDivThirdRightContentTopDetailRaffle {
    border: 0.8px solid var(--C8D3E3) !important;
    margin: 17px 0;
}

.labelDivThirdRightContentTopDetailRaffle {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 22px;
    color: var(--000839);
}

.inputDivThirdRightContentTopDetailRaffle {
    margin-top: 10px;
    width: 520px;
    height: 60px;
    border: 1px solid var(--C4D0E1);
    border-radius: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    color: var(--000839);
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.02em;
    font-weight: 500;
    outline: none;
}

.iconMinusInput {
    font-size: 1.5rem;
    margin-top: -2.75rem;
    padding: 0 1.875rem;
    width: 0px;
    margin-left: 124px;
    color: var(--000839);
    cursor: pointer;
}

.iconPlusInput {
    display: flex;
    align-content: end;
    align-items: end;
    float: right;
    width: 0.625rem;
    right: 0;
    margin-left: 349px;
    font-size: 1.875rem;
    margin-top: -1.6875rem;
    color: var(--000839);
    cursor: pointer;
}

.buttonDivThirdRightContentTopDetailRaffle {
    width: 520px;
    height: 60px;
    background: var(--FF6700);
    margin-top: 37px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-decoration: none;
    color: var(--FFFFFF);
    border-radius: 30px;
}

.cardTicket {
    display: flex;
    width: 347.81px;
    height: 170.19px;
    background: var(--FFFFFF);
    border-radius: 10px;
    //box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.2);
    justify-self: center;
}

.cardsMyTickets::-webkit-scrollbar{
    display: none;
}

.leftCardTicket{
    display: flex;
    flex-direction: column;
    width: 147.89px;
    height: 170.19px;
    background: var(--FF6700);
    border-radius: 10px;
}

.firstImgLeftCardTicket{
    width: 45px;
    height: 9.6px;
    margin-left: 12px;
    margin-top: 12.25px;
}

.firstDivLeftCardTicket{
    display: flex;
    flex-direction: column;
    width: 109.99px;
    height: 109.99px;
    background: var(--000000);
    border-radius: 100px;
    margin-top: 16.3px;
    margin-left: 19.32px;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.secondDivLeftCardTicket{
    display: flex;
    flex-direction: column;
    width: 84.77px;
    height: 84.73px;
    background: url(https://assets.betcoin.net.br/img/criptos/bgGoldCoin.png) no-repeat center center;
    background-size: 100% 100%;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.secondImgLeftCardTicket{
    max-width: 35px;
    max-height: 35px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.titleCodeTicketLeftCardTicket{
    font-size: 4px;
    line-height: 4.73px;
    font-weight: 700;
}

.codeTicketLeftCardTicket{
    width: 50px;
    height: 11px;
    background: var(--FF6700);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 6px;
    line-height: 7.1px;
    font-weight: 700;
    color: var(--FFFFFF);
    border-radius: 26px;
}

.rightCardTicket{
    width: 200px;
    display: flex;
    flex-direction: column;
    padding-left: 18.41px;
    padding-top: 26.16px;
}

.firstPRightCardTicket{
    font-size: 6px;
    font-weight: 400;
    width: 89.69px;
    height: 3.74px;
}

.secondPRightCardTicket{
    width: 83.24px;
    height: 19.32px;
    border-radius: 38px;
    background: #F1F1F1;
    font-size: 9px;
    font-weight: 700;
    color: #757575;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 5.61px;
    margin-bottom: 10.57px;
}

.thirdPRightCardTicket{
    font-size: 13px;
    font-weight: 400;
    height: 10.28px;
}

.fourPRightCardTicket{
    font-size: 20px;
    font-weight: 700;
    margin-top: 9.34px;
    height: 18.69px;
}

.fivePRightCardTicket{
    font-size: 8px;
    font-weight: 400;
    height: 9.66px;
}

.aRightCardTicket{
    width: 160.7px;
    height: 23.36px;
    background: #FF6700;
    border-radius: 38px;
    font-size: 10px;
    text-decoration: none;
    font-weight: 700;
    color: white;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 12.93px;
}

.divStyleComplementContentPattern {
    display: flex;
    flex-direction: column;
    margin: 0px !important;
}

.knowTokenAndImage {
    background: orange;
}

.rightDivKnowTokenAndImage {
    display: flex;
    margin-left: -224px;
}

.buttonCheckoutBtnNewBetDouble {
    width: 370px;
    height: 61px;
    background: #FF6700;
    border-radius: 13px;
    color: #fff;
    font-size: 25px;
    line-height: 72px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.viewSixCards {
    display: flex;
    flex-wrap: wrap;
    margin-left: 30px;
}

.cardBetDouble {
    margin: 12px 13px;
}

.activateNumberCardSelected {
    background: radial-gradient(circle, rgba(255,162,6,1) 0%, rgba(255,103,0,1) 60%);
    border-radius: 50px;
}

/* Start CSS Modal */
.modal {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(77, 77, 77, 0.7);
    transition: all 0.4s;
}

.modal:target {
    visibility: visible;
    opacity: 1;
    position: fixed;
    z-index: 999;
}

.contentModal {
    border-radius: 20px;
    position: relative;
    width: 100%;
    max-width: 715px;
    background: #fff;
    height: 100%;
    max-height: 496px;
}

.close {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    color: #585858;
    text-decoration: none;
    font-size: 32px;
}

.footerModal {
    display: flex;
    width: 95%;
    justify-content: end;
    margin-top: 1.25rem;
}

.footerBtnClose {
    background: var(--danger);
    width: 7.5rem;
    height: 2.5rem;
    border-radius: 3.125rem;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 1.125rem;
    color: var(--white);
}

.buttonFooterBtnBuy {
    background: var(--orange-900);
    width: 7.5rem;
    height: 2.5rem;
    border-radius: 3.125rem;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 1.125rem;
    color: var(--white);
    margin-left: 1.25rem;
    cursor: pointer;
}

#contentBodyModalPayment{
    align-content: center;
    align-items: center;
    justify-content: center;
}

.contentBodyModalPayment {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.leftContentBodyModalPayment {
    margin-left: 35px;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    width: 424px;
    height: 386px;
    overflow-y: auto;
}

.leftContentBodyModalPayment::-webkit-scrollbar {width: 0! important}

.h3LeftContentBodyModalPayment {
    font-size: 28px;
    font-weight: 700;
    width: 292px;
    height: 39px;
    margin-top: 12px;
}

.divLeftInputContentBodyModalPayment {
    display: flex;
    flex-direction: column;
    margin-top: 19px;
}

.labelLeftContentBodyModalPayment {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #616161;
    width: 168px;
    height: 20px;
}

.inputLeftContentBodyModalPayment {
    width: 358px;
    height: 18px;
    border-radius: 15px;
    gap: 10px;
    color: var(--262D33);
    background: var(--FFFFFF);
    border: 1px solid var(--262D33);
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--616161);
}

.getBackBtnPaymentLeftContentBodyModalPayment, .buttonConfirmPaymentLeftContentBodyModalPayment{
    display: flex;
    width: 400px;
    height: 51px !important;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 16px;
    color: var(--FFFFFF);
    font-weight: 700;
    cursor: pointer;
    margin-top: 10px;
}

.getBackBtnPaymentLeftContentBodyModalPayment{
    background-color: var(--FFA206);
}

.buttonConfirmPaymentLeftContentBodyModalPayment {
    background: var(--FF6700);
    padding: 15.5px 0;
}

.hrSeparatorDiv {
    width: 0.5px;
    height: 280px;
    background: var(--F1F1F1);
    margin-top: 115px;
    margin-right: 24px;
}

.rightContentBodyModalPayment {
    display: flex;
    flex-direction: column;
    width: 196px;
    height: 400px;
    background: var(--F1F1F1);
    margin-top: 70px;
    border-radius: 19px;
}

.topRightContentBodyModalPayment {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.imgTopRightContentBodyModalPayment {
    width: 132px;
    height: 131px;
    background: var(--FFFFFF);
    margin-top: -44px;
    align-items: center;
    align-content: center;
    justify-content: center;
    display: flex;
    border-radius: 132px;
}

.logoRightContentBodyModalPayment {
    width: 118.43px;
    height: 117.52px;
}

.firstDivRightContentBodyModalPayment {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 113px;
    height: 28.66px;
    margin-top: 22px;
    margin-bottom: 16.34px;
}

.divFirstDivRightContentBodyModalPayment {
    display: flex;
    width: 28.88px;
    height: 28.66px;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--000000);
    border-radius: 30px;
    margin-right: 6.12px;
}

.imgUserRightContentBodyModalPayment {
    width: 24.39px;
    height: 24.2px;
    border-radius: 50px;
}

.nameUserRightContentBodyModalPayment {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.separatorHrRightContentBodyModalPayment {
    width: 152px;
    margin-left: 21px;
    border: 1px solid var(--000000);
}

.bottomRightContentBodyModalPayment {
    width: 153px;
    height: 179px;
    display: flex;
    flex-direction: column;
    margin-top: 14px;
    margin-left: 22px;
    justify-content: space-between;
}

.detailsProductAndPaymentDivRightContentBodyModalPayment {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.firstPDetailsProductAndPaymentDivRightContentBodyModalPayment {
    font-size: 12px;
    line-height: 15.34px;
    color: var(--616161);
    height: 15px;
    font-weight: 400;
}

.secondPDetailsProductAndPaymentDivRightContentBodyModalPayment {
    font-size: 12px;
    line-height: 14.2px;
    font-weight: 700;
    height: 14px;
}

.raffleSectionTablet{
    background-color: var(--FF6700);
    height: 160.167px;
    display: none;
}

.divRaffleSectionTablet{
    display: flex;
}

.leftDivRaffleSectionTablet{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10.33px;
}

.h2LeftDivRaffleSectionTablet{
    height: 28.933px;
    color: var(--FFFFFF);
    font-family: Magnify;
    font-size: 15.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.792px;
}

.pLeftDivRaffleSectionTablet{
    width: 242.833px;
    color: var(--FFFFFF);
    font-family: Magnify;
    font-size: 6.717px;
    font-style: normal;
    font-weight: 700;
    line-height: 12.4px;
}

.divLeftDivRaffleSectionTablet{
    display: flex;
    /* padding: 6.717px 26.833px 6.6px 27.9px; */
    width: 84.73px;
    height: 25.31px;
    justify-content: center;
    align-items: center;
    border-radius: 19.633px;
    background: var(--FFA206);
}

.aDivLeftDivRaffleSectionTablet{
    color: var(--FFFFFF);
    text-align: center;
    font-family: Magnify;
    font-size: 10.333px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.rightDivRaffleSectionTablet > img{
    height: 101%;
    width: 119.3%;
}

#raffleSectionClosedRaffle{
    height: 188.067px;
    display: none;
}

.moreInfoSoon{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}

.menuHamburger{
    display: none;
    cursor: pointer;
}

.bar{
    display: block;
    width: 44.81px;
    height: 6.5px;
    margin: 3px auto;
    border-radius: 3px;
    background-color: var(--FFA206);
}

.menuMobile {
    width: 276px;
    max-width: 276px;
    max-height: 685.688px;
    background-color: var(--FFFFFF);
    border-radius: 57.21px 0px 0px 57.21px;
    flex-direction: column;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
}

.divMenuMobile{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    gap: 64.05px;
    width: 215.5px;
    margin: 43.26px 0;
}

.aMenuMobile {
    display: flex;
    gap: 8px;
    align-items: baseline;
    color: var(--000000);
    text-decoration: none;
    font-size: 31.779px;
    font-weight: 700;
}
.aMenuMobile.login {
    color: var(--FFA206);
}
.aMenuMobile.register {
    color: var(--757575);
}

.borderRightMenuMobile{
    width: 5.412px;
    height: 22.42px;
    background-color: var(--FF6700);
}

.infoClientLoggedMenu{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 47px;
}

.closeDiv {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;

    z-index: 1;
  }

.lastInputCheckboxDiv{
    margin-top: 13.38px;
}

#welcomeToBetcoinBtn, .cardsCheckAllCryptosMobile, #bellMobile, .containerScrollRegister::-webkit-scrollbar, .firstCardRaffleMobile,
    .h3DivThirdRightContentTopDetailRaffleTablet, .sectionBetDoubleMobile, .accumulatedPrize, .betcoinMyTickets, #infoClosedRaffleResponsive{
    display: none;
}

#modalAllRaffle{
    max-height: 530px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}
.cardsHelpCenter{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.cardsHelpCenter a{
    text-decoration: none;
}

.firstCardRaffle{
    display: flex;
    align-items: center;
}

.firstDivContentPatternHelper{
    flex-direction: column;
    align-items: center;
}

#codeTwoFactorActivationStatus{
    width: 750px;
}

.linksMyAccount{
    display: flex;
    flex-direction: column;
}

.ALogoutLeftDivDataMyAccountMobile, #gameNumberMobile,#modalBuyTicketResponsive{
    display: none;
}

.outIcon{
    transform: scaleX(-1);
}

#divSubtitleStyle{
    background-color: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    padding: 33px 24px 25px;
}

/* ModalBuyTicket */

.h3ModalBuyTicketResponsive{
    color: var(--000000);
    text-align: center;
    font-size: 39.196px;
    font-weight: 700;
    line-height:54.874px;
    letter-spacing: 0.392px;
}

.h2ModalBuyTicketResponsive{
    color: var(--FFA206);
    text-align: center;
    font-size: 76.437px;
    font-weight: 700;
    line-height: 60.438px;
    letter-spacing: -1.529px;
    display: flex;
    flex-direction: column-reverse;
    gap: 41px;

}

.spanModalBuyTicketResponsive{
    color: var(--616161);
    font-size: 19.598px;
    font-weight: 400;
    line-height:27.437px;
    letter-spacing: 0.196px;
}

.hrModalBuyTicketResponsive{
    width: 559.942px;
    height: 0px;
    stroke-width: 1.422px;
    stroke:var(--C8D3E3);
    margin: 58.66px 0 46.22px 0;
}

.labelModalBuyTicketResponsive{
    color: var(--000839);
    font-size: 15.075px;
    font-weight: 400;
    line-height: 23.69px;
    letter-spacing: 0.302px;
    margin-bottom: 10.46px
}

.divModalBuyTicketResponsive{
    position: relative;
}

.inputDivModalBuyTicketResponsive{
    display:flex;
    width: 559.942px;
    height: 64.609px;
    border-radius: 32px;
    border: 1px solid var(--C4D0E1);
    text-align: center;
    color: var(--000839);
    font-size: 25.843px;
    font-weight: 500;
    line-height: 34.458px;
    letter-spacing: 0.517px;
}

.minusIconDivModalBuyTicketResponsive, .plusIconDivModalBuyTicketResponsive{
    position: absolute;
    top: 40%;
}

.minusIconDivModalBuyTicketResponsive{
    left: 27%;
}

.plusIconDivModalBuyTicketResponsive{
    right: 27%;
}

.btnModalBuyTicketResponsive{
    display: flex;
    width: 559.942px;
    height: 83.991px;
    border-radius: 20.998px;
    background: var(--FF6700);
    text-decoration: none;
    justify-content: center;
    align-items: center;
    margin-top: 57.81px;
    color:var(--FFFFFF);
    font-size: 24.886px;
    font-weight: 900;
    line-height:37.329px;
}

/* ModalPayment */

.contentBodyModalPaymentResponsive{
    display: none;
    align-items:center;
    flex-direction:column;
    width: 514.198px;
    height: 1145px;
}

.divTopModalPaymentResponsive{
    background-color:var(--FF6700);
    border-radius:50%;
    width:47.339px;
    height: 47.339px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imgTopModalPaymentResponsive{
    width:40.177px;
    height:39.177px;
}

.h2TopModalPaymentResponsive{
    display: flex;
    flex-direction: column;
    color: #737373;
    font-size: 13.059px;
    font-weight: 700;
    line-height: 19.589px;
}

.strongTopModalPaymentResponsive{
    color: #000;
    font-size: 19.589px;
    line-height: 29.383px;
}

.midModalPaymentResponsive{
    display: flex;
    flex-direction: column;
    gap: 24.42px;
}

.h3MidModalPaymentResponsive{
    color: #000;
    text-align: center;
    font-family: Magnify;
    font-size: 35.994px;
    font-style: normal;
    font-weight: 700;
    line-height: 50.391px;
    letter-spacing: 0.36px;
    margin-top: 36.08px;
}

.divMidModalPaymentResponsive{
    display: flex;
    flex-direction: column;
    gap: 12.85px;
}

.labelDivMidModalPaymentResponsive{
    color: #616161;
    font-family: Magnify;
    font-size: 17.997px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.196px;
    letter-spacing: 0.18px;
}

.inputDivMidModalPaymentResponsive{
    display: flex;
    width: 459px;
    height: 19px;
    padding: 20.568px 25.71px;
    align-items: center;
    gap: 12.855px;
    align-self: stretch;
    border-radius: 19.282px;
    color: #616161;
    font-family: Magnify;
    font-size: 17.997px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.196px;
    letter-spacing: 0.18px;
}

.btnMidModalPaymentResponsive{
    display: flex;
    width: 100%;
    height: 77.13px;
    justify-content: center;
    align-items: center;
    gap: 12.855px;
    border-radius: 19.282px;
    background: var(--FF6700);
    color: var(--FFFFFF);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.infoModalPaymentResponsive{
    display: flex;
    width: 468.3px;
    height: 146.3px;
    border-radius: 31.062px;
    background: rgba(97, 97, 97, 0.09);
    padding: 22.89px;
}

.leftInfoModalPaymentResponsive{
    width: 160px;
}

.divLeftInfoModalPaymentResponsive{
    display: flex;
    gap: 10px;
    align-items: center;
}

.borderUserImgInfoModalPaymentResponsive{
    width: 46.857px;
    height: 46.857px;
    border: 1px solid var(--000000);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userImgInfoModalPaymentResponsive{
    width: 40.872px;
    height: 40.872px;
}

.nameUserInfoModalPaymentResponsive{
    color:var(--000000);
    font-size: 26.158px;
    font-weight: 400;
}

.hrInfoModalPaymentResponsive{
    border: 1px solid var(--000000);
    margin-top: 25.01px;
    margin-bottom: 21.25px;
}

.secondDivLeftInfoModalPaymentResponsive {
    display: flex;
    justify-content: space-between;
}

.pLeftSecondDivLeftInfoModalPaymentResponsive {
    color: #616161;
    font-size: 16.348px;
}

.secondPLeftSecondDivLeftInfoModalPaymentResponsive{
    color: #000;
    font-size: 16.348px;
    font-weight: 700;
}

.shieldMoneyImg {
    width: 23.978px;
    height: 30.166px;
}

.verticalSeparatorDiv{
    border: 1px solid var(--000000);
    margin: 0 22.89px 0 27.79px;
}

.rightInfoModalPaymentResponsive{
    width: 256px;
    align-self: center;
}

.divRightInfoModalPaymentResponsive{
    display: flex;
    flex-direction: column;
    gap: 14.71px;
}

.divDivRightInfoModalPaymentResponsive{
    display: flex;
    justify-content: space-between;
}

.titleRightInfoModalPaymentResponsive{
    color: #616161;
    font-size: 19.618px;
    font-weight: 400;
}

.descriptionRightInfoModalPaymentResponsive{
    color: #000;
    font-size: 19.618px;
    font-weight: 700;
}

/* Modal Deposit */

#contentModalDepositResponsiveID{
    display: none;
}

#contentModalDeposit{
    max-height: 546px !important;
}

/* Modal QrCode */

.contentModalQrCodePix{
    max-height: 390px;
    width: 493px;
}

/* FAQ */

.sectionFaq{
    background-color: var(--FFFFFF);
}

#firstDivContentFaq{
    justify-content: center;
}

.accordion{
    margin: 46px 0;
}

.accordionItem{
    list-style: none;
    width: 950px;
    margin: 20px;
    padding: 10px;
    border-radius: 8px;
    background-color: var(--F1F1F1);
}

.labelAccordion{
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}

.labelAccordion::after{
    content: '';
    position: absolute;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url('https://assets.betcoin.net.br/img/newIcons/chevronSolid.svg') no-repeat;
    transition: 0.3s;
}

.inputAccordion:checked + .labelAccordion::after{
    transform: rotate(90deg);
}

.inputAccordion{
    display: none;
}

.contentAccordion{
    color: #585858;
    padding: 0 10px;
    line-height: 26px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s, padding 0.5s ;
}

.inputAccordion:checked + .labelAccordion + .contentAccordion{
    max-height: 400px;
    padding: 10px 10px 20px;
}

.helperCardBDData{
    width: 250px;
}

.cellMobile_mask {
    position: absolute;
    top: -9999px;
}

.accountSuspensionOrDeletionLine {
    display: flex;
    flex-direction: column;
    margin-top: 23px;
}

.divAccountSuspensionOrDeletionLine {
    display: flex;
    flex-direction: column;
}

.h3DivAccountSuspensionOrDeletionLine {
    font-size: 21px;
    line-height: 21px;
    color: #808080;
    font-weight: 400;
}

.pDivAccountSuspensionOrDeletionLine {
    color: #808080;
    font-weight: 400;
    font-size: 12px;
    margin-top: 11px;
    margin-bottom: 9px;
}