/* screen - lp-bingo */

.lp-bingo {
  align-items: center;
  background-color: var(--gray100);
  display: flex;
  flex-direction: column;
  gap: 22px;
  height: 1579px;
  width: 414px;
}

.lp-bingo .header {
  height: 64px;
  position: relative;
  width: 414px;
}

.lp-bingo .conteudo {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 370px;
}

.lp-bingo .box1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 12px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 18px 0px;
  position: relative;
  width: 100%;
}

.lp-bingo .bingo-star-banner-1 {
  height: 172px;
  object-fit: cover;
  position: relative;
  width: 305px;
}

.lp-bingo .frame-14314 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}

.lp-bingo .h1-fortune-tiger {
  color: var(--brandblue---dark);
  font-family: var(--font-family-roboto);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.lp-bingo .h1-fortune-tiger-1 {
  color: #ff0004;
  font-family: var(--font-family-roboto);
  font-size: 42px;
  letter-spacing: 0;
  white-space: nowrap;
  width: fit-content;
}

.lp-bingo .frame-14315 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  padding: 11px 0px;
}

.lp-bingo .h1-fortune-tiger-2 {
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  letter-spacing: 0;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.lp-bingo .span0-1 {
  color: var(--brandblue---dark);
}

.lp-bingo .span1-1 {
  color: #00a32c;
}

.lp-bingo .box2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 12px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 35px;
  justify-content: center;
  padding: 22px 15px;
  position: relative;
  width: 100%;
}

.lp-bingo .h1-fortune-tiger-3 {
  color: var(--brandblue---dark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  letter-spacing: 0;
  margin-top: -1.00px;
  width: fit-content;
}

.lp-bingo .h1-fortune-tiger-4 {
  align-self: stretch;
  color: var(--brandblue---dark);
}

.lp-bingo .passo-a-passo {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.lp-bingo .frame-143 {
  align-items: flex-start;
  display: inline-flex;
  gap: 10px;
}

.lp-bingo .etapas {
  color: var(--brandblue---dark);
  font-weight: 700;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.lp-bingo .etapas-1 {
  color: var(--brandblue---dark);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 302px;
}

.lp-bingo .span0 {
  font-weight: 700;
}

.lp-bingo .span1 {
  letter-spacing: 0;
}

.lp-bingo .frame-14308 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 21px;
  width: 100%;
}

.lp-bingo .frame-14310 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}

.lp-bingo .agora-sua-vez {
  align-self: stretch;
  color: var(--brandblue---dark);
  font-family: var(--font-family-roboto);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.lp-bingo .clique-no-boto-abaixo-e-comece-j {
  align-self: stretch;
  color: #ff0004;
  font-family: var(--font-family-roboto);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.lp-bingo .botao {
  align-items: center;
  align-self: stretch;
  background-color: #28c252;
  border-radius: 12px;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 18px 19px;
  position: relative;
  width: 100%;
}

.lp-bingo .ganhar-dinheiro-com-bingo {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.lp-bingo .frame-2957 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  padding: 14.43px 0px;
  width: 100%;
}

.lp-bingo .frame-2920 {
  align-items: center;
  display: inline-flex;
  gap: 6.83px;
}

.lp-bingo .frame-2919 {
  align-items: center;
  display: inline-flex;
  gap: 5.69px;
}

.lp-bingo .frame-2958 {
  align-items: center;
  display: inline-flex;
  gap: 1.8px;
  justify-content: center;
}

.lp-bingo .frame {
  flex: 0 0 auto;
  position: relative;
}

.lp-bingo .h1-fortune-tiger-5 {
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
}