/* 

PROJECT NAME : LOTTERY GAME
AUTHOR NAME : DHEERAJ VENGATESH K
VERSION : 1.0
DATE : 11-03-24

*/

/* THEME CSS START */

/* .mesh {
    background: linear-gradient(-45deg, #ee7652d2, #ffffff, #fec43dc4, #fe913dc4);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
} */
.btn-sm{
  font-size: 14px;
  padding: 4px 8px;
}
.slide {
  animation: slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, rgb(254, 145, 61) 50%, rgb(255, 255, 255) 50%);
  bottom: 0%;
  left: -50%;
  opacity: .5;
  position: fixed;
  right: -50%;
  top: 0;
  z-index: -1;
}

.slide2 {
  animation-direction: alternate-reverse;
  animation-duration: 4s;
}

.slide3 {
  animation-duration: 5s;
}

@keyframes slide {
  0% {
    transform: translateX(-25%);
  }

  100% {
    transform: translateX(25%);
  }
}

.bg_theme {
  background: rgba(246, 246, 246, .2) !important;
  backdrop-filter: blur(10px);
}

.hithere {
  animation: hithere 2s ease infinite;
}

@keyframes hithere {
  30% {
    transform: scale(1.2);
  }

  40%,
  60% {
    transform: rotate(-20deg) scale(1.2);
  }

  50% {
    transform: rotate(20deg) scale(1.2);
  }

  70% {
    transform: rotate(0deg) scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.wobble {
  animation: wobble 2s ease infinite;
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }

  15% {
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    transform: translateX(0%);
  }
}

.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}

@keyframes pulse {
  from {
    transform: scale(0.8);
  }

  to {
    transform: scale(1.2);
  }
}

.glow {
  animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 20px #ff6600, 0 0 30px #ff6600, 0 0 40px #e65800, 0 0 50px #e65800;
  }

  to {
    text-shadow: 0 0 30px #ff6600, 0 0 40px #ff974d, 0 0 50px #ff974d, 0 0 60px #ff974d;
  }
}

.drop-s {
  filter: drop-shadow(15px 13px 8px #00000079);
}

ul li a {
  color: #000;
}

.text-theme-1 {
  color: #FE913D
}

@import url('https://fonts.googleapis.com/css2?family=Amarante&display=swap');

body {
  font-family: 'amarante';
}

h1 {
  font-size: 60px;
  font-weight: bolder;
}

p {
  font-size: 12px;
  font-weight: bold;


}

h2 {
  font-weight: bolder;
}

.color {
  background-image: url(../img/lottery_paper\ .png);
}

/* input:hover {
  box-shadow: 0 0 10px rgba(254, 145, 61);
  border: 1px solid #FEC33D;
  border-radius: 5px;
} */

#name {
  width: -webkit-fill-available;
}

.submit {
  background-color: #FE913D !important;
  color: #fff !important;
  width: 100%;
}

.btn-1 {
  background-color: #FE913D !important;
  color: #fff !important;
}

.btn-1:hover {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.24)
}

.submit:hover {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.24);
}

.login {
  background-color: #FE913D !important;
  color: #fff !important;
}

.grow:hover img {
  transform: scale(1.2);
  transition: 0.5s ease;
  filter: drop-shadow(2px 4px 6px rgb(223, 67, 0))
}

ul {
  list-style-type: none;
}

.foot {
  display: inline-grid;
  grid-auto-flow: row;
  grid-gap: 24px;
  justify-items: center;
  margin: auto;
}

@media (min-width: 500px) {
  .foot {
    grid-auto-flow: column;
  }
}

a {
  display: inline-block;
  color: rgba(223, 68, 0, 1);
  text-decoration: none;
  /* box-shadow: inset 0 -1px 0 hsla(0, 0%, 100%, 0.4); */
}

/* a:hover {
  box-shadow: inset 0 -1.2em 0 hsla(0, 0%, 100%, 0.4);
} */

.form-label {
  color: #ff893aa1;
}

.wave {
  background-image: url(../img/wave.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-poster {
  position: relative;
}

.bg-poster img {
  height: auto;
}

.btn-above {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
}

.hover05 img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.hover05:hover img {
  -webkit-filter: blur(0);
  filter: blur(0);
}


/* Result */
table thead tr {
  background-color: #dde0e5;
}

/* table thead tr:hover {
  background-color: #ffff99;
} */

/* pricelist */
.winner {
  background-image: url(../img/winner_bg.png);
  background-repeat: no-repeat;
}

.cup {
  background-image: url(../img/cup.png);
  background-repeat: no-repeat;

}

.number {
  width: fit-content;
}

.size {
  font-size: 150px;
}

.ms-130 {
  margin-left: 130px;
}

/* cart */
.ui-w-40 {
  width: 80px !important;
  height: auto;
}

.card-1 {
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .08);
  border: 0cap;
}

.img-shadow {
  filter: drop-shadow(2px 4px 6px rgb(223, 67, 0))
}

.circle {
  background-color: #ff6f00;
  border-radius: 50%;
  color: #ffffff;
  height: 3em;
  position: relative;
  width: 3em;
  line-height: 90px;
  box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.822);
  animation: pulse 1s infinite ease-in-out alternate;
}

@keyframes pulse {
  from {
    transform: scale(0.8);
  }

  to {
    transform: scale(1.2);
  }
}

/* register */
.light-bg {
  background-color: #ff6f0046;
}

/* .line {
  border: 2px solid #ff6f00;
  background-color: #ff6f00;
  width: 50px;
} */

.bg-color {
  background-color: #ffffff8e;
}

.bg-orange {
  background-color: #FE913D;
}

.bg-filter {
  filter: drop-shadow(2px 4px 6px rgba(34, 34, 34, 0.714))
}

.upper {
  margin-top: 28%;
}

/* order history */
.success-bg {
  background-color: #50fe3d21;
}

.progress-bg {
  background-color: #fe473d22;
}

.progres-bg {
  background-color: #3d70fe3d;
}

/* .header-bg {
    background-color: #46464518;
  } */

/* THEME CSS END */

/* COMMON CSS START */
label {
  font-size: 13px;
  color: #808080;
}

@media (min-width: 1200px) {
  .vh-80 {
    height: 80vh;
  }

  .h-600 {
    height: 600px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 38px;
  }

  .order_history_title h2 {
    font-size: 18px;
  }

  .order_history_title button {
    font-size: 14px;
  }

  .history_filter a {
    font-size: 14px;
  }

  .track_section {
    height: auto !important;
  }

  .checkout_div button {
    font-size: 14px;
  }

  .size {
    font-size: 45px;
  }

  .winner {
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
  }
}

/* COMMON CSS END */
.bg-inner-image{
  background-image: url(../img/bg-one.png);
  
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
background-color: #e5652d !important;
}