/* screen - ipad-overlay-all-breakpoints */
.promo-text {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
}

.ipad-overlay-all-breakpoints {
  align-items: flex-start;
  /* background-color: rgba(0, 0, 0, 0.5); */
  display: flex;
  overflow: hidden;
  width: 428px;
  transform: translate(0%, 10%);
}

#overlay-ipad-overlay-all-breakpoints {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  backdrop-filter: blur(12px);
}

.ipad-overlay-all-breakpoints .ipad-overlay {
  align-items: flex-start;
  display: flex;
  height: 456px;
  padding: 4px;
  width: 428px;
}

.ipad-overlay-all-breakpoints .popout {
  align-items: center;
  background-color: rgb(0, 0, 0);
  border-radius: 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 58px;
  position: relative;
  width: 420px;
}

.ipad-overlay-all-breakpoints .content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.ipad-overlay-all-breakpoints .first-depo-promo {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.ipad-overlay-all-breakpoints .title {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 10px;
  height: 25px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.ipad-overlay-all-breakpoints .sign-up-successful {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.ipad-overlay-all-breakpoints .redeem-your-1st-deposit {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.ipad-overlay-all-breakpoints .title-focus {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 10px;
  height: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.ipad-overlay-all-breakpoints .title-1 {
  color: var(--sunglow);
  flex: 1;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.ipad-overlay-all-breakpoints .promo-ads {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
	max-height: 160px;
  max-width: 300px;
  padding: 0px 22px;
  position: relative;
  width: 100%;
  justify-content: center;
}

.ipad-overlay-all-breakpoints .image-4 {
  align-self: stretch;
  height: auto;
  object-fit: contain;
  position: relative;
  width: 100%;
  max-width: 280px;
}

.ipad-overlay-all-breakpoints .section-command {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
  width: 326px;
}

.ipad-overlay-all-breakpoints .deposit-now {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.ipad-overlay-all-breakpoints .link {
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: space-around;
  position: relative;
  width: 100%;
}

.ipad-overlay-all-breakpoints .back-to-lobby {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}
/* screen - mobile-overlay */

.mobile-overlay {
  align-items: flex-start;
  /* background-color: rgba(0, 0, 0, 0.5); */
  display: flex;
  overflow: hidden;
  width: 319px;
}

#overlay-mobile-overlay {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  backdrop-filter: blur(12px);
}

.mobile-overlay .mobile-overlay-1 {
  align-items: flex-start;
  display: flex;
  height: 426px;
  padding: 4px;
  width: 319px;
}

.mobile-overlay .popout-1 {
  align-items: center;
  background-color: rgb(0, 0, 0);
  border-radius: 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 32px;
  position: relative;
  width: 311px;
}

.mobile-overlay .content-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 247px;
}

.mobile-overlay .first-depo-promo-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.mobile-overlay .title-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 10px;
  height: 25px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile-overlay .sign-up-successful-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile-overlay .redeem-your-1st-deposit-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile-overlay .title-focus-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 10px;
  height: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile-overlay .title-3 {
  color: var(--sunglow);
  flex: 1;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile-overlay .promo-ads-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 139.7px;
  max-height: 169.68px;
  max-width: 300px;
  padding: 0px 22px;
  position: relative;
  width: 100%;
}

.mobile-overlay .image-4-1 {
  align-self: stretch;
  height: 131.71px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mobile-overlay .deposit-now-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile-overlay .link-1 {
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: space-around;
  position: relative;
  width: 100%;
}

.mobile-overlay .back-to-lobby-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 428px) {
  .screen.mobile-overlay {
    display: none;
  }
}

.first-depo-promo-new {
  text-align: center;
  margin-bottom: 5px;
}

.first-depo-logo {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}

.first-depo-logo img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  padding: 5px;

  border: 1px solid #444;
  border-radius: 12px;
  background-color: white;
}

.title-main {
	color: #FFFFFF;
	font-family: var(--font-family-roboto);
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 8px 0;
}

.sub-title-new {
	color: var(--sunglow);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}