/*=============== GOOGLE FONTS ===============*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");

/*=============== VARIABLES CSS ===============*/
:root {
  --header-height: 3rem;

  /*========== Colors ==========*/
  --hue: 174;
  --sat: 63%;
  --first-color: hsl(var(--hue), var(--sat), 40%);
  --first-color-alt: hsl(var(--hue), var(--sat), 36%);
  --title-color: hsl(var(--hue), 12%, 15%);
  --text-color: hsl(var(--hue), 8%, 35%);
  --body-color: #a82f1f;
  --container-color: #fff;

  /*========== Font and typography ==========*/
  --body-font: "Anuphan", sans-serif;
  --h1-font-size: 1.5rem;
  --normal-font-size: 0.938rem;
  --tiny-font-size: 0.625rem;

  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;
}

@media screen and (min-width: 968px) {
  :root {
    --h1-font-size: 2.25rem;
    --normal-font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .ipNIuR li {
    width: 25%;
  }
}
@media screen and (min-width: 992px) {
  .ipNIuR li {
    width: 20%;
  }
  .set-search-box {
    margin-top: -343px !important;
  }
}

@media screen and (min-width: 800px) {
  .ipNIuR li {
    width: 25%;
  }
}
@media screen and (min-width: 480px) {
  .hgMiQj .group_lotteries .new_info {
    font-size: 12px;
    line-height: 1.2;
  }
}

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

html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: Prompt;
  src: url("../fonts/Prompt/Prompt-Regular.ttf");
}

@media screen and (min-width: 1200px) {
  .ipNIuR li {
    width: 22%;
  }
}
body {
  font-family: Prompt, sans-serif;
  font-size: var(--normal-font-size);
  background-color: var(--body-color);
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

/*=============== REUSABLE CSS CLASSES ===============*/
.section {
  padding: 4.5rem 0 2rem;
}

.section__title {
  font-size: var(--h1-font-size);
  color: var(--title-color);
  text-align: center;
  margin-bottom: 1.5rem;
}

.section__height {
  height: 100vh;
}

/*=============== LAYOUT ===============*/
.container {
  max-width: 968px;
  margin-left: 1rem;
  margin-right: 1rem;
}

/*=============== HEADER ===============*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--container-color);
  z-index: var(--z-fixed);
  transition: 0.4s;
}

/*=============== NAV ===============*/
.nav {
  height: var(--header-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav__img {
  width: 32px;
  border-radius: 50%;
}

.nav__logo {
  color: var(--title-color);
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .nav__menu {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--container-color);
    box-shadow: 0 -1px 12px hsla(var(--hue), var(--sat), 15%, 0.15);
    width: 100%;
    height: 4rem;
    padding: 0 1rem;
    display: grid;
    align-content: center;
    border-radius: 1.25rem 1.25rem 0 0;
    transition: 0.4s;
  }
}

.nav__list,
.nav__link {
  display: flex;
}

.nav__link {
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
  color: var(--title-color);
  font-weight: 600;
}

.nav__list {
  justify-content: space-around;
}

.nav__name {
  font-size: var(--tiny-font-size);
  /* display: none;*/ /* Minimalist design, hidden labels */
}

.nav__icon {
  font-size: 1.5rem;
}

/*Active link*/
.active-link {
  position: relative;
  color: var(--first-color);
  transition: 0.3s;
}

/* Minimalist design, active link */
/* .active-link::before{
  content: '';
  position: absolute;
  bottom: -.5rem;
  width: 4px;
  height: 4px;
  background-color: var(--first-color);
  border-radius: 50%;
} */

/* Change background header */
.scroll-header {
  box-shadow: 0 1px 12px hsla(var(--hue), var(--sat), 15%, 0.15);
}

/*=============== MEDIA QUERIES ===============*/
/* For small devices */
/* Remove if you choose, the minimalist design */
@media screen and (max-width: 320px) {
  .nav__name {
    display: none;
  }

  .kSLLaF {
    text-align: center;
  }
}

@media screen and (min-width: 320px) {
  .ipNIuR .tag_label {
    font-size: 12px;
  }
}

/* For medium devices */
@media screen and (min-width: 576px) {
  .nav__list {
    justify-content: center;
    column-gap: 3rem;
  }
}

@media screen and (min-width: 767px) {
  body {
    margin: 0;
  }
  .section {
    padding: 7rem 0 2rem;
  }
  .nav {
    height: calc(var(--header-height) + 1.5rem); /* 4.5rem */
  }
  .nav__img {
    display: none;
  }
  .nav__icon {
    display: none;
  }
  .nav__name {
    font-size: var(--normal-font-size);
    /* display: block; */ /* Minimalist design, visible labels */
  }
  .nav__link:hover {
    color: var(--first-color);
  }

  /* First design, remove if you choose the minimalist design */
  .active-link::before {
    content: "";
    position: absolute;
    bottom: -0.75rem;
    width: 4px;
    height: 4px;
    background-color: var(--first-color);
    border-radius: 50%;
  }

  /* Minimalist design */
  /* .active-link::before{
      bottom: -.75rem;
  } */
}

/* For large devices */
@media screen and (min-width: 1024px) {
  .container {
    margin-left: auto;
    margin-right: auto;
  }
  .ipNIuR li {
    width: 24% !important;
  }
  .kSLLaF {
    text-align: end;
    width: 97.5%;
  }
}
@media screen and (min-width: 992px) {
  .ipNIuR li {
    width: 20% !important;
  }
}
@media screen and (min-width: 800px) {
  .ipNIuR li {
    width: 25% !important;
  }
}

@media screen and (min-width: 768px) {
  .ipNIuR li {
    width: 25% !important;
  }
  .kSLLaF {
    text-align: end;
    width: 100%;
  }
}

.prize-2 .bg b {
  letter-spacing: 4px;
}
.prize-3 .sep {
  width: 1px;
  background: #3ba7ef;
}
.prize-3 .bg b {
  margin: 0 auto;
  color: #0b2760;
  background: none;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.prize-3 .bg {
  display: flex;
  justify-content: space-evenly;
  font-size: 27px;
}
.prize-2 .bg {
  flex: 1;
  font-size: 67px;
}
.prize-2-3 {
  display: flex;
  width: 100%;
  margin-top: 4px;
}
.prize-3 {
  width: 63%;
  padding-right: 12px;
}
.prize-2 {
  width: 37%;
  display: flex;
  flex-direction: column;
}
.sec-announce .bg {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #3ba7ef;
  border-top: none;
}

.prize-1 h3 {
  font-size: 18px;
}
.sec-announce h3 {
  font-size: 16px;
  padding: 2px 0 3px;
  margin: 10px 0 0;
  white-space: nowrap;
  font-weight: 500;
  background-color: #a91008;
  background: linear-gradient(180deg, #5cbae2 0%, #3ba7ef 100%);
  border-radius: 5px 5px 0 0;
  color: #fff;
}
.sec-announce b {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.2em;
  line-height: 1.3;
  color: #d4af37;
  font-weight: bold;
  background: -webkit-linear-gradient(
    -90deg,
    #c79c52 10%,
    #e7c144 52%,
    #c79c52 52%,
    #d5ab61 80%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.prize-1 b {
  font-size: 57px;
}
.text-center {
  text-align: center;
}
.sec-announce .round {
  background: linear-gradient(90deg, #d4af37 0%, #fbe599 50%, #d5ab61 100%);
  font-size: 18px;
  padding: 5px 20px;
  border-radius: 5px;
  font-weight: 500;
  color: #473707;
  margin-bottom: 12px;
  display: inline-block;
}

.sec-announce .sec-title {
  font-weight: 500;
  font-size: 22px;
}
@media screen and (min-width: 480px) {
  .sec-title {
    font-size: 1.75em !important;
  }
}

.sec-title {
  font-size: 1.5em;
  text-align: center;
  overflow: hidden;
  margin-bottom: 8px;
}

.dcknXG {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.5vw;
  line-height: 5vw;
  transform: translate(-50%, 0%);
}
.CoLgZ {
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
}
.kszVAv {
  text-align: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}
.innter-box-time {
  border-radius: 50%;
  font-size: 1vw;
  flex: 1 0 23%;
  margin: 1%;
  background: rgb(169, 16, 8);
  color: white;
}
.box-count-time {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

h1 {
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
  margin: 16px 0;
}

.container-main {
  position: relative;
  padding: 15px;
  border: none;
}

.box-logo {
  margin: 0px auto;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 10vw 20px 5vw;
  width: 100%;
  background-image: url(https://กองสลาก.plus/img/LOGO_RedPheonix_final.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 35vw;
}

.box-card {
  max-width: 900px;
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  padding: 15px;
  background: white;
  box-shadow: rgb(99 99 99 / 50%) 0px 0px 8px 3px;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  margin: auto;
}

.iAvKeU {
  position: relative;
  background-color: rgb(255, 255, 255);
  min-height: 100vh;
}
.hUhAjW {
  width: 100%;
}
.hUhAjW {
  position: fixed;
  z-index: 100;
  background-color: rgb(255, 255, 255);
}
.bfcEnS {
  color: black;
  display: inline-block;
}
.bfcEnS a.selected {
  text-decoration: underline black;
  font-weight: 900;
}

.bfcEnS a {
  display: block;
  color: black;
  text-align: center;
  padding: 5px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .fdYigH {
    text-align: center !important;
  }
}

@media screen and (max-width: 680px) {
  .hUhAjW {
    position: fixed;
    bottom: 0px;
  }
}

@media screen and (max-width: 680px) {
  .fdYigH {
    padding: 5px 0px !important;
  }
}

@media screen and (min-width: 399px) and (max-width: 680px) {
  .fdYigH {
    display: flex;
    padding: 5px 0px;
  }
}
@media screen and (min-width: 399px) and (max-width: 680px) {
  .bfcEnS {
    display: inline-block;
    flex: 1 1 0%;
  }
}
@media screen and (max-width: 680px) {
  .duBHuL {
    margin: auto;
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .liContainer {
    height: 120px !important;
  }
}

@media (min-width: 540px) {
  .hSDKox > span {
    font-size: 1.75rem !important;
  }
}
@media (min-width: 414px) {
  .hSDKox {
    padding: 24px 0px;
  }
  .hSDKox > span {
    font-size: 1.5rem;
  }
  .bfcEnS {
    font-size: 16px;
  }
}
@media (min-width: 360px) {
  .hSDKox > span {
    font-size: 1rem !important;
  }
  .bfcEnS {
    font-size: 13px;
  }
}

@media (max-width: 360px) {
  .liContainer {
    height: 140px;
  }
}

.liContainer {
  /*height: 183px;*/
	height: 150px;
}

.hSDKox > span {
  font-size: 0.75rem;
  color: #000000;
}

.duBHuL {
  vertical-align: top;
}

.fdYigH {
  text-align: right;
  margin: auto;
  padding: 30px 30px 15px;
  font-weight: 500;
}
.fHoPRO {
  position: relative;
  padding: 15px;
  border: none;
}
.fbVpha {
  display: block;
  position: relative;
}
.fOcWiQ {
  position: absolute;
  background-color: #f9cc32;
  inset: 55vw 0px 0px;
}
.joWiup {
  margin: 0px auto;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 10vw 20px 5vw;
  width: 100%;
  background-image: url(/img/LOGO_RedPheonix_final.png?10);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100vw;
}
.hHABJO {
  position: absolute;
  height: 5vw;
  background-color: rgb(255, 255, 255);
  border-style: none;
  left: 15px;
  top: 15px;
}
.gXLzpE {
  width: 60%;
  text-align: center;
}
.keMHXd {
  font-size: 8vw;
  display: inline-block;
  text-align: center;
}
.keMHXd .txtTitle {
  font-size: 5vw;
  color: rgb(169, 16, 8);
}
@media (min-width: 600px) {
  .fiHnQO {
    font-size: 1.5em;
  }
}
.fiHnQO {
  max-width: 900px;
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  padding: 15px;
  background: white;
  box-shadow: rgb(99 99 99 / 50%) 0px 0px 8px 3px;
  color: rgb(0, 0, 0);
  font-size: 1rem;
  margin: auto;
}
.bXNcFD {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fjpJNi {
  border-radius: 50%;
  font-size: 1vw;
  flex: 1 0 23%;
  margin: 1%;
  background: #f9cc32;
  color: white;
}
.kszVAv {
  text-align: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}
.CoLgZ {
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
}
.FCsTQ {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5vw;
  line-height: 2.5vw;
  transform: translate(-50%, -100%);
}
.dcknXG {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.5vw;
  line-height: 5vw;
  transform: translate(-50%, 0%);
}

.kszVAv::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.eRQARU {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
.eRnhep {
  z-index: 9;
}
.jXLjZO {
  width: 100%;
  max-width: 900px;
  padding: 15px;
  border-radius: 15px;
  box-shadow: rgb(99 99 99 / 50%) 0px 0px 8px 3px;
  background-color: rgb(255, 255, 255);
}
.bqPRPL {
  display: flex;
  flex-direction: column;
}
@media (min-width: 414px) {
  .hSDKox > span {
    font-size: 1.5rem;
  }
  .hSDKox > h1 {
    font-size: 2rem;
  }
  .fYdb {
    padding: 24px 0px 12px;
  }
  .iyWWIA {
    height: 40px;
    font-size: 1rem;
    font-weight: bold;
  }
}

@media (min-width: 360px) {
  .hSDKox > span {
    font-size: 1rem !important;
  }
}
.hSDKox > span {
  font-size: 0.75rem;
  color: #000000;
}
.hSDKox {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 16px 0px;
}
.hSDKox > h1 {
  font-size: 1.25rem;
  margin: 0px;
}
.dqWpFE {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: rgb(255, 255, 255);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.lkLLxz {
  display: flex;
  width: 100%;
}
.fYdb {
  display: flex;
  padding: 16px 0px 8px;
  width: 100%;
  justify-content: space-around;
}
.cGjrSs {
  display: flex;
  flex: 1 1 auto;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.cGjrSs > input {
  margin-right: 8px;
}
@media (min-width: 768px) {
  .enWSfS {
    height: 98px;
    font-size: 2rem !important;
  }
}

.enWSfS {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  margin-right: 0px;
  border-radius: 5px;
  width: 100%;
  padding: 0px;
  background: rgb(255, 255, 255) !important;
  border: 1px solid rgb(126, 126, 126) !important;
}

.bBpNfQ {
  display: flex;
  font-size: 0.75rem;
  color: rgb(255, 255, 255);
  border-radius: 4px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: #f9cc32;
  border: 0px;
  cursor: pointer;
  min-width: 64px;
}

@media (min-width: 414px) {
  .STZed {
    height: 40px !important;
    font-size: 1rem !important;
    font-weight: bold !important;
  }
}

@media (min-width: 540px) {
  .STZed {
    height: 44px !important;
    font-size: 1rem !important;
  }
}
@media (min-width: 768px) {
  .bBpNfQ {
    min-width: 112px;
    font-size: 1.5rem;
  }
}

.STZed {
  display: flex;
  font-size: 0.75rem;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 4px 8px;
  /* margin-right: 8px; */
  width: 100%;
  /* border-radius: 5px; */
  height: 30px;
  min-width: 48px;
  cursor: pointer;
  color: #000;
  background-color: rgb(237, 237, 237);
}

.STZed.active {
  color: #fff;
  background-color: #f9cc32;
}

.iyWWIA {
  display: flex;
  width: 100%;
  min-width: 120px;
  height: 30px;
  font-size: 0.75rem;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: rgb(40, 40, 41);
}

.ipNIuR {
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  padding: 0px;
}
.ipNIuR li {
  display: list-item;
  list-style: none;
  padding: 2px 5px;
  width: 50%;
  position: relative;
}

.ipNIuR .tag_label {
  background-color: #f9cc32;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  color: #000;
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 2px;
  z-index: -9;
  width: 90%;
  left: 0px;
}

.ipNIuR .liContainer {
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
}
.ipNIuR .group_lotteries {
  background-color: rgb(169, 16, 8);
  display: block;
  z-index: 20;
  width: 100%;
}
.klLDEA {
    background-color: rgb(40, 40, 41);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 5px;
    z-index: 9;
    bottom: 0;
    width: 100%;
    cursor: pointer;
}
.ipNIuR .group_img {
  position: relative;
  padding-top: 47%;
  display: block;
  width: 100%;
  z-index: 2;
}
.ipNIuR .group_img img {
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;
  border-top-right-radius: 5px;
  border-top-left-radius: 0px;
  position: absolute;
  margin-right: 1px;
  width: 100%;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  top: 0px;
}
.ipNIuR .group_img img:nth-of-type(2) {
  top: 20%;
  z-index: 2;
}

.kSLLaF {
  text-align: end;
  flex-wrap: wrap;
}

.kSLLaF .link {
  color: rgb(255, 255, 255);
}
.add_css_amount {
  display: none;
}

.IaxPX {
  position: absolute;
  height: 35vw;
  background-color: rgb(255, 255, 255);
  border-style: none;
  right: 0px;
  top: 0px;
}

.kHuXxx {
  display: block;
  margin: 0px auto;
  width: 100%;
  height: 15vw;
}

.epBIqP {
  position: absolute;
  background-color: #f932ab;
  inset: 30vw 0px 0px;
}

.fdgtVi {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1rem;
}

.iFZavI {
  display: flex;
  width: 100%;
  max-width: 900px;
  background-color: rgb(255, 255, 255);
  border-radius: 15px;
  padding: 15px;
  font-weight: bold;
  box-shadow: rgb(99 99 99 / 50%) 0px 0px 8px 3px;
  font-size: 1rem;
}

.jXeQeS {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.gYrNUP {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgb(225, 225, 225);
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 10px;
}

.iiobFH {
  border: none;
  padding: 5px 20px;
  background: #f9cc32;
  color: rgb(255, 255, 255);
  border-radius: 20px;
}
.gqfWkZ {
  display: flex;
  width: 100%;
  padding: 1rem 0rem;
  justify-content: space-around;
}

.dSgFYW {
  border: none;
  padding: 5px 20px;
  background: rgb(126, 126, 126);
  color: rgb(255, 255, 255);
  border-radius: 20px;
}

.fPKUNl > ul > li > div {
  display: flex;
}

.fPKUNl > ul > li > div > div:first-child {
  color: #f9cc32;
  width: 30%;
}

.fPKUNl > ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.fPKUNl > ul > li > div > div > span {
  margin-right: 10px;
}
.VgrdJ {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: row;
  text-align: center;
}
.gwkyVe {
  font-weight: bold;
  color: rgb(0, 0, 0);
}
.lmIfJs {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-size: 0.8rem;
}
.kbOIjO {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 0.6rem;
  text-align: center;
  color: rgb(255, 255, 255);
  background: #f9cc32;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 3px;
}

.eSdaFP {
  transition: all 0.3s ease 0s;
  animation: 2s ease 0s infinite normal none running fwTTfZ;
}

@keyframes fwTTfZ {
  0% {
    color: transparent;
  }
  15% {
    color: #f9cc32;
  }
  85% {
    color: #f9cc32;
  }
  100% {
    color: transparent;
  }
}

.ksCOFC {
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 1rem;
  flex-wrap: wrap;
}
.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.stepper-item {
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
}
.stepper-item.active,
.stepper-item.completed {
  font-weight: 700;
}
.stepper-item.active .step-counter {
  background-color: #a0a0a0;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e0e0e0;
  margin-bottom: 6px;
}
.stepper-item.active .step-name {
  color: #a0a0a0;
}
.stepper-item .step-name {
  font-size: 12px;
  color: silver;
}
.stepper-item:after {
  left: 50%;
}
.stepper-item:after,
.stepper-item:before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 14px;
  z-index: 2;
}
.sec-title b {
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  padding: 0 7px;
}
.cqulfq {
  display: inline-block;
  border-radius: 5px;
  padding: 0px 7px;
  border: 2px solid rgba(0, 0, 0, 0.5) !important;
}

.ffjCOc {
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  margin-right: 30%;
  margin-left: 30%;
  padding: 0px;
}
.ffjCOc h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ffjCOc h2 b {
  transition: all 0.3s ease 0s;
  animation: 1s ease 0s infinite normal none running blinking;
}

@keyframes blinking {
  0% {
    color: transparent;
  }
  15% {
    color: rgb(0, 0, 0);
  }
  85% {
    color: rgb(0, 0, 0);
  }
  100% {
    color: transparent;
  }
}

.jva-Dyx {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-direction: row;
  text-align: center;
}
.ksnNht {
  color: rgb(169, 16, 8);
}

.iazfkw {
  margin: 10px 0px;
}

.VgrdJ {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: row;
  text-align: center;
}

.dYafbs {
  border: 2px solid rgb(254, 140, 58);
  background: rgb(254, 140, 58);
  color: rgb(0, 0, 0);
  padding: 20px 0px 0px;
}

.dYafbs .block_order_lottery_padding {
  border-radius: 0px 0px 10px 10px;
  background: rgb(255, 255, 255);
  padding: 20px 36px;
  width: 100%;
}

.bfcEnS span {
  color: black;
  text-decoration-color: black;
}

.iPJBIm {
  position: absolute;
  top: 0px;
  left: 50%;
  background: #f9cc32;
  font-weight: bold;
  min-height: 16px;
  min-width: 16px;
  border-radius: 50px;
  font-size: 9px;
  color: white !important;
}

.fookfc {
  width: 100%;
  max-width: 900px;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 0px 16px;
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.eyGaaR {
  background: rgb(245, 245, 245) !important;
  border-radius: 8px !important;
  border: 1px solid rgb(169, 167, 167) !important;
}

.lhZTyF {
  background: rgb(245, 245, 245);
  border-radius: 8px;
  padding: 0px 8px 0px 4px;
  border: 1px solid rgb(169, 167, 167);
}

.lhZTyF > select {
  padding: 0px;
  border: 0px;
  background: rgb(245, 245, 245);
  color: rgb(127, 127, 127);
}
@media screen and (min-width: 992px) {
  .input-grid .col {
    margin-top: 16px !important;
  }
}
.hxrOPJ {
  background: rgb(245, 245, 245) !important;
  border-radius: 8px 0px 0px 8px !important;
  border-width: 1px 0px 1px 1px !important;
  border-top-style: solid !important;
  border-bottom-style: solid !important;
  border-left-style: solid !important;
  border-top-color: rgb(169, 167, 167) !important;
  border-bottom-color: rgb(169, 167, 167) !important;
  border-left-color: rgb(169, 167, 167) !important;
  border-image: initial !important;
  border-right-style: initial !important;
  border-right-color: initial !important;
}

.dEFjwz {
  background: rgb(65, 65, 65);
  color: rgb(255, 255, 255);
  border-width: 1px 1px 1px 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-top-color: rgb(169, 167, 167);
  border-right-color: rgb(169, 167, 167);
  border-bottom-color: rgb(169, 167, 167);
  border-image: initial;
  border-left-style: initial;
  border-left-color: initial;
  cursor: pointer;
  border-radius: 0px 8px 8px 0px !important;
}

.gInTca {
  display: flex;
  height: 44px;
  color: rgb(255, 255, 255);
  background-color: #f9cc32;
  border-radius: 8px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border: 0px;
  cursor: pointer;
}
.bxfqhR {
  display: flex;
  height: 44px;
  border-radius: 8px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border: 0px;
  cursor: pointer;
  color: rgb(255, 255, 255) !important;
  background-color: rgb(126, 124, 124) !important;
}

.hgMiQj .group_lotteries .new_info,
li .new_info {
  background: #1b3652;
  color: rgb(255, 255, 255);
  position: absolute;
  z-index: 10;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 29%;
  min-width: 40px;
  backdrop-filter: blur(4px);
  text-align: center;
  border-radius: 5px 0px 0px;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  line-height: 1.1;
  font-size: 10px;
  padding: 10px 0px;
  height: 50%;
}

.hgMiQj {
  position: relative;
  display: grid;
  overflow: hidden;
  border-radius: 5px;
}
.gMwUgP {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: rgb(40, 40, 41);
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 16px;
  display: block;
  padding: 2px;
  width: 100%;
  margin: 0px;
}
.enWPqZ {
  background-color: #f9cc32;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 5px;
  max-width: 589px;
  font-size: 16px;
  margin: 0px auto;
  display: flex;
  color: rgb(255, 255, 255);
  padding: 0px;
  width: 100%;
}
.enWPqZ .i-lines {
  margin: 5px 3px 0px 8px;
  color: rgb(255, 255, 255);
  display: inline-block;
  width: 32px;
  height: 30px;
  background-color: #f9cc32;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuNzQ2NyAyOS42ODA3QzE1LjMzNzMgMzAuNDU1MyAxNS4zOTczIDI5LjMxNDcgMTUuNDU4IDI4Ljk2MzNDMTUuNDk0IDI4Ljc1NCAxNS42NTggMjcuNzcyIDE1LjY1OCAyNy43NzJDMTUuNzA0NyAyNy40MTYgMTUuNzU0IDI2Ljg2NTMgMTUuNjEzMyAyNi41MTRDMTUuNDU2NyAyNi4xMjczIDE0LjgzNiAyNS45MjYgMTQuMzggMjUuODI4QzcuNjUzMzQgMjQuOTQzMyAyLjY3NDAxIDIwLjI2NjcgMi42NzQwMSAxNC42ODMzQzIuNjc0MDEgOC40NTUzNCA4Ljk1NDAxIDMuMzg4IDE2LjY3MDcgMy4zODhDMjQuMzg3MyAzLjM4OCAzMC42NjY3IDguNDU1MzQgMzAuNjY2NyAxNC42ODMzQzMwLjY2NjcgMjEuNjc4IDIzLjI0OCAyNi4xMDYgMTYuNzQ2NyAyOS42ODA3Wk0xMi4yNDYgMTcuMjNDMTIuMjQ2IDE2Ljg1NjcgMTEuOTQgMTYuNTUzMyAxMS41NjQgMTYuNTUzM0g5LjY2MDAxVjEyLjEwMTNDOS42NjAwMSAxMS43MjggOS4zNTQwMSAxMS40MjQ3IDguOTc4MDEgMTEuNDI0N0M4LjYwMTM0IDExLjQyNDcgOC4yOTYwMSAxMS43MjggOC4yOTYwMSAxMi4xMDEzVjE3LjIzMDdDOC4yOTYwMSAxNy42MDQ3IDguNjAyMDEgMTcuOTA4IDguOTc4MDEgMTcuOTA4SDExLjU2NEMxMS45NCAxNy45MDg3IDEyLjI0NiAxNy42MDQgMTIuMjQ2IDE3LjIzWk0xNC4yMzggMTIuMTAxM0MxNC4yMzggMTEuNzI4IDEzLjkzMiAxMS40MjQ3IDEzLjU1NiAxMS40MjQ3QzEzLjE3OTMgMTEuNDI0NyAxMi44NzQgMTEuNzI4IDEyLjg3NCAxMi4xMDEzVjE3LjIzMDdDMTIuODc0IDE3LjYwNDcgMTMuMTggMTcuOTA4IDEzLjU1NiAxNy45MDhDMTMuOTMyNyAxNy45MDggMTQuMjM4IDE3LjYwNCAxNC4yMzggMTcuMjMwN1YxMi4xMDEzWk0yMC40NjQ3IDEyLjEwMTNDMjAuNDY0NyAxMS43MjggMjAuMTU4NyAxMS40MjQ3IDE5Ljc4MjcgMTEuNDI0N0MxOS40MDYgMTEuNDI0NyAxOS4wOTkzIDExLjcyOCAxOS4wOTkzIDEyLjEwMTNWMTUuMjc1M0wxNi40NDczIDExLjY5NkMxNi4zMTkzIDExLjUyNjcgMTYuMTE0NyAxMS40MjUzIDE1LjkwMiAxMS40MjUzQzE1LjgyODcgMTEuNDI1MyAxNS43NTYgMTEuNDM2IDE1LjY4NTMgMTEuNDZDMTUuNDA2IDExLjU1MjcgMTUuMjE4NyAxMS44MTA3IDE1LjIxODcgMTIuMTAyVjE3LjIzMTNDMTUuMjE4NyAxNy42MDUzIDE1LjUyNTMgMTcuOTA4NyAxNS45MDIgMTcuOTA4N0MxNi4yNzkzIDE3LjkwODcgMTYuNTg1MyAxNy42MDQ3IDE2LjU4NTMgMTcuMjMxM1YxNC4wNTg3TDE5LjIzNiAxNy42MzhDMTkuMzY0IDE3LjgwNzMgMTkuNTY4IDE3LjkwODcgMTkuNzgxMyAxNy45MDg3QzE5Ljg1NCAxNy45MDg3IDE5LjkyNzMgMTcuODk2NyAxOS45OTggMTcuODczM0MyMC4yNzggMTcuNzgyIDIwLjQ2NDcgMTcuNTI0IDIwLjQ2NDcgMTcuMjMxM1YxMi4xMDEzWk0yNC42NSAxMy45ODkzSDIyLjc0NlYxMi43NzhIMjQuNjVDMjUuMDI3MyAxMi43NzggMjUuMzMzMyAxMi40NzQ3IDI1LjMzMzMgMTIuMTAxM0MyNS4zMzMzIDExLjcyOCAyNS4wMjY3IDExLjQyNDcgMjQuNjUgMTEuNDI0N0gyMi4wNjRDMjEuNjg3MyAxMS40MjQ3IDIxLjM4MiAxMS43MjggMjEuMzgyIDEyLjEwMTNDMjEuMzgyIDEyLjEwMiAyMS4zODIgMTIuMTAyIDIxLjM4MiAxMi4xMDMzVjE0LjY2NDdWMTQuNjY1M0MyMS4zODIgMTQuNjY1MyAyMS4zODIgMTQuNjY1MyAyMS4zODIgMTQuNjY2VjE3LjIyOTNDMjEuMzgyIDE3LjYwMzMgMjEuNjg4NyAxNy45MDY3IDIyLjA2NCAxNy45MDY3SDI0LjY1QzI1LjAyNjcgMTcuOTA2NyAyNS4zMzMzIDE3LjYwMjcgMjUuMzMzMyAxNy4yMjkzQzI1LjMzMzMgMTYuODU2IDI1LjAyNjcgMTYuNTUyNyAyNC42NSAxNi41NTI3SDIyLjc0NlYxNS4zNDEzSDI0LjY1QzI1LjAyNzMgMTUuMzQxMyAyNS4zMzMzIDE1LjAzOCAyNS4zMzMzIDE0LjY2NDdDMjUuMzMzMyAxNC4yOTA3IDI1LjAyNjcgMTMuOTg3MyAyNC42NSAxMy45ODczVjEzLjk4OTNaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
}
.dyrGrG {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}
.enWPqZ .textLines {
  font-weight: bold;
  text-align: center;
  font-size: 1.25rem;
  background-color: rgb(0, 223, 26);
  width: 100%;
  flex: 1 1 0%;
  color: white;
}
.enWPqZ span {
  padding: 8px 12px 8px 10px;
  border-radius: 10px 0px 0px 10px;
}
.enWPqZ .i-lines-wrap {
  border-right: 1px solid white;
}

.jnojGN {
  border-radius: 5px;
  background: rgb(245, 245, 245);
  padding: 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 20px;
}

.gETAyz {
  position: absolute;
  top: 0px;
  left: calc(50% + 2px);
  background: #f9cc32;
  font-weight: bold;
  min-height: 16px;
  min-width: 16px;
  border-radius: 50px;
  font-size: 9px;
  color: white !important;
}

.bfcEnS a.selected {
  text-decoration: underline black;
  font-weight: 900;
}

.bfcEnS {
  color: black;
  display: inline-block;
}
.guQsGf {
  border: 2px solid rgb(5, 142, 44);
  background: rgb(5, 142, 44);
  color: rgb(255, 255, 255);
  padding: 20px 0px 0px;
  font-size: 0.8rem;
  margin-top: 25px;
}

.bg-home {
  background: url("../images/bg-home3.png") #f932ab;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.sec-box {
  box-shadow: rgba(99, 99, 99, 0.5) 0px 0px 8px 3px;
  background: #fff !important;
}

.sec-announce {
  box-shadow: rgba(99, 99, 99, 0.5) 0px 0px 8px 3px;
  background: #fff !important;
}