.owl-dots {
  margin-top: -20px !important;
  margin-bottom: 11px !important;
}

.bumper-attractions-div {
  background-color: #fff;
  padding: 0px;
}

.normal_timer {
  position: relative;
  bottom: 8px;
}

.bumper_main-card {
  display: flex;
  width: 98%;
  height: 230px;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  color: white;
}

.lottery_card_left-part {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.lottery_card_right-part {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  padding-top: 2rem;
  width: 41%;
  justify-content: flex-start;
  align-items: flex-start;
}

.bumper_div_bottom_border {
  border-bottom: 2px solid #e94761;
  height: 5px;
  width: 75%;
  margin-left: 7%;
}

.upcoming-attractions-div {
  background-color: #f5f6f7;
  padding: 0px;
}

.upcoming-attractions-text {
  font-size: 16px;
  font-weight: bold;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  align-items: center;
}

.comoon_color {
  color: #534e4eeb;
}

.view-all-lottery-upcoming {
  font-size: 0.9rem;
  padding: 0.05rem 0.5rem;
  border-radius: 30px;
  font-weight: 600;
  border: 2px solid #534e4eeb;
}

.upcoming_card {
  border-radius: 3vh;
  width: 268px;
  margin: auto;
  transform: translate3d(-5px, -5px, 0);
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.5, 1);
  cursor: pointer;
}

.upcoming_card:hover {
  transform: translate3d(-10px, -10px, 0);
}

.card_details_to_add {
  width: 104%;
  background-color: rgb(19, 46, 11);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: inherit;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
}

.lottery_card_upper_part {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  /* padding-top: 0.5rem; */
  /* padding-bottom: 1.5rem; */
  height: 265px;
  margin-top: 8px;
}

.upcoming_h2_text {
  margin-top: 1vh;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  color: white;
  font-size: 0.9rem;
}

.upcoming_govt_image_bumper {
  width: 33px !important;
  height: 30px !important;
}

.upcoming_govt_image {
  width: 30px !important;
  height: 30px !important;
  position: absolute;
  left: 60%;
  top: 15%;
}

.upcoming_left {
  width: 20px;
  height: 20px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: white;
  position: absolute;
  top: 26.5vh;
  left: -1vh;
  color: white;
}

.upcoming_center {
  width: 20vh;
  width: 100%;
  border: 1.5px dashed white;
  position: absolute;
  z-index: 100;
  top: 27.5vh;
}

.upcoming_right {
  width: 20px;
  height: 20px;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: white;
  position: absolute;
  top: 26.5vh;
  right: -1vh;
  color: white;
}

.card_details_to_buy {
  width: 104%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* .lottery_card_lower_part {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
} */
.lottery_card_lower_part {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1rem;
  /* margin-top: -25px; */
}

.upcoming-buy-button {
  width: 125px;
  border-radius: 2rem;
  background-color: #a21c1c;
  border: 1px solid white;
  font-size: 16px;
  color: white;
}

.div_bottom_border {
  height: 5px;
  width: 85%;
}
.div_bottom_border {
  height: 5px;
  width: 70%;
  /* margin-top: 10px; */
}

/* .first_Prize_mrp_symbol {
    font-size: 16px;
    font-weight: 100 !important;
    font-family: sans-serif;
} */
.first_Prize_mrp_symbol {
  font-size: 30px;
  /* font-weight: 100 !important; */
  font-family: sans-serif;
}
/******BUMPER Lottery  CSS*****/
@media (max-width: 1412px) and (min-width: 1295px) {
  .upcoming_card {
    width: 252px;
  }
}
@media (max-width: 1032px) {
  .upcoming_card {
    width: 250px;
  }
}

@media (max-width: 780px) {
  .upcoming_card {
    width: 270px;
  }
}
/*************************/
.button-l-mimas {
  width: 100%;
  font-weight: 600;
  overflow: hidden;
  width: 100%;
  border-radius: 2rem;
  background-color: #27374d;
  border: 1px solid white;
  font-size: 16px;
  color: white;
  width: 135px;
  padding: 9px 0px;
}

.button-l-mim {
  pointer-events: auto;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  position: relative;
  display: inline-block;
  padding: 9px;
  color: white;
}

.button-l-mimas:hover::before {
  transform: translate3d(100%, 0, 0);
}

.button-l-mimas span {
  position: relative;
  color: white;
}

.button-l-mim::before,
.button-l-mim::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
}

.button-l-mimas::before {
  content: "";
  width: 120%;
  left: -10%;
  transform: skew(30deg);
  transition: transform 0.4s cubic-bezier(0.5, 1, 0.8, 1);
  color: white;
  /*border-radius: 3vh;*/
  /*border: 2px solid #373f4f !important;*/
  font-weight: 600;
  font-size: 1.2rem;
  padding-top: 4px;
}

/***************Grip Animation******************/
.button--greip {
  width: 100%;
  font-weight: 600;
  overflow: hidden;
  width: 100%;
  border-radius: 2rem;
  background-color: #a21c1c;
  border: 1px solid white;
  font-size: 16px;
  color: white;
  width: 140px;
  padding: 9px 0px;
}

.button-next {
  pointer-events: auto;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  position: relative;
  display: inline-block;
  padding: 9px;
  color: white;
}

.button--greip span {
  /*    display: block;*/
  position: relative;
}

.button--greip > span {
  overflow: hidden;
  color: white;
}

.button--greip:hover > span > span {
  animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}

.button--greip::before {
  content: "";
  transform-origin: 50% 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: clip-path 0.4s, -webkit-clip-path 0.2s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.button--greip:hover::before {
  transition-duration: 0.3s;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
}

.button-next::before,
.button-next::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
}

/***********Dynamic class color code ****************/
.add_to_cart_0::before {
  background: #471e5f;
}

.add_to_cart_1::before {
  background: #209157;
}

.add_to_cart_2::before {
  background: #237aa9;
}

.add_to_cart_3::before {
  background: #23ae33;
}

.add_to_cart_4::before {
  background: #b3501b;
}

.add_to_cart_5::before {
  background: #14b788;
}

.add_to_cart_6::before {
  background: #1c878b;
}

.add_to_cart_7::before {
  background: #959d86;
}

.add_to_cart_8::before {
  background: #932205;
}

.add_to_cart_9::before {
  background: #a52605;
}

.buy_now_0::before {
  background: #643d90;
}

.buy_now_1::before {
  background: #50b280;
}

.buy_now_2::before {
  background: #002437;
}

.buy_now_3::before {
  background: #297832;
}

.buy_now_4::before {
  background: #703718;
}

.buy_now_5::before {
  background: #1a7359;
}

.buy_now_6::before {
  background: #3f898c;
}

.buy_now_7::before {
  background: #cc262d;
}

.buy_now_8::before {
  background: #ee542c;
}

.buy_now_9::before {
  background: #3g898d;
}

.show_amount {
  margin-top: 16px;
}

.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  width: 224px;
  position: relative;
}

.marquee-text {
  display: inline-block;
  padding-right: 20px;
  animation: scrollText 5s linear infinite;
}

.marquee-text-wrapper {
  display: inline-block;
  white-space: nowrap;
}
@keyframes scrollText {
  0% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(-80%);
  }
}