.prize-container {
  /* margin-top: 6px; */
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: block;
  clear: both;
  text-align: center;
}

.prize-box {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
  vertical-align: middle !important;
}

/* dice */
.dice-item {
  float: left;
  background-size: 38px !important;
}
.dice-item i {
  display: block;
  height: 38px !important;
  width: 38px !important;
  margin-right: 5px;
  line-height: 38px;
  font-size: 18px;
  color: white;
  text-align: center;
  font-weight: 600;
  text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  font-style: normal;
  /* padding: 16px 5px 0px 24px; */
}
.dice-1 {
  background: url("/images/dice/dice-1.png") no-repeat;
}
.dice-2 {
  background: url("/images/dice/dice-2.png") no-repeat;
}
.dice-3 {
  background: url("/images/dice/dice-3.png") no-repeat;
}
.dice-4 {
  background: url("/images/dice/dice-4.png") no-repeat;
}
.dice-5 {
  background: url("/images/dice/dice-5.png") no-repeat;
}
.dice-6 {
  background: url("/images/dice/dice-6.png") no-repeat;
}

/* farm */
.farm-item {
  float: left;
  background-size: 38px !important;
}
.farm-item i {
  display: block;
  height: 38px !important;
  width: 38px !important;
  margin-right: 5px;
  line-height: 38px;
  font-size: 18px;
  color: white;
  text-align: center;
  font-weight: 600;
  text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  font-style: normal;
  padding: 12px 5px 0px 14px;
}
.farm-1 {
  background: url("/images/farm/farm-1.png") no-repeat;
}
.farm-1 i::before {
  content: "01";
}
.farm-2 {
  background: url("/images/farm/farm-2.png") no-repeat;
}
.farm-2 i::before {
  content: "02";
}
.farm-3 {
  background: url("/images/farm/farm-3.png") no-repeat;
}
.farm-3 i::before {
  content: "03";
}
.farm-4 {
  background: url("/images/farm/farm-4.png") no-repeat;
}
.farm-4 i::before {
  content: "04";
}
.farm-5 {
  background: url("/images/farm/farm-5.png") no-repeat;
}
.farm-5 i::before {
  content: "05";
}
.farm-6 {
  background: url("/images/farm/farm-6.png") no-repeat;
}
.farm-6 i::before {
  content: "06";
}
.farm-7 {
  background: url("/images/farm/farm-7.png") no-repeat;
}
.farm-7 i::before {
  content: "07";
}
.farm-8 {
  background: url("/images/farm/farm-8.png") no-repeat;
}
.farm-8 i::before {
  content: "08";
}
.farm-9 {
  background: url("/images/farm/farm-9.png") no-repeat;
}
.farm-9 i::before {
  content: "09";
}
.farm-10 {
  background: url("/images/farm/farm-10.png") no-repeat;
}
.farm-10 i::before {
  content: "10";
}
.farm-11 {
  background: url("/images/farm/farm-11.png") no-repeat;
}
.farm-11 i::before {
  content: "11";
}
.farm-12 {
  background: url("/images/farm/farm-12.png") no-repeat;
}
.farm-12 i::before {
  content: "12";
}
.farm-13 {
  background: url("/images/farm/farm-13.png") no-repeat;
}
.farm-13 i::before {
  content: "13";
}
.farm-14 {
  background: url("/images/farm/farm-14.png") no-repeat;
}
.farm-14 i::before {
  content: "14";
}
.farm-15 {
  background: url("/images/farm/farm-15.png") no-repeat;
}
.farm-15 i::before {
  content: "15";
}
.farm-16 {
  background: url("/images/farm/farm-16.png") no-repeat;
}
.farm-16 i::before {
  content: "16";
}
.farm-17 {
  background: url("/images/farm/farm-17.png") no-repeat;
}
.farm-17 i::before {
  content: "17";
}
.farm-18 {
  background: url("/images/farm/farm-18.png") no-repeat;
}
.farm-18 i::before {
  content: "18";
}
.farm-19 {
  background: url("/images/farm/farm-19.png") no-repeat;
}
.farm-19 i::before {
  content: "19";
}
.farm-20 {
  background: url("/images/farm/farm-20.png") no-repeat;
}
.farm-20 i::before {
  content: "20";
}

/* square */
.square-item,
.square2-item {
  float: left;
  background-size: 38px !important;
}
.square-item i,
.square2-item i {
  display: block;
  height: 38px !important;
  width: 38px !important;
  margin-right: 5px;
  line-height: 38px;
  font-size: 18px;
  color: white;
  text-align: center;
  font-weight: 600;
  text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  font-style: normal;
  /* padding: 16px 5px 0px 24px; */
}
.square-1 {
  background: url("/images/square/square.png") no-repeat;
}
.square-1 i::before {
  content: "01";
}
.square-2 {
  background: url("/images/square/square.png") no-repeat;
}
.square-2 i::before {
  content: "02";
}
.square-3 {
  background: url("/images/square/square.png") no-repeat;
}
.square-3 i::before {
  content: "03";
}
.square-4 {
  background: url("/images/square/square.png") no-repeat;
}
.square-4 i::before {
  content: "04";
}
.square-5 {
  background: url("/images/square/square.png") no-repeat;
}
.square-5 i::before {
  content: "05";
}
.square-6 {
  background: url("/images/square/square.png") no-repeat;
}
.square-6 i::before {
  content: "06";
}
.square-7 {
  background: url("/images/square/square.png") no-repeat;
}
.square-7 i::before {
  content: "07";
}
.square-8 {
  background: url("/images/square/square.png") no-repeat;
}
.square-8 i::before {
  content: "08";
}
.square-9 {
  background: url("/images/square/square.png") no-repeat;
}
.square-9 i::before {
  content: "09";
}
.square-10 {
  background: url("/images/square/square.png") no-repeat;
}
.square-10 i::before {
  content: "10";
}
.square-11 {
  background: url("/images/square/square.png") no-repeat;
}
.square-11 i::before {
  content: "11";
}

.square2-1 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-1 i::before {
  content: "1";
}
.square2-2 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-2 i::before {
  content: "2";
}
.square2-3 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-3 i::before {
  content: "3";
}
.square2-4 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-4 i::before {
  content: "4";
}
.square2-5 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-5 i::before {
  content: "5";
}
.square2-6 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-6 i::before {
  content: "6";
}
.square2-7 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-7 i::before {
  content: "7";
}
.square2-8 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-8 i::before {
  content: "8";
}
.square2-9 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-9 i::before {
  content: "9";
}
.square2-0 {
  background: url("/images/square/square.png") no-repeat;
}
.square2-0 i::before {
  content: "0";
}

/* ball */
.ball-item {
  float: left;
  background-size: 38px !important;
}
.ball-item i {
  display: block;
  height: 38px !important;
  width: 38px !important;
  margin-right: 5px;
  line-height: 38px;
  font-size: 18px;
  color: black;
  text-align: center;
  font-weight: 600;
  text-shadow: -1.5px 0 white, 0 1.5px white, 1.5px 0 white, 0 -1.5px white;
  font-style: normal;
  /* padding: 16px 5px 0px 24px; */
}
.ball-0 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-0 i::before {
  content: "00";
}
.ball-1 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-1 i::before {
  content: "01";
}
.ball-2 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-2 i::before {
  content: "02";
}
.ball-3 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-3 i::before {
  content: "03";
}
.ball-4 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-4 i::before {
  content: "04";
}
.ball-5 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-5 i::before {
  content: "05";
}
.ball-6 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-6 i::before {
  content: "06";
}
.ball-7 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-7 i::before {
  content: "07";
}
.ball-8 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-8 i::before {
  content: "08";
}
.ball-9 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-9 i::before {
  content: "09";
}
.ball-10 {
  background: url("/images/ball/ball.png") no-repeat;
}
.ball-10 i::before {
  content: "10";
}

/* color-square */
.color-square-item,
.color-square2-item {
  float: left;
  background-size: 38px !important;
  border-radius: 12px;
  margin-right: 4px;
}
.color-square-item i,
.color-square2-item i {
  display: block;
  height: 38px !important;
  width: 38px !important;
  /* margin-right: 5px; */
  line-height: 38px;
  font-size: 18px;
  color: white;
  text-align: center;
  font-weight: 600;
  text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  font-style: normal;
  /* padding: 16px 5px 0px 24px; */
}

.color-square-1 {
  /* background:red; */
  background: radial-gradient(circle closest-side at center, white, red);
}
.color-square-1 i::before {
  content: "01";
}
.color-square-2 {
  /* background: yellow; */
  background: radial-gradient(circle closest-side at center, white, yellow);
}
.color-square-2 i::before {
  content: "02";
}
.color-square-3 {
  /* background: green; */
  background: radial-gradient(circle closest-side at center, white, green);
}
.color-square-3 i::before {
  content: "03";
}
.color-square-4 {
  /* background: rgb(48, 211, 252); */
  background: radial-gradient(
    circle closest-side at center,
    white,
    rgb(48, 211, 252)
  );
}
.color-square-4 i::before {
  content: "04";
}
.color-square-5 {
  /* background: orange; */
  background: radial-gradient(circle closest-side at center, white, orange);
}
.color-square-5 i::before {
  content: "05";
}
.color-square-6 {
  /* background: white; */
  background: radial-gradient(circle closest-side at center, white, white);
}
.color-square-6 i::before {
  content: "06";
}
.color-square-7 {
  /* background: black; */
  background: radial-gradient(circle closest-side at center, white, black);
}
.color-square-7 i::before {
  content: "07";
}
.color-square-8 {
  /* background: purple; */
  background: radial-gradient(circle closest-side at center, white, purple);
}
.color-square-8 i::before {
  content: "08";
}
.color-square-9 {
  /* background: pink; */
  background: radial-gradient(circle closest-side at center, white, pink);
}
.color-square-9 i::before {
  content: "09";
}
.color-square-10 {
  /* background: navy; */
  background: radial-gradient(circle closest-side at center, white, navy);
}
.color-square-10 i::before {
  content: "10";
}

.color-square2-1 i::before {
  content: "01";
}
.color-square2-2 i::before {
  content: "02";
}
.color-square2-3 i::before {
  content: "03";
}
.color-square2-4 i::before {
  content: "04";
}
.color-square2-5 i::before {
  content: "05";
}
.color-square2-6 i::before {
  content: "06";
}
.color-square2-7 i::before {
  content: "07";
}
.color-square2-8 i::before {
  content: "08";
}
.color-square2-9 i::before {
  content: "09";
}
.color-square2-10 i::before {
  content: "10";
}

.color-square2-11 i::before {
  content: "11";
}
.color-square2-12 i::before {
  content: "12";
}
.color-square2-13 i::before {
  content: "13";
}
.color-square2-14 i::before {
  content: "14";
}
.color-square2-15 i::before {
  content: "15";
}
.color-square2-16 i::before {
  content: "16";
}
.color-square2-17 i::before {
  content: "17";
}
.color-square2-18 i::before {
  content: "18";
}
.color-square2-19 i::before {
  content: "19";
}
.color-square2-20 i::before {
  content: "20";
}

.color-square2-21 i::before {
  content: "21";
}
.color-square2-22 i::before {
  content: "22";
}
.color-square2-23 i::before {
  content: "23";
}
.color-square2-24 i::before {
  content: "24";
}
.color-square2-25 i::before {
  content: "25";
}
.color-square2-26 i::before {
  content: "26";
}
.color-square2-27 i::before {
  content: "27";
}
.color-square2-28 i::before {
  content: "28";
}
.color-square2-29 i::before {
  content: "29";
}
.color-square2-30 i::before {
  content: "30";
}

.color-square2-31 i::before {
  content: "31";
}
.color-square2-32 i::before {
  content: "32";
}
.color-square2-33 i::before {
  content: "33";
}
.color-square2-34 i::before {
  content: "34";
}
.color-square2-35 i::before {
  content: "35";
}
.color-square2-36 i::before {
  content: "36";
}
.color-square2-37 i::before {
  content: "37";
}
.color-square2-38 i::before {
  content: "38";
}
.color-square2-39 i::before {
  content: "39";
}
.color-square2-40 i::before {
  content: "40";
}

.color-square2-41 i::before {
  content: "41";
}
.color-square2-42 i::before {
  content: "42";
}
.color-square2-43 i::before {
  content: "43";
}
.color-square2-44 i::before {
  content: "44";
}
.color-square2-45 i::before {
  content: "45";
}
.color-square2-46 i::before {
  content: "46";
}
.color-square2-47 i::before {
  content: "47";
}
.color-square2-48 i::before {
  content: "48";
}
.color-square2-49 i::before {
  content: "49";
}
.color-square2-50 i::before {
  content: "50";
}
.color-square2-51 i::before {
  content: "51";
}
.color-square2-52 i::before {
  content: "52";
}
.color-square2-53 i::before {
  content: "53";
}
.color-square2-54 i::before {
  content: "54";
}
.color-square2-55 i::before {
  content: "55";
}
.color-square2-56 i::before {
  content: "56";
}
.color-square2-57 i::before {
  content: "57";
}
.color-square2-58 i::before {
  content: "58";
}
.color-square2-59 i::before {
  content: "59";
}
.color-square2-60 i::before {
  content: "60";
}
.color-square2-61 i::before {
  content: "61";
}
.color-square2-62 i::before {
  content: "62";
}
.color-square2-63 i::before {
  content: "63";
}
.color-square2-64 i::before {
  content: "64";
}
.color-square2-65 i::before {
  content: "65";
}
.color-square2-66 i::before {
  content: "66";
}
.color-square2-67 i::before {
  content: "67";
}
.color-square2-68 i::before {
  content: "68";
}
.color-square2-69 i::before {
  content: "69";
}
.color-square2-70 i::before {
  content: "70";
}
.color-square2-71 i::before {
  content: "71";
}
.color-square2-72 i::before {
  content: "72";
}
.color-square2-73 i::before {
  content: "73";
}
.color-square2-74 i::before {
  content: "74";
}
.color-square2-75 i::before {
  content: "75";
}
.color-square2-76 i::before {
  content: "76";
}
.color-square2-77 i::before {
  content: "77";
}
.color-square2-78 i::before {
  content: "78";
}
.color-square2-79 i::before {
  content: "79";
}
.color-square2-80 i::before {
  content: "80";
}

/* star */
.star-item {
  float: left;
  background-size: 38px !important;
  /* border-radius:12px; */
  margin-right: 4px;
  width: 0;
  height: 0;
  color: red;
  margin: 50px 0;
  position: relative;
  display: block;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 35px solid red;
  -moz-transfrom: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);

  /* filter: blur(1px); */
}
.star-item:before {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 40px solid red;
  position: absolute;
  top: -22.5px;
  left: -32.5px;
  color: white;
  display: block;
  content: "";
  -moz-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
}
.star-item:after {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  color: red;
  top: 1.5px;
  left: -52.5px;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 35px solid red;
  content: "";
  -moz-transform: rotate(-70deg);
  -webkit-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  -o-transform: rotate(-70deg);
}
.star-item i {
  display: block;
  height: 38px !important;
  width: 38px !important;
  /* margin-right: 5px; */
  line-height: 38px;
  font-size: 18px;
  color: white;
  text-align: center;
  font-weight: 600;
  text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  font-style: normal;
  /* padding: 16px 5px 0px 24px; */
}

.star-0 {
  /* background: navy; */
  background: radial-gradient(circle closest-side at center, white, navy);
}
.star-0 i::before {
  content: "00";
}
.star-1 {
  /* background:red; */
  background: radial-gradient(circle closest-side at center, white, red);
}
.star-1 i::before {
  content: "01";
}
.star-2 {
  /* background: yellow; */
  background: radial-gradient(circle closest-side at center, white, yellow);
}
.star-2 i::before {
  content: "02";
}
.star-3 {
  /* background: green; */
  background: radial-gradient(circle closest-side at center, white, green);
}
.star-3 i::before {
  content: "03";
}
.star-4 {
  /* background: rgb(48, 211, 252); */
  background: radial-gradient(
    circle closest-side at center,
    white,
    rgb(48, 211, 252)
  );
}
.star-4 i::before {
  content: "04";
}
.star-5 {
  /* background: orange; */
  background: radial-gradient(circle closest-side at center, white, orange);
}
.star-5 i::before {
  content: "05";
}
.star-6 {
  /* background: white; */
  background: radial-gradient(circle closest-side at center, white, white);
}
.star-6 i::before {
  content: "06";
}
.star-7 {
  /* background: black; */
  background: radial-gradient(circle closest-side at center, white, black);
}
.star-7 i::before {
  content: "07";
}
.star-8 {
  /* background: purple; */
  background: radial-gradient(circle closest-side at center, white, purple);
}
.star-8 i::before {
  content: "08";
}
.star-9 {
  /* background: pink; */
  background: radial-gradient(circle closest-side at center, white, pink);
}
.star-9 i::before {
  content: "09";
}
.NorthLottery-prize-box,
.SouthLottery-prize-box,
.MyanmarLottery-prize-box {
  color: white;
  font-size: 100%;
  text-align: left;
}

@media screen and (orientation: portrait) {
  .NorthLottery-prize-box,
  .SouthLottery-prize-box,
  .MyanmarLottery-prize-box {
    font-size: 80%;
  }
}