<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: 'Kanit-Regular';
  src: url('../font/Kanit-Regular.ttf');
}

body {
  font-family: 'SF UI Display';
  background-color: rgba(153, 1, 0, 1);

}
.background-opacity {
  width: 100%;
  height: 594px;
  background-image: url('../images/homepage/bg.png');
  background-repeat: no-repeat;
  background-size: 100% 594px;
  opacity: 1;
}
.container_index {
  max-width: 1200px; /* Ensures it doesn't exceed 1200px */
  width: 90%; /* Makes it responsive on smaller screens */
  margin: 0 auto; /* Centers the container */
  display: flex;
  flex-direction: column; /* Stacks items vertically */
  align-items: center; /* Centers content */
  justify-content: center;/* Soft rounded corners */ /* Subtle shadow */
}

.padding-top {
  padding-top: 20px !important;
}
.prize_number {
  height: 80px;
  width: 70px;
  font-weight: 600;
  background-color: hsl(45, 98%, 59%);
  color: #990100;
  display: flex;
  flex-direction: column; /* Stack number and text vertically */
  align-items: center; /* Center align items */
  justify-content: center; /* Center content inside */
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 3px;
  
  /* Add this to center inside the parent */
  display: flex;
  position: relative;
}


.result-prize-title {
  display: flex;
  justify-content: center; /* Center the prize_number */
  align-items: center; /* Align vertically */
  width: 100%;
  
}


.number {
  font-size: 50px;
  font-weight: bold;
  margin: 0; /* Remove default margin */
  line-height: 1; /* Adjust line spacing */
}

.text {
  font-size: 14px;
  font-weight: bold;
  margin: 0; /* Remove default margin */
  line-height: 1; /* Adjust line spacing */
}


header .logo-background-nav{
  background-color: #74221a;
}

header .menu-box-full {
  background-color: #00a4e9;
  height: 48px;
}

header .container_header{
  max-width: 1200px;
  margin: auto;
  align-items: center;
}


header ul li a{
  color: black;
}

header .logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
}

header .logo img {
  background-image: src('./assets/images/homepage/Rectangle2.png');
  width: 250px;
  height: 40px;
}

header .next-draw-control-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
}

header .next-draw-control-box .next-draw-box {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .next-draw-control-box .next-draw-box .title {
  color: #002450;
  font-weight: 500;
  font-size: 38px;
}

header .next-draw-control-box .next-draw-box .time {
  font-weight: 600;
  font-size: 44px;
  color: #002450;
}

header .menu {
  height: 50px;
}

header .menu ul {
  /* Shutter Out Horizontal */
}

header .menu ul .hvr-shutter-out-horizontal {
  display: inline-block;
  /* vertical-align: middle; */
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  background: #00a4e9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height: 47.4px;
}

header .menu .hvr-shutter-out-horizontal:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(243, 243, 243, 0.286);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

header .menu .hvr-shutter-out-horizontal:hover,
header .menu .hvr-shutter-out-horizontal:focus,
header .menu .hvr-shutter-out-horizontal:active {
  color: white;
}

header .menu .hvr-shutter-out-horizontal:hover:before,
header .menu .hvr-shutter-out-horizontal:focus:before,
header .menu .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

header .menu .line-straight-left {
  display: -ms-grid;
  display: grid;
  place-self: center;
  height: 40px;
  width: 2px;
  background-color: white;
}

header .menu .line-straight-right {
  display: -ms-grid;
  display: grid;
  place-self: center;
  height: 40px;
  width: 2px;
  background-color: white;
}

header .menu ul &gt; li {
  width: 195px;
  height: 48px;
  padding: 1px;
  font-size: 17px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .menu ul &gt; li a {
  color: white;
  text-decoration: none;
}

main .slide-bg-full {
  background-color: none;
}

main .head-prize {
  color: white;
  font-weight: 600;
  font-size: 40px;
  text-transform: uppercase;
}

main .title-next-draw {
  margin-top: 30px;
  color: white;
}


main .result-prize-wrap-blog:first-child {
  padding-right: 4px;
}

main .result-prize-wrap-blog:nth-child(2) {
  padding-right: 8px;
  padding-left: 8px;
}

main .result-prize-wrap-blog:nth-child(3) {
  padding-left: 4px;
}

main .result-prize-wrap-blog .result-prize-wrap {
  height: 120px;
  background: #990100BF;
  border-radius: 10px;
}
main .result-prize-wrap-blog .image-rank {
  top: -20px;
}
main .result-prize-wrap-blog .result-prize-wrap .result-prize-title {
  
  height: 62px;
  padding: 22px;
}

main
  .result-prize-wrap-blog
  .result-prize-wrap
  .result-prize-title
  .text-prize {
  color: white;
  font-weight: 400;
  font-size: 20px;
}

main
  .result-prize-wrap-blog
  .result-prize-wrap
  .result-prize-title
  .img-prize
  img {
  width: 30px;
  height: 26px;
}

main .result-prize-wrap-blog .result-prize-wrap .result-prize-items {
  margin-right: 4.3rem;
  height: 68px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.circle {
  width: 30px;
  height: 30px;
  background: #74221a;
  margin: 2px;
  border-radius: 50%;
}
.circle_result{
  width: 40px;
  height: 40px;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #D1D1D1 100%);
  margin: 2px;
  font-size: 30px;
  font-family: Inter;
  border-radius: 50%;
  font-weight: 600;
  color: #990100;  
}
main
  .result-prize-wrap-blog
  .result-prize-wrap
  .result-prize-items
  &gt; .circle
  .pool-prize {
  background-clip: text;
  background: linear-gradient(
    to right,
    #014d8fd9,
    #4390d6d9
  ); /* Gradient colors */
  -webkit-background-clip: text; /* Clips the gradient to the text */
  -webkit-text-fill-color: transparent; /* Makes text color transparent to show the gradient */
  text-align: center;
  border-radius: 50%;
  font-weight: 400;
  font-size: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main
  .result-prize-wrap-blog
  .result-prize-wrap
  .result-prize-items
  &gt; .pool-prize:first-child {
  position: relative;
}

main
  .result-prize-wrap-blog
  .result-prize-wrap
  .result-prize-items
  &gt; .pool-prize:nth-child(2) {
  position: relative;
  left: -10px;
}

main
  .result-prize-wrap-blog
  .result-prize-wrap
  .result-prize-items
  &gt; .pool-prize:nth-child(3) {
  position: relative;
  left: -15px;
}

main
  .result-prize-wrap-blog
  .result-prize-wrap
  .result-prize-items
  &gt; .pool-prize:nth-child(4) {
  position: relative;
  left: -25px;
}

main .header-latest-result {
  color: white;
  font-weight: 400;
  font-size: 26px;
}

main .latest-result-blog:first-child {
  padding-right: 4px;
}

main .latest-result-blog:nth-child(2) {
  padding-right: 8px;
  padding-left: 8px;
}

main .latest-result-blog:nth-child(3) {
  padding-left: 4px;
}

main .latest-result-blog:nth-child(4) {
  padding-right: 4px;
  padding-top: 12px;
}

main .latest-result-blog:nth-child(5) {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 12px;
}

main .latest-result-blog:nth-child(6) {
  padding-left: 4px;
  padding-top: 12px;
}

main .latest-result-blog .latest-result-wrap {
  padding-top: 10px;
  height: 176px;
  background: #00a4e9;
  border-radius: 5px;
}

main .latest-result-blog .latest-result-wrap .latest-result-date {
  font-weight: 400;
  font-size: 20px;
  color: white;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
}

main .latest-result-blog .latest-result-wrap .latest-result-items table {
  width: 100%;
}

main
  .latest-result-blog
  .latest-result-wrap
  .latest-result-items
  table
  tbody
  &gt; tr
  &gt; .name-prize {
  width: 36%;
  color: white;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
}

main
  .latest-result-blog
  .latest-result-wrap
  .latest-result-items
  table
  tbody
  &gt; tr
  &gt; .list-pools {
  width: 70%;
  margin-left: 42px;
}

main
  .latest-result-blog
  .latest-result-wrap
  .latest-result-items
  table
  tbody
  &gt; tr
  &gt; .list-pools
  .pool {
  width: 25px;
  height: 25px;
  background-color: #00a4e9;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5px;
}

main .head-game {
  color: white;
  font-weight: 400;
  font-size: 26px;
}

main .games-blog:first-child {
  padding-right: 4px;
}

main .games-blog:nth-child(2) {
  padding-right: 8px;
  padding-left: 8px;
}

main .games-blog:nth-child(3) {
  padding-left: 4px;
}

main .games-blog:nth-child(4) {
  padding-right: 4px;
  padding-top: 12px;
}

main .games-blog:nth-child(5) {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 12px;
}

main .games-blog:nth-child(6) {
  padding-left: 4px;
  padding-top: 12px;
}

main .games-blog .game-wrap {
  height: 130px;
  border-radius: 5px;
}

main .games-blog .game-wrap:hover {
  -webkit-filter: drop-shadow(2px 4px 6px black);
  filter: drop-shadow(2px 4px 6px black);
  cursor: pointer;
}

main .description {
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  color: #002450;
}

footer .full-bg-footer {
  background-color: #ffffff;
  color: rgba(89, 89, 89, 1);
}

footer .full-bg-footer .copyright {
  font-size: 13px;
}

footer .full-bg-footer .bg-footer {
  margin: 0;
  text-align: center;
  background-color: #990100;
}

.title-live-draw-result {
  color: white;
}

.result-prize-wrap {
  height: 165px;
  background: linear-gradient(to right, #014d8fd9, #4390d6d9);
  filter: blur(0.1px);
  border-radius: 5px;
}

.result-prize-wrap .result-prize-title {
  height: 62px;
  padding: 22px;
}

.result-prize-wrap .result-prize-title .text-prize {
  color: white;
  font-weight: 400;
  font-size: 20px;
}

.result-prize-wrap .result-prize-title .img-prize img {
  width: 30px;
  height: 26px;
}

.result-prize-wrap .result-prize-items {
  height: 102px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-left: 23px;
}

.result-prize-wrap .result-prize-items &gt; .pool-prize {
  width: 68px;
  height: 68px;
  background-color: #00a4e9;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  font-weight: 400;
  font-size: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.result-prize-wrap .result-prize-items &gt; .pool-prize:first-child {
  position: relative;
}

.result-prize-wrap .result-prize-items &gt; .pool-prize:nth-child(2) {
  position: relative;
  left: -10px;
}

.result-prize-wrap .result-prize-items &gt; .pool-prize:nth-child(3) {
  position: relative;
  left: -15px;
}

.result-prize-wrap .result-prize-items &gt; .pool-prize:nth-child(4) {
  position: relative;
  left: -25px;
}

.cornsilk-bg {
  background-color: #031839;
  padding: 30px;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
}



/* .menu-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0px;
  display: none;
  z-index: 99;
  height: 60px;
  background-color: #003766;
}

.menu-mobile img {
  width: 50px;
}

.menu-mobile span {
  cursor: pointer;
  color: white;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid white;
  font-size: 22px;
  margin-right: 10px;
}

.menu-toggle {
  position: fixed;
  display: none;
  top: 60px;
  z-index: 100;
  width: 100%;
  background-color: #002450;
}

.menu-toggle a {
  color: white;
  padding: 10px 20px;
  display: block;
} */

/* @responsive code */
/* @mobile */
/* @media (max-width: 575.98px) {
  header {
    display: none;
  }
  .menu-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  main {
    margin-top: 60px;
  }
  main .result-prize-wrap-blog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  main .latest-result-blog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  main .games-blog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  main .head-prize {
    font-size: 9px;
  }
  main .col-5 {
    padding-left: 0px;
  }
  main .col-5 .title-next-draw {
    width: 100%;
    float: left !important;
  }
  main .col-5 .title-next-draw .day-latest-result {
    font-size: 9px;
    margin-left: 10px;
    float: left !important;
  }
  main .col-5 .title-next-draw .date-latest-result {
    float: right !important;
    font-size: 9px;
  }
  main .result-prize-wrap-blog {
    margin-bottom: 15px;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  main .header-latest-result {
    font-size: 15px;
  }
  main .latest-result-blog {
    padding-top: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 15px !important;
  }
  main .head-game {
    font-size: 15px;
  }
  main .games-blog {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    margin-bottom: 15px !important;
  }
  main .games-blog .game-wrap {
    height: auto;
  }
  .game-wrap img {
    width: 100%;
  }
  footer .col-12 img {
    width: 100%;
  }
  .result-prize-wrap-blog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
  #livedraw {
    margin-top: 15px;
  }
  .draw_number {
    padding-left: 0px;
    font-size: 10px;
  }
  .date_draw {
    width: 100%;
    float: left;
    font-size: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .cornsilk-bg {
    margin-top: 60px !important;
  }
  #search h5 {
    font-size: 15px;
  }
  #search .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
} */

/* @ipad */
/* @media (min-width: 768px) and (max-width: 991.98px) {
  main .head-prize {
    font-size: 20px;
  }
  main .title-next-draw {
    float: none !important;
  }
  main .title-next-draw .day-latest-result {
    float: left;
    font-size: 16px;
    margin-left: 40px;
  }
  main .title-next-draw .date-latest-result {
    float: left;
    font-size: 15px;
    padding-top: 6px;
  }
  main
    .result-prize-wrap-blog
    .result-prize-wrap
    .result-prize-items
    &gt; .pool-prize {
    height: 50px;
  }
  main .latest-result-blog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  main .latest-result-blog:nth-child(3) {
    padding-left: 15px;
    margin-top: 12px;
    padding-right: 3px;
  }
  main .latest-result-blog:nth-child(4) {
    padding-right: 7px;
    padding-left: 8px;
  }
  main .latest-result-blog:nth-child(5) {
    padding-right: 3px;
    padding-left: 15px;
    padding-top: 12px;
  }
  main .latest-result-blog:nth-child(6) {
    padding-left: 8px;
    padding-right: 7px;
  }
  .game-wrap img {
    width: 100%;
  }
  footer .col-12 img {
    width: 100%;
  }
  .result-prize-wrap .result-prize-items &gt; .pool-prize {
    height: 42px;
    font-size: 40px;
  }
} */

/* @ipad pro */
/* @media (min-width: 992px) and (max-width: 1199.98px) {
  .game-wrap img {
    width: 100%;
  }
  footer .col-12 img {
    width: 100%;
  }
  .result-prize-wrap .result-prize-items &gt; .pool-prize {
    height: 62px;
  }
} */

/* @laptop */
/*# sourceMappingURL=style.css.map */
/* index.php */

.day-btn {
  font-size: 22px;
  height: 60px;
  border-radius: 5px;
}
.btn-bg {
  background-color: #003766;
  opacity: 0.4;
  transition: all 0.3s ease;
}
.day-btn:hover .btn-bg {
  background-color: #003766;
  opacity: 1;
}
.grid {
  display: grid;
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
a {
  font-weight: 400;
  font-size: 20px;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: font-weight 0.2s ease; /* Smooth transition */
}

a.active {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 600; /* Bold when active */
}

.result-container {
  position: relative;
  z-index: 99;
  color: white;
  border-radius: 10px;
  height: 830px;
  overflow: hidden;
  background: white;
}
.table-loto {
  border-collapse: collapse; /* Ensures borders are clean */
  border-radius: 5px;
  width: 1200px;
  padding: 15px;
  overflow: hidden; /* Prevents radius from breaking */
}

.thead-data {
  font-size: 22px;
  background-color: #E5A428;
  height: 60px;
  color: #990100;
  padding: 10px 15px;
  border: 2px solid #990100; /* Adds a border to header */
}

.tbody-data {
  background-color: #fff;
  font-size: 22px;
  padding: 12px;
}

.table-results {
  width: 60px;
  height: 60px;
  font-size: 22px;
  font-weight: 600;
  color: #595959;
  padding: 15px;
  text-align: center; /* Adds border to table cells */
}

/* Apply border to the whole table */
.table-loto, .table-loto th, .table-loto td {
  border: 2px solid #990100; /* Border for entire table */
}

/* Optional: Add a hover effect */
.table-loto tr:hover {
  background-color: #f9e5b1; /* Light yellow hover effect */
}


@font-face {
  font-family: 'digital-7';
  font-style: normal;
  font-weight: normal;
  src: url('../font/digital-7.ttf') format("truetype");;
}

.bg-time {
  font-family: 'digital-7' !important;
  background-color: rgba(0, 0, 0, 0.3);
  width: 120px;
  height: 140;
  border-radius: 10px;
  font-size: 50px;
}
.about-us-bg,
.how-to-play-bg{
  color: white;
  position: relative;
  z-index: 1000;
  height: auto;
  min-height: 439px;
  border-radius: 10px;
}
.how-to-play-bg p{
  font-weight: 400;
  font-size: 20px;
}
.how-to-play-bg .description{
  font-weight: 400;
  font-size: 20px;
}
.price-rank {
  width: 385px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: #FFFFFFD9;
  border-radius: 10px;
  margin-left: 10px;
}

.prize_number_to_play{
  height: 80px;
  width: 80px;
  font-weight: 600;
  background: linear-gradient(90deg, #990100 0%, #E20100 100%);
  color: #990100;
  display: flex;
  flex-direction: column; /* Stack number and text vertically */
  align-items: center; /* Center align items */
  justify-content: center; /* Center content inside */
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  
  /* Add this to center inside the parent */
  display: flex;
  position: relative;
}

.prize-amount {
  font-size: 44px;
  color: #990100;
  margin: 0;
  text-align: center;
  width: 100%;
}

.top-rank{
  transform: translateY(-30px);
}
.title-rank{
  transform: translateY(-65px);
}
.pagination-btn{
  border: none;
  background-color: #990100;
  border-radius: 5px;
  color: white;
  height: 28px;
}
.pagination-btn:hover{
  border: none;
  background-color: #d81616;
  border-radius: 5px;
  color: white;
  height: 28px;
}
.total-pagination{
  background-color: #990100;
  width: 200px;
  height: 30px;
  border-radius: 5px;
  color: white;
}
.description{
  font-size: 20px;
  font-weight: 400;
}
.bg-gradient{
  z-index: 1000;
  width: 100%;
  height:220px;
  background: rgb(153,1,0);
  background: linear-gradient(90deg, rgba(153,1,0,0.08063735748205536) 0%, rgba(153,1,0,0.5036065451571253) 50%, rgba(153,1,0,0.5) 50%, rgba(153,1,0,0.08) 100%) !important;
}

@media screen and (min-width: 1250px) {
  /* Your styles here */
  .price-rank {
    width: 360px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background-color: #FFFFFFD9;
    border-radius: 10px;
    margin-left: 20px;
  }
  .prize_number {
    height: 80px;
    width: 70px;
    font-weight: 600;
    background-color: hsl(45, 98%, 59%);
    color: #990100;
    display: flex;
    flex-direction: column; /* Stack number and text vertically */
    align-items: center; /* Center align items */
    justify-content: center; /* Center content inside */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 32px;
    
    /* Add this to center inside the parent */
    display: flex;
    position: relative;
  }
  
  .headtext{
    margin-top: 10rem;
  }
}

</pre></body></html>