/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/





@font-face {

  font-family: "Uniform Condensed 2", sans-serif;

  src: url(/assets/fonts/Uniform-Condensed-Ultra.ttf);

}

@font-face {

  font-family: "Uniform", sans-serif;

  src: url(/assets/fonts/Uniform.ttf);

}

@font-face {

  font-family: "Uniform-Light", sans-serif;

  src: url(/assets/fonts/Uniform-Light.ttf);

}

@font-face {

  font-family: "Uniform-Medium", sans-serif;

  src: url(/assets/fonts/Uniform-Medium.ttf);

}

@font-face {

  font-family: "Uniform Regular 2";

  src: url(/assets/fonts/Uniform-Regular-2.ttf);

}

@font-face {

  font-family: "Uniform Regular 3";

  src: url(/assets/fonts/Uniform-Regular-3.ttf);

}



@font-face {

  font-family: "VAG Rounded BT";

  src: url(/assets/fonts/VAG-Rounded-BT.ttf);

}



@font-face {

  font-family: "Russo One Regular";

  src: url(/assets/fonts/RussoOne-Regular.ttf);

}



@font-face {

  font-family: "Arial Rounded MT Bold";

  src: url(/assets/fonts/arialroundedmtbold.ttf);

}



@font-face {

  font-family: "Rockybilly Regular";

  src: url(/assets/fonts/Rockybilly-Regular.ttf);

}



@font-face {

  font-family: "Cinzel Bold";

  src: url(/assets/fonts/Cinzel-Bold.ttf);

}



@font-face {

  font-family: "Uniform Regular 4";

  src: url(/assets/fonts/Uniform-Regular-4.ttf);

}


@font-face {

  font-family: "Norwester Regular";

  src: url(/assets/fonts/norwester-regular.otf);

}



/*--------------------------------------------------------------

# Font Classes

--------------------------------------------------------------*/



.arial_rounded_bold_font {

  font-family: "Arial Rounded MT Bold", sans-serif !important;

}



.vag_rounded_font {

  font-family: "VAG Rounded BT", sans-serif !important;

}



/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

body {

  font-family: Poppins, sans-serif !important;

  color: #444444;

}



a {

  color: #fff;

  text-decoration: none;

}



a:hover {

  /* color: #3b8af2; */

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: Poppins, sans-serif !important;

}



p {

  font-family: Poppins, sans-serif !important;

}





/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #171f4f;

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 28px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #d50032;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



input[type=number]::-webkit-inner-spin-button, 

input[type=number]::-webkit-outer-spin-button { 

  -webkit-appearance: none; 

  margin: 0; 

}

input[type=number]::-webkit-inner-spin-button, 

 input[type=number]::-webkit-outer-spin-button { 

  -webkit-appearance: none; 

  margin: 0; 

}

/*--------------------------------------------------------------

# Disable aos animation delay on mobile devices

--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

  [data-aos-delay] {

    transition-delay: 0 !important;

  }





  section {

    padding: 30px 0px!important;

    overflow: hidden;

  }

}



section .sec-title {

  font-family: Poppins, sans-serif !important;

  text-align: center;

  /* color: #231F20; */

  color: #18204f;

  font-size: 30px;

  font-weight: 600;

}

/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  background: #fff;

  transition: all 0.5s;

  z-index: 997;

  height: 86px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  position: sticky;

  border-top: 6px solid #d50032;

  /* transition: all 1s ease-out; */

}







@media (min-width: 992px) {

  #header {

    background: #171f4f;

  }

}



#header {

  height: 100px;

}



/* span.badge.bg-danger.rounded-circle.position-absolute {

  margin: -11px 0px 0px -4px;

  height: 20px;

    width: 20px;

    display: inline;

    padding: 4px 0px;

    background-image: linear-gradient(119deg, #21a549, #067234);

    box-shadow: 0px 1px 7px 0 #36994475;

} */



span.badge.bg-danger.rounded-circle.position-absolute {

  height: 20px;

  width: 20px;

  display: inline;

  padding: 4px 0px;

  background: #d50032;

  box-shadow: 0px 1px 7px 0 #36994475;

  color: white;

}



span.badge.bg-danger.rounded-circle.position-absolute.mobile_badge {

  height: 18px;

  width: 18px;

  display: inline;

  padding: 4px 0px;

  background: #d50032;

  box-shadow: 0px 1px 7px 0 #36994475;

  color: white;

  top: -5px;

  right: -5px;

}



#header .logo a span {

  color: #fff;

  z-index: 999;

}



#header .logo {

  z-index: 999;

}



#header .logo img {

  /* max-height: 40px; */

  width: 35%;

  /* margin-top: 86px; */

}



.scrolled-offset {

  margin-top: 70px;

}

.fixed-top {

  /* Your fixed-top styles go here */

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 1000;

}

/* .fixed-top .logo img{

    width: 42%!important;

    margin-top: 10px!important;

} */



.fixed-top{

    height: 98px!important;

}

/*#header {*/

/*    height: 161px;*/

/*}*/

.header-animation {

  /* Add animation styles here */

  transition: all 0.5s ease-in-out; /* Adjust the duration and easing as needed */

}

@media (max-width: 768px) {

  #header {

    height: unset !important;

    padding: 5px 0;

  }



  #header .logo img {

    /* max-height: 40px; */

    width: 55% !important;

    margin-top: 0px !important;

    /* margin-left: 13%; */

  }

.side-menu-d{

    top:21px !important;

}



}







/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

  gap: 0;

  transition: .7s;

}



.navbar ul {

  display: flex;

  list-style: none;

  align-items: center;

  letter-spacing: 1px;

  padding-left: 0;

}



.navbar li {

  position: relative;

}



.navbar>ul>li {

  white-space: nowrap;

  padding: 10px 0 10px 15px;

}



.navbar a,

.navbar a:focus,

.navbar a span {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 3px;

  font-size: 16px !important;

  font-weight: 500 !important;

  color: #fff;

  white-space: nowrap;

  transition: 0.3s;

  position: relative;

  font-family: "Uniform-Light", sans-serif !important;

  letter-spacing: 2px;

}



.navbar a i,

.navbar a:focus i {

  font-size: 15px;

  line-height: 0;

  margin-left: 5px;

}



.navbar>ul>li>a:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  bottom: -6px;

  left: 0;

  background-color: #fff;

  visibility: hidden;

  width: 0px;

  transition: all 0.3s ease-in-out 0s;

  background: #d50032;

}



.navbar a:hover:before,

.navbar li:hover>a:before,

.navbar .active:before {

  visibility: visible;

  width: 100%;

}



.navbar a:hover,

.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #fff;

}



.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 28px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99999;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  background: radial-gradient(at center top, #FFFFFF, #e4e4e4);

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;

  border-radius: 12px;

  border-top: 1.5px solid #067234;

}



@media (max-width: 990px) {



  li.dropdown span {

    color: #171f4f !important;

  }



}



li.dropdown span {

  font-size: 16px;

  font-weight: 600;

  color: #fff;

}

.navbar .dropdown ul li {

  /* min-width: 200px; */

}



.navbar .dropdown ul a {

  padding: 7px 20px;

    font-weight: 600;

    color: #171f4f!important;

    font-family: "Uniform-Light", sans-serif;

    text-transform: uppercase;

    white-space: nowrap;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown ul a:hover,

.navbar .dropdown ul .active:hover,

.navbar .dropdown ul li:hover>a {

  /* color: #171f4f!important; */

  color: #fff !important;

    background: #171f4f !important;

    border-radius: 7px;

    margin-bottom: 4px;

    transition: all 0.3s ease-out;

}



.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover>ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}



@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }



  .navbar .dropdown .dropdown:hover>ul {

    left: -100%;

  }

}



@media (min-width: 1400px) {



  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl {

    max-width: 1140px;

  }

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #222222;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}



.mobile-nav-toggle.bi-x {

  color: #000;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

    z-index: 99999;

  }



  [href="billing"], #header .logo, .wallet-balance.d-flex {

    z-index: 99999 !important;

  }



  .navbar ul {

    display: none;

  }

  /* .navbar{

    margin: 0 0 0 auto;

  } */

}

li.dt-paging-button.page-item {

  margin: 0!important;

}

a.page-link {

  font-weight: 600;

  color: #000;

}

.active>.page-link, .page-link.active {

  z-index: 3;

  color: var(--bs-pagination-active-color);

  background-color: #171f4f !important;

  border-color: #171f4f !important;

}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {

  background-color: unset!important;

}

.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  /* background: rgba(9, 9, 9, 0.9); */

  transition: 0.3s;

  z-index: 999;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



@keyframes slideIn {

  0% {

    transform: translateY(-100%);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

@keyframes fadeIn {

  from {

    opacity: 0;

    transform: translateY(-10px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

/* .navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  background-color: #171f4f;

  overflow-y: auto;

  transition: 0.11s;

  border-radius: 9px;

  height: fit-content;

  animation: slideIn 0.7s ease forwards;

} */



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 100px;

  /* right: 15px; */

  /* bottom: 15px; */

  /* left: 15px; */

  padding: 10px 0;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.11s;

  /* border-radius: 9px; */

  height: fit-content;

  animation: slideIn 0.7s ease forwards;

  margin: 0;

  width: 100%;

}



@media screen and (max-width: 767px) {



  .navbar-mobile ul {

    top: 85px;

  }



}



@media screen and (max-width: 565px) {



  .navbar-mobile ul {

    top: 70px;

  }



}



@media screen and (max-width: 398px) {



  .navbar-mobile ul {

    top: 58px;

  }



}





.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 15px;

  color: #18204f;

}



.navbar-mobile>ul>li {

  padding: 0;

  border-bottom: 1px solid #18204f;

}



.navbar-mobile a:hover:before,

.navbar-mobile li:hover>a:before,

.navbar-mobile .active:before {

  visibility: hidden;

}



.navbar-mobile a:hover,

.navbar-mobile .active,

.navbar-mobile li:hover>a {

  color: #18204f;

}



.navbar-mobile .getstarted,

.navbar-mobile .getstarted:focus {

  margin: 15px;

}



.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 0;

  padding: 5px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: none;

  background: transparent;

  border: none;

}



.navbar-mobile .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a {

  /* padding: 10px 20px; */

  padding: 7px 20px;

  text-transform: uppercase;

}



.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a {

  color: #fff;

}



.navbar-mobile .dropdown>.dropdown-active {

  display: block;

}



/* .button-container {

  position: absolute;

  top: 100%;

  right: 0;

  margin: 30px -24% 0 0px;

  z-index: 999;

} */



/* .btn-GOLD {

  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #dbba4a 30%, #deb851 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #deb851 62.5%, #deb851 100%);

  color: #171f4f;

  font-weight: 600;

  margin: 0px 6px;

  border: none;

  border-radius: 10px;

  cursor: pointer;

  font-family: "Uniform-Light", sans-serif;

    font-size: 16px;

} */



.btn-GOLD {

  background: #b61a2b;

  color: #fff;

  margin: 0px 6px;

  border-radius: 10px;

  font-family: "Uniform Regular 2", sans-serif;

  font-size: 16px;

  box-shadow: 2px 2px 0 rgb(255, 255, 255);

  border: 1px solid white;

}



.btn-GOLD:hover {

  color: #b61a2b;

  background: white;

  border: 1px solid black;

  box-shadow: 2px 2px 0 rgb(0 0 0);

}



/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/

section {

  padding: 45px 0;

  overflow: hidden;

}



.section-bg {

  background-color: #f6f9fe;

}



.section-title {

  text-align: center;

  padding-bottom: 30px;

}



.section-title h2 {

  font-size: 21px;

  letter-spacing: 1px;

  font-weight: 500;

  padding: 8px 20px;

  margin: 0;

  background: #e7f1fd;

  color: #fff;

  display: inline-block;

  text-transform: uppercase;

  border-radius: 50px;

}



.section-title h3 {

  /* margin: 15px 0 0 0; */

  font-size: 30px;

  font-weight: 600;

  color: #171f4f;

}



.section-title h3 span {

  color: #fff;

}



.section-title p {

  margin: 15px auto 0 auto;

  font-weight: 600;

}



@media (min-width: 1024px) {

  .section-title p {

    width: 50%;

  }

}



/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 20px 0;

  background-color: #f1f6fe;

  min-height: 40px;

}

.breadcrumbss {

  padding: 21px 0;

  /* background-color: #f1f6fe; */

  min-height: 74px;

  background-image: url(../img/breadcrumb-bg.png);

  background-size: cover;

  align-items: center;

    display: grid;

    justify-content: center;



}

.breadcrumbs h2 {

  font-size: 24px;

  font-weight: 300;

  margin: 0;

}

.breadcrumbss .live-text {

  font-size: 22px;

  font-weight: 600;

  margin: 0;

  font-family: "Uniform Regular 3" !important;

  background: unset;

    box-shadow: unset;

    border: 0;

    width: auto;

    padding: 0;

}



.breadcrumbss  .live-text big{

  font-family: "Uniform Regular 2" !important;

}

@media (max-width: 767px) {

  .breadcrumbss {

    padding: 15px 0 !important;

    min-height: 70px;}

    .breadcrumbss .live-text {

      font-size: 19px;}

}

@media (max-width: 992px) {

  .breadcrumbs h2 {

    margin: 0 0 10px 0;

  }

  .breadcrumbss .live-text {

    font-size: 19px;}

  .breadcrumbss {

    padding: 15px 0 !important;

    min-height: 70px;}

}



.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 14px;

}



.breadcrumbs ol li+li {

  padding-left: 10px;

}



.breadcrumbs ol li+li::before {

  display: inline-block;

  padding-right: 10px;

  color: #6c757d;

  content: "/";

}



@media (max-width: 768px) {

  .breadcrumbs .d-flex {

    display: block !important;

  }



  .breadcrumbs ol {

    display: block;

  }



  .breadcrumbs ol li {

    display: inline-block;

  }

  .breadcrumbs img{

height: 70px;

  }

}





/*--------------------------------------------------------------

# banner

--------------------------------------------------------------*/

.carousel-indicators [data-bs-target] {

  width: 10px;

  height: 10px;

  padding: 0;

  border-radius: 50%;

  background-color: #fff;

  border: 2px solid #fff;

  opacity: 1;

}



.carousel-indicators .active {

  opacity: 1;

  background-color: #089347;

  border: 2px solid #fff;

}



.carousel-indicators {

  position: absolute;

  right: 0;

  bottom: 22px;

  left: 0;

  z-index: 2;

  display: flex;

  justify-content: center;

  padding: 0;

  margin-right: 0%;

  margin-bottom: 1rem;

  margin-left: 56%;

}



@media (max-width: 768px) {

  .carousel-indicators {

    bottom: -4px;

  }



  .carousel-indicators [data-bs-target] {

    width: 8px;

    height: 8px;

  }

}



/*--------------------------------------------------------------

# END banner

--------------------------------------------------------------*/





.draws h2, .winners h2 {

  background: #171f4f;

  padding: 10px 29px;

  border-radius: 8px;

  font-size: 20px;

}

/*--------------------------------------------------------------

# start product section

--------------------------------------------------------------*/

.our-product {

  /* background: radial-gradient(closest-side, #fff, #e6e6e6); */

  background: radial-gradient(circle, hsla(0, 0%, 100%, 1) 0%, hsla(0, 3%, 94%, 1) 60%);

  /* background: radial-gradient(at center top, #FFFFFF, #efefef); */

  /* background: #fff; */

  /* padding-bottom: 79px; */

}

.our-product.with_white {
  background: #fff;
}



.our-product h2 {

  background: #171f4f;

  padding: 11px 22px;

  border-radius: 8px;

}

.btn.buy-btn:hover {

  background-color: #d50032 !important;

  color: #fff !important;

}

.pro-card {

  border-radius: 29px;

  border: 2px solid #089347;

  background-color: #fff;

  margin: 0 25px;

  box-shadow: 6px 5px 5px #afafaf87;

}



.gms-circle {

  /* border: 5px solid #d6b966; */

  border-radius: 50%;

  height: 110px;

  width: 110px;

  text-align: center;

  padding: 22px 0;







  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #deb851, #ddb750) border-box;

    border-radius: 50em;

    border: 6px solid transparent;

    margin-top: 28%;

}

.pro-card1112{

  position: absolute;

}

.price-btn {

  text-align: center;

  position: relative;

  margin: -48px 0 -1px 0px;

  transition: all 6s ease-out;

}



.price-btn p {

  margin: 3px 0;

  color: #171f4f;

  font-size: 21px;

  /* font-weight: 600; */

  font-family: "Uniform Regular 2" !important;

}



.buy-btn {

  font-size: 15px;

  letter-spacing: 1px;

  font-weight: 600;

  padding: 6px 20px;

  margin: 0;

  background: #171f4f;

  color: #fff;

  border: 0;

  border-radius: 7px;

  /* all 0.5s ease */

  transition: all 1s ease-out;



}



/* .our-product .badge{

  background: #089247;

    float: right;

    border-radius: 6px 10px 6px 9px;

    padding: 7px;

    font-weight: 400;

 } */

.gms-circle p {

  margin: 0;

  line-height: 1.2;

}

.get-raff {

  color: #171f4f;

  font-weight: 500;

  font-family: "Uniform Regular 3";

  font-size: 13px;

  display: block;

  margin: 5px 0 0;

  line-height: 1.3;

}

.pro-card {

  position: relative;

  margin-right: 2.2rem ;

  margin-left: 2.2rem ;

}

.pro-card img {

  object-fit: contain;

  height: 278px;

  width: 145px;

}

.pro-card .badge {

  position: absolute;

  top: 0;

  right: 0;

  background-color: #089247;

  color: #fff;

  padding: 10px 7px;

  border-radius: 11px 22px 13px 10px;

  background: radial-gradient(at center bottom, rgba(110, 163, 67, 1.0), rgb(8 146 71));

  font-family: "Uniform-Light", sans-serif;

  text-transform: uppercase;

  font-weight: 400;

}



.badge big {

  font-size: 22px;

  /* font-weight: 600; */

  font-family: "Uniform Regular 2";

}



.gms-circle span {

  font-size: 14px;

  color: #171f4f;

  font-weight: 500;

  font-family: "Uniform-Light", sans-serif;

}



.gms-circle .gsm {

  font-size: 18px;

  color: #171f4f;

  font-weight: 700;

  font-family: "Uniform-Light", sans-serif;

}

.g-text {

    font-size: 13px;

    color: #171f4f;

    font-weight: 600;

    font-family: "Uniform-Light", sans-serif;

}

.gms-circle small {

  font-size: 13px;

  color: #171f4f;

  font-weight: 500;

  font-family: "Uniform-Light", sans-serif;

}

/* .pro-card {

  margin-right: 2.2rem ;

  margin-left: 2.2rem ;

} */





.pro-card .product-text .qnt1 {

  /* border: 0;

  font-weight: 700;

  font-size: 20px;

  background: #339a46 !important;

  color: #fff;

  border-radius: 6px !important; */







    border: 0;

  font-weight: 700;

  font-size: 20px;

  background: #339a46 !important;

  color: #fff;

  border-radius: 6px !important;

  width: 28px !important;

  height: 28px !important;

  margin: 0 2px !important;

  display: flex; /* Use flexbox for better alignment */

  justify-content: center; /* Align content horizontally */

  align-items: center; /* Align content vertically */

}



.qnt1[type="button"] {

  -webkit-appearance: button!important; /* For Safari */

  appearance: button!important; /* For other browsers */

}

.pro-card .product-text .input-group {

  display: flex;

  align-items: center;

}

.pro-card  .input-number, .pro-card .qnt1{

  width: 28px!important;

  height: 28px!important;

  margin: 0 2px !important;

} 

.pro-card  .input-group {

  margin-left: 9%;

}

.pro-card  .input-number{

  border-radius: 50%!important;

}

.iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text]{

  padding-left: 104px!important;

}

@media (max-width: 768px) {

.pro-card img {

  /* width: 56%; */

}

.pro-card img:first-child {

  /* width: 50%; */

}

.gms-circle{

  border: 4px solid transparent;

  margin-top: 21%;

  margin: 0 auto;

}

.pro-card {

  /* margin-right: 1.5rem !important; */

  /* margin-left: 1.5rem !important; */

}

.section-title h2{

  font-size: 15px;

}

.badge big {

  font-size: 17px;}

}

@media (max-width: 991px) {

  /* .pro-card {

    margin-right: 1rem;

    margin-left: 1rem ;

  } */

}

/*--------------------------------------------------------------

# END product section

--------------------------------------------------------------*/

.PARTICIPATE {

  padding: 35px 25px;

  background-image: url(../img/par-bg.webp);

  background-size: cover;

}



.PARTICIPATE p {

  font-size: 22px;

}



.win_ways_text_main {

  font-size: x-large;

}



.win_ways_text_sub {

  font-size: large;

}



@media (max-width: 768px) {



  .win_ways_text_main {

    font-size: large;

  }

  

  .win_ways_text_sub {

    font-size: large;

  }

  

  .PARTICIPATE p {

    font-size: 17px;

  }



}



.PARTICIPATE .par-btn {

  color: #171f4f;

  font-weight: 600;

  border: 0;

  font-family: "Uniform-Light", sans-serif;

}



/* .apps-sec {

  padding: 35px 25px;

  background-image: url(../img/apps-bg.png);

  background-size: cover;

} */



.apps-sec {

  padding: 35px 25px;

  background: #18204f;

  border-bottom: 12px solid #d50032;

}



.apps-sec span {

  font-size: 20px;

  color: #fff;

  font-weight: 400;

  font-family: "Uniform Regular 3", sans-serif !important;

}



section.apps-sec img {

  width: 11%;

  margin: 5px 11px;

}



.apps-sec ul li {

  display: contents;

  display: inline;

}



@media (max-width: 768px) {

  section.apps-sec img {

    width: 22%;

    margin: 5px 11px;

  }



  input.code-in {

    text-align: center;

    font-size: 11px!important;

    padding: 7px 11px!important;

    margin: 0 2px!important;}

}



/*--------------------------------------------------------------

# Start winner section

--------------------------------------------------------------*/

.post-slide {

  margin: 20px 15px;

  border-radius: 15px;

  padding: 10px;

  background: #171f4f;

  transition: all 0.5s;

  box-shadow: 6px 6px #ffff;



}



.post-img {

  text-align: center;

}



.post-content img {

  width: 39%;

}



.post-content .post-title {

  text-align: center;

  color: #fff;

  font-size: 20px;

  margin: 0 0 7px 0 ;

}



/* .post-content .post-title {

  text-align: center;

  color: #fff;

  font-size: 20px;

  margin: 0 0 7px 0;

  min-height: 50px; 

  max-height: 100px; 

} */



.post-content {

  margin: 10px 0;

  text-align: center;

}



.post-slide .post-img img {

  width: 100%;

  transform: scale(1, 1);

  border: 2px solid #fff;

  height: 150px;

  width: 150px;

  border-radius: 50%;

  /* margin: 10px 0; */

}



.our-winner .post-price {

  position: absolute;

  margin: 11px auto;

  /* Set top and bottom margin to 11px and horizontally center the element */

  left: 0;

  right: 0;

  font-size: 28px;

  font-weight: 700;

  color: #231f20;

  text-align: center;

  /* Center align the text */

  width: max-content;

  /* Set width to content width */

}



.our-winner .post-description {

  text-align: center;

  color: #fff;

  font-size: 15px;

  font-weight: 500;

  margin: 0;

}



.our-winner {

  /* background: radial-gradient(circle, hsla(0, 0%, 100%, 1) 0%, hsla(0, 3%, 94%, 1) 60%); */

  background: radial-gradient(at center top, #FFFFFF, #d3d3d3);

}



/* .owl-controls.clickable {

  position: absolute;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

  display: flex;

  justify-content: space-between;

  align-items: center;

} */



.owl-buttons {

  display: flex;

  align-items: center;

  position: absolute;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.owl-prev,

.owl-next {

  cursor: pointer;

  margin: 0 10px;

  /* Adjust the margin as needed */

}



.owl-prev i,

.owl-next i {

  font-size: 38px;

  /* Adjust the font size as needed */

}



/* If you want to fix the icons at the left and right ends, you can add the following styles: */

.owl-prev {

  order: 1;

  /* This will move the left arrow to the left end */

  margin: 0 0 0 -40px;

}



.owl-next {

  order: 2;

  /* This will move the right arrow to the right end */

  margin: 0 -40px 0 0px;

}



@media (max-width: 768px) {

  .post-slide {

    margin: 20px;

  }

  .our-winner .owl-buttons{

    display: none;

  }

}

/* Owl Carousel Dot Indicator Styles */

.owl-theme .owl-dots {

  text-align: center;

  margin-top: 10px;

}



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  border-radius: 50%;

  background-color: #ddd; /* Dot color */

  transition: background-color 0.3s ease-in-out;

}



.owl-theme .owl-dots .owl-dot.active {

  background-color: #333; /* Active dot color */

}



/*--------------------------------------------------------------

# footersection

--------------------------------------------------------------*/

footer {

  background-color: #f9f9f9;

  font-family: "Uniform Regular 3";

}



footer .ul-container {

  display: flex;

}



footer .list,

li {

  list-style: none;

  margin: 0;

  padding: 0;

}



footer .list a {

  color: #444444;

  font-weight: 300;



}



.f-bottom span {

  color: #444444;

  font-weight: 300;

  font-family: "Uniform Regular 3", sans-serif !important;

}



footer .list li {

  margin-right: 20px;

  line-height: 1.5;

  /* Adjust spacing between list items */

}



.social-m ul {

  display: flex;

  justify-content: end;

}



@media screen and (max-width: 768px) {

  .social-m ul {

    justify-content: center !important;

  }

}



.social-m ul li {

  font-size: 18px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #171f4f;

  color: #fff;

  line-height: 0;

  padding: 5px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 35px;

  height: 35px;

  transition: 0.3s;

  margin: 5px;

}



.social-m a:hover {

  color: #fff;

  text-decoration: none;

}



/*--------------------------------------------------------------

# CLOCK section

--------------------------------------------------------------*/

.clock.home {
  color: #002d72;
}

.clock {

  margin: 12px;

  padding: 7px 18px;

  color: #ffffff;

  background: transparent;

  text-align: center;

  border-radius: 17px 17px 0 0;

  display: inline-flex;

  align-items: center;

  margin: auto;

  gap: 16px;

  justify-content: center;

  width: 100%;

}

.clock ul {

  /* width: 800px; */

  margin: 0 ;

  padding: 0px;

  list-style: none;

  text-align: center;

}

.clock.home ul li {
  background: #002d72;

  color: #fff;
}

.clock ul li {

  display: inline-block;

  font-size: 26px;

  text-align: center;

  font-family: "Uniform Condensed 2", sans-serif !important;

  background: #fff;

  color: #002d72;

  padding: 6px;

  margin: 3px 1px;

  border-radius: 50%;

  width: 48px;

  height: 48px;

  font-weight: 600;

}

.clock.home .c-next {
  color: #002d72;
}

.c-next {

  font-size: 20px;

  font-weight: 500;

  margin-bottom: 10px;
  color: #fff;

  font-family: "Uniform Regular 2" !important;

}

.clock.home ul li span {
  color: #002d72;
}

.clock ul li span {

  display: block;

  font-size: 14px;

  color: #fff;

  margin-top: 9px;

  font-weight: 600;

  font-family: "Uniform Condensed 2", sans-serif !important;

}

.clock ul li:first-child span {

  /* margin: 4px; */

}

.live-text {

  align-items: center;

  font-size: 12px;

  font-weight: 500;

  margin: 0;

  /* box-shadow: 0px 1px 7px 0 #ffffffd5; */

  border-radius: 8px;

  padding: 13px 14px;

  display: flex;

  line-height: 1.2;

  background: #002d72;

  color: #fff;

  text-align: start;

  font-family: "Uniform Regular 2" !important;

}

.live-text big{

  line-height: 0.7;

    font-size: 70px;

    font-weight: 400;

    vertical-align: middle;

    font-family: "Uniform Regular 2";

 

}

/*--------------------------------------------------------------

# REGISTER AND SIGN-IN 

--------------------------------------------------------------*/

.new-signup{

  background: radial-gradient(at center top, #FFFFFF, #e4e4e4);

}

.signup-card {

  background: #fff;

  padding: 30px 40px;

  border-radius: 22px;

  box-shadow: rgba(100, 100, 111, 0.134) 0px 7px 29px 0px;

  border: 1.5px solid #1c75bc;

}



section.new-signup h1 {

  font-family: Poppins, sans-serif !important;

  text-align: center;

  color: #231F20;

  /* color: #18204f;; */

  font-size: 30px;

  font-weight: 600;

}

.signup-card .lb-text {

  color: #18204F;

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 0px;

}

.ps-text {

  color: #18204F;

  font-size: 15px;

  font-weight: 500;

}

.signup-card  .form-control, 

.bootstrap-select>.dropdown-toggle

{

  border: 1px solid #18204F;

    font-size: 16px;

    border-radius: 9px;

    height: 48px;

    margin-bottom: 6px;

}

.mand-star {

  font-size: 22px;

  color: red;

}

.mand-star12 {

  font-size: 14px;

  color: red;

  font-weight: 500;

  line-height: 0;

}

.signup-card .filter-option-inner {

  margin-top: 5px;

}

.btn-primary1 {

  background-color: #18204F;

  color: #fff;

  font-size: 20px;

  border: 0;

  border-radius: 13px;

  font-weight: 600;

  padding: 12px 10%;

  letter-spacing: 1px;

}

.sug-text {

  color: #0d3989;

  font-size: 16px;

  font-weight: 600;

  background: #eeeeee;

  text-align: center;

  padding: 4px 17px;

  border-radius: 10px;

  margin-top: 12px;

  height: 50px;

  line-height: 1.3;

  cursor: pointer;

}

.iti {

  width: 100%;

}

.by-click-text-new {

  color: #18204f;

  font-size: 14px;

  font-weight: 500;

  text-align: left;

}

span.by-click-text {

  color: #18204f;

  font-size: 14px;

  font-weight: 500;

  text-align: left;

}

.otp-box input {

  font-size: 30px !important;

  width: 54px;

  height: 54px;

  text-align: center;

  border: 2px solid #c0c2c4;

  margin-right: 16px;

  border-radius: 50px;

  color: #18204f;

}

.otp-text p {

  color: #18204f;

  font-size: 17px;

  font-weight: 600;

  line-height: 1.4;

}

.signup-card h5 {

  text-align: center;

  color: #18204f;



}

.by-click-text2 {

  color: #18204f;

    font-size: 17px;

    font-weight: 500;

    font-family: "Uniform Regular 2" !important;

}

.signup-card.form-group {

  margin-top: 1rem !important;

}

.btn-primary12 {

  color: #fff;

  background-color: #119848;

  border-color: #119848;

  font-weight: 600;

  font-size: 17px;

  padding: 7px 32px;

  border-radius: 50px;

  border: 0;

  letter-spacing: 1px;

}





.signup-card h3 {

  color: #fff;

  font-size: 26px;

  font-weight: 700;

  margin-bottom: 13px;

  font-family: "Uniform Regular 2";

}

.excited-t {

  color: #fff;

  font-size: 22px;

  font-weight: 500;

  padding-top: 20px;

 

  font-family: "Uniform Regular 2";

}

.iti__selected-flag {

 

  padding: 0 12px !important;

  background: aliceblue;

  border-radius: 11px 0px 0 11px;

  border-right: 1px solid;

}

.iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text]{

  padding-left: 104px!important;

}

.signup-card .field-icon {

  position: relative;

  float: right;

  right: 12px;

  top: -48px;

  color: #18204f;

  font-size: 26px;

}

.by-click-text1 {

  color: #18204f;

  font-size: 18px;

  font-weight: 600;

  text-align: left;

}

.sec-h {

  top: -28px;

  position: relative;

}

.sec-h a {

  color: #18204f;

  font-size: 17px;

  font-weight: 500;

}

.Forgot-text {

  color: #18204f;

  font-size: 18px;

  font-weight: 500;

}

.field-icon1 {

  position: relative;

  float: right;

  right: 12px;

  top: 42px;

  color: #18204f;

  font-size: 25px;

}

@media (max-width: 992px) {

  .live-text{

    width: fit-content;

    /* margin: auto; */

  }



  .clock{

    display:block;

    position: unset;

    width: unset;

  }

  .pro-card1112{

position: unset;

padding: 0;

  }

}

.ads-mob, .n-mob{

  display: none;

}



@media (max-width: 358px) {



  /* .live-text {

    font-size: 5px !important;

  } */



  .live-text big {

    font-size: 50px !important;

  }

  

  /* .clock ul li {

    font-size: 15px !important;

    width: 25px !important;

    height: 25px !important;

  } */



  .clock ul li span {

    font-size: 7px !important;

  }



  .wallet-balance .w-aed {

    font-size: 10px !important;

  }



  .wallet-balance .wallet-b {

    font-size: 7px !important;

  }



  .wallet-balance .topup-text {

    font-size: 10px !important;

  }



  #header .logo img {

    padding: 0 !important;

  }



}



@media (max-width: 767px){





  .section-title h3 {

    /* margin: 15px 0 0 0; */

    font-size: 25px;}



  .ads-desk, .n-desk{

    display: none;

      }

    

      .c-next{

        /* width: 92px; */

      }

      .clock ul li {

        font-size: 17px;

        width: 35px;

        height: 35px;

        padding: 5.5px 0px;

      }

      .live-text big{

        font-size: 60px;

        /* margin-right: 5px; */

      }

      /* .live-text {

        background: unset;

        box-shadow: unset;

        border-radius: 0;

        margin-left: 7px;

        font-size: 14px;

        color: #fff;

    } */



    .live-text {

      box-shadow: unset;

      font-size: 12px;

      align-items: center;

      padding: 10px;

      margin: 0 10px;

    }



      .clock ul li span {

        font-size: 9px;

        margin-top: 10px;

    }

      .our-product{

        /* padding-top: 0!important; */

      }

      .clock{

        border-radius: 12px 12px 0 0 ;

        display: inline-flex;

        padding: 14px 11px;

        width: 100%;

        gap: 0;

      }

      .ads-mob, .n-mob{

        display: block!important;

        font-size: 12px;

    margin: 0;

      }

      .ads-desk{

        display: none;

      }

      .pro-card .input-group {

        margin-left: 12%;

    }

}





/* @media (max-width: 1200px){ */

  li#hours span {

    padding: 0;

    margin-left: -7px;

  }

/* } */



@media (max-width: 768px) {



  li#hours span {

    margin-left: 0px;

  }

.otp-box input {

  font-size: 19px !important;

  width: 41px !important;

  height: 41px !important;

  border: 2px solid #c0c2c4;

  margin-right: 8px !important;

}

.sec-h a{

  font-size: 14px;

}

.excited-t{

  font-size: 16px;

}

.by-click-text2 {

  font-size: 13px;

}

section.new-signup h1{

  font-size: 24px;

}

.signup-card {

  padding: 18px ;

  border-radius: 12px;

}

.signup-card .lb-text {

  font-size: 17px;

}

.ps-text {

  font-size: 13px;

}

.sug-text {

  /* margin-top: -12px ; */

  padding: 14px;

}

.Forgot-text {

  font-size: 16px;

}

.otp-text p {

  font-size: 13px;

}

}



/*--------------------------------------------------------------

# PRODUCT SCREEN DESIGN

--------------------------------------------------------------*/

.product{

  background: radial-gradient(at center top, #FFFFFF, #e4e4e4);

}

.product p.note-text{

  color: #18204F;

  font-weight: 500;

}



.product .accordion-item {

  border-radius: 12px;

    box-shadow: rgba(100, 100, 111, 0.134) 0px 7px 29px 0px;

    border: 2px solid #089347;

    margin-bottom: 17px;

    border-top: 2px solid #089347 !important;

    border-bottom: 2px solid #089347 !important;

}

.product .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{

  border-radius: 12px;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  

}

.product .accordion-button{

  text-align: center;

}

.product .accordion-button:not(.collapsed){

  background-color: #fff;

  color: unset;

  box-shadow: unset;

}

.product .accordion-button::after{

  content: unset;

}

.product .accordion-button::before {

  content: "+"; /* Plus icon */

  background-image:unset;

  transition: opacity 0.5s ease-in-out;

  background-color: #18204f;

  color: #fff;

  border-radius: 50%;

  padding-top: 1px;

  font-size:22px;

  font-weight:600;

  height: 26px;

    width: 26px;

    align-items: center;

    display: inline-table;

    position: absolute;

    left: 26px;

}



.product .accordion-button[aria-expanded="true"]::before {

  content: "-"; /* Minus icon */

  background-image:unset;

  opacity: 1;

  transition: opacity 0.3s ease-in;

  background-color: #18204f;

  color: #fff;

  border-radius: 50%;

  padding-top: 0px;

  font-size:22px;

  font-weight:600;

  height: 26px;

    width: 26px;

    align-items: center;

    display: inline-table;

    position: absolute;

    left: 26px;

}



.accordion-button::before {

  flex-shrink: 0;

  width: var(--bs-accordion-btn-icon-width);

  height: var(--bs-accordion-btn-icon-width);

  /* margin-left: auto; */

  content: "";

  background-image: var(--bs-accordion-btn-icon);

  background-repeat: no-repeat;

  background-size: var(--bs-accordion-btn-icon-width);

  transition: var(--bs-accordion-btn-icon-transition);

}

.pro-text-2, .pro-text-1, .pro-text-3{

  font-family: "Uniform Regular 2";

  color: #18204F;

  font-weight: 500;

  width: 31%;

}

span.pro-text-2 {

  font-size: 23px;

}

.pro-text-1 {

  font-size: 15px;

    font-weight: 400;

}

span.pro-text-3 {

  font-size: 20px;

}

span.pro-text-3 small {

  font-weight: 400 !important;

  font-size: 17px;

  font-family: "Uniform-Light", sans-serif;

}

.accordion-button span{

display: none;

}

.accordion-button.collapsed span{

display: block;

}

.product-text {

  font-family: "Uniform Regular 2" !important;

}

.product-text h5 {

  color: #18204F;

  font-weight: 600;

  margin-bottom: 12px;

  font-size: 22px;

}

.product-text span{

  color: #18204F;

  font-weight: 400;

  /* margin-bottom: 18px; */

  font-size: 16px;

}

.product-text p {

  color: #18204F;

  font-weight: 500;

  margin-bottom: 14px;

  font-size: 22px;

  font-family: "Uniform Regular 2" !important;

}

.check-text{

  color: #18204F;

  font-weight: 500;

  font-family: "Uniform Regular 2";

  font-size: 17px;

  margin: 3px 0;

  text-align: end;

}

.note-check{

  color: #18204F;

  font-weight: 400;

  font-family: "Uniform Regular 2";

  font-size: 14px;

  margin: 11px 0;

}

.product-text input.input-number {

  width: 36px;

  height: 36px;

  text-align: center;

  border: 0;

  background: #e6e7e8;

  border-radius: 7px !important;

  color: #171f4f;

  font-weight: 700;

  font-size: 20px;

}

.product-text .input-group-btn button{

  border: unset;

}



.product-text .qnt1 {

  border: 0;

  font-weight: 700;

  font-size: 20px;

}

.up-to span {

  font-family: "Uniform-Light", sans-serif;

  color: #18204F;

  font-size: 17px;

}

.product-text .input-group-btn button .bi{

  color: #171f4f;

  font-weight: 600;

  font-size: 18px;

  border: unset;

}

.our-bottom  .pay-p{

  color: #fff;

  font-weight: 600;

  font-size: 18px;

  padding: 9px 28px;

  border-radius: 7px;

  background-color: #171f4f;

}

.our-bottom p{

  color: #171f4f;

  font-weight: 400;

  font-size: 16px;

}

/* .seat {

  width: 2%;

  padding-top: 3%;

  border: 1px solid #ccc;

  display: inline-block;

  margin: 0.2%;

  cursor: pointer;

  border-radius: 5px;

} */

.seats-con .row {

  --bs-gutter-x: 1.1rem;

  display: flex !important;

  justify-content: space-between; /* Align seats with space between them */

  align-items: center; /* Center seats vertically */

  flex-wrap: nowrap; /* Prevent seats from wrapping to new lines */

}

/* .selected {

  background-color: #6c757d; 

  color: #fff; 

} */

.upgrade-btn {

  color: #fff;

  font-weight: 500;

  font-family: "Uniform Regular 2";

  font-size: 15px;

  background: radial-gradient(at center bottom, rgba(110, 163, 67, 1.0), rgb(8 146 71));

  padding: 8px;

  border-radius: 8px 11px;

}

.seat {

  width: 2%;

  padding-top: 2.5%;

  border: 1px solid #636571;

  display: inline-block;

  margin: 0.2%;

  cursor: pointer;

  border-radius: 5px;

  position: relative; /* Add relative positioning to seat */

}

.seata.selected {

  width: 27px;

  padding-top: 21px;

  border: 1px solid #636571;

  display: inline-block;

  margin: 0.2%;

  cursor: pointer;

  border-radius: 5px;

  position: relative;

}

.bott-box span{

  vertical-align: super;

  vertical-align: super;

    color: #18204F;

    font-weight: 400;

    font-size: 15px;

    margin: 3px 0;

}

.dot {

  width: 8px;

  height: 8px;

  background-color: #171f4f;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  display: none; /* Initially hide the dot */

}



.selected .dot {

  display: block; /* Show dot when seat is selected */

}





/* Style for showing the dot when the seat is selected */

.selected .dot {

  display: block;

}

@media (max-width: 768px) {

  .seat {

    width: 7%;

    padding-top: 7%;

  }

  .product .accordion-button::before{

    left: 8px!important;

  }

  .pro-text-2, .pro-text-1{

    display: none!important;

  }

  span.pro-text-3 small{

    font-size: 15px;

  }

  span.pro-text-3 {

    width: 100%;

    font-size: 17px;

}

.check-text{

  font-size: 14px;

}

.seats-con .row {

  --bs-gutter-x: 0.1rem;

}

}

/*--------------------------------------------------------------

# CART SCREEN DESIGN

--------------------------------------------------------------*/

@media (max-width: 992px){

  .mob-head-c {

    color: #18204F;

    font-weight: 700;

    font-size: 16px;

    display: block!important;

    margin-top: 15px;

    text-align: center;

  }

}

.mob-head-c{

  display: none;

}

.cart{

  background: #fff;

    padding: 15px 40px;

    border-radius: 12px;

    box-shadow: rgba(100, 100, 111, 0.134) 0px 7px 29px 0px;

    border: 1.5px solid #00a5fb4a;

}

.cart-header{

  /* border-bottom: 2px solid #089347; */

}

.cart-left small {

  color: #18204F;

  font-weight: 400;

  display: inline-block;

  /* font-family: "Uniform-Light", sans-serif; */

  font-family: "Uniform Regular 3" !important;

}

.cart-header p {

  font-family: "Uniform Regular 2" !important;

  color: #18204F;

  font-weight: 500;

  text-align: center;

  margin: 0;

  font-size: 19px;

}

.g-total{

  font-size: 18px;

}

.cart-left p{

  color: #18204F;

  font-weight: 500;

  font-size: 20px;

}

.cart-left span{

  color: #27397d;

  font-weight: 400;

}

p.line-b, .c-value, .c-total{

  color: #18204F;

    font-weight: 500;

    text-align: center;

    font-size: 18px;

    font-family: "Uniform Regular 2" !important;

}



.cart label.form-check-label, .grant-c p {

  font-family: "Uniform Regular 2" !important;

  color: #18204F;

  font-weight: 500;

  text-align: center;

  margin: 0;

}

.cart .form-check-input{

  border:1px solid #171f4f;

  width: 1.1em;

    height: 1.1em;

}

.cart .form-check-input:checked {

  background-color: #171f4f;

  border-color: #171f4f;

}

input.code-in {

  text-align: center;

    font-size: 13px;

    padding: 10px 21px;

    margin: 0 7px;

    border: 1px solid #c6ced4;

}

/*--------------------------------------------------------------

# DRAW AND WINNERS SCREEN DESIGN

--------------------------------------------------------------*/

.draws, .winners, .about, .Dashboard  {

  background: radial-gradient(at center top, #FFFFFF, #e4e4e4);

  transition: .7s;

}

img.top-360-logo {

  position: absolute;

  top: -13px;

  right: 0;

  margin-right: 36px;

  width: 18%;

}



.draws .col {

  flex: unset;

  width: 20%;

}

@media (max-width: 992px){

  img.top-360-logo {

    position: unset;

    width: 45%;

    display: block;

    margin: auto;

    padding: 0 0 12px 0;

  }

  .draws .col {

    width: 33.33%;

    flex: unset;

    /* margin:0!important; */

}

.winner-img img {

  width: 32% !important;

}

.winner-img{

  padding: 23px 0;

}

.winner-details .row{

  margin: auto!important;

}

.winning-gold img.img-fluid {

  width: 63%;

}

.Consolation  .winner-img{

padding:7px 0px!important;

}

.Consolation .winner-img img {

  width: 130px!important;

}

}

@media (max-width: 600px){

  .draws .col {

    width: 50%;

    flex: unset;

    /* margin:0; */

}

.draw-card {

  padding: 20px 10px!important;

  margin:0 0 17px 0!important;

}

.winner-img img{

  width: 48%!important;



}

.winner-img{

  padding: 18px 0;

}

.winning-gold{

  margin-top: 17px;

    border-top: 2px dotted cadetblue;

}

.winning-gold img.img-fluid {

  width: 40%;

}

.winning-gold p.post-price{

  font-size: 37px!important;

}

.winner-details .end-text, .winner-details .st-text{

  font-size: 17px!important;

}

}

.draw-card {

  border-radius: 18px;

  border: 1.5px solid #089347;

  background-color: #fff;

  box-shadow: 5px 4px 5px #afafaf87;

  padding: 25px;

  margin: 0 5%;

  margin-bottom: 22px;

  /* width: fit-content; */

}

.draw-card .day-box {

  background-color: #171f4f;

  color: #fff;

  width: fit-content;

  padding: 12px 13px;

  margin: auto;

  border-radius: 7px 19px 7px 7px;

  line-height: 1.1;

}

.g-bg{

  background: radial-gradient(ellipse farthest-corner at right bottom, #dcb94c 0%, #FDB931 8%, #dbba4a 30%, #deb851 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #ddb750 8%, #D1B464 25%, #deb851 62.5%, #deb851 100%);

  /* background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #dbba4a 30%, #deb851 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #deb851 62.5%, #deb851 100%); */

  color: #231f20 !important;

}

.day-box strong{

  font-family: "Uniform Regular 2" !important;

  font-size: 24px;

  font-weight: 400;

}

.day-box small{

  font-family: "Uniform-Light", sans-serif;

  font-size: 13px;

}

.draw-card p{

  margin: 4px 0;

  color: #171f4f;

  /* font-family: "Uniform-Light", sans-serif!important; */

  font-family: "Uniform Regular 3" !important;

}

.draw-card a {

  color: #171f4f;

  border: 1.6px solid #171f4f;

  border-radius: 9px;

  font-family: "Uniform Regular 2" !important;

  padding: 6px 7px;

  font-weight: 400;

  font-size: 14px;

}

.draws-bottom p{

  color: #171f4f;

    /* font-family: "Uniform-Light", sans-serif !important; */

    font-family: "Uniform Regular 3" !important;

}



.Bumper{

  border-radius: 11px;

  border: 1.5px solid #089347;

  background-color: #fff;

  padding: 20px;

  margin-bottom: 22px;

}

.draw-name h4 {

  margin: 0;

  font-family: "VAG Rounded BT"!important;

  color: #139E4F;

  font-size: 44px;

  text-align: center;

}

.draw-name p {

  font-family: "Uniform Regular 2" !important;

  font-size: 17px;

  font-weight: 400;

  margin: 0;

  color: #171f4f;

  text-align: center;

  height: 12px;

    line-height: 1.3;

}

.winner-img img {

  border: 2px solid #fff;

  outline: 7px solid #139e4f;

  border-radius: 50%;

  width: 56%;

  margin: auto;

}

.winner-details .st-text {

  color: #171f4f;

  font-family: "Uniform Regular 3" !important;

  font-size: 21px;

  padding: 0;

}

.winner-details .end-text {

  color: #171f4f;

  font-family: "Uniform Regular 2" !important;

  font-size: 20px;

  padding: 0;

}

.winning-gold p {

  color: #171f4f;

  font-family: "Uniform Regular 2" !important;

  font-size: 18px;

  margin: 0;

}

.winning-gold p.post-price {

  position: absolute;

  top: 48%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 40px;

  /* font-weight: 700; */

  color: #231f20;

  text-align: center;

  width: max-content;

  z-index: 99;

  font-family: "Uniform Regular 2" !important;

}

.draw-name1 h4 {

  margin: 0;

  font-family: "VAG Rounded BT" !important;

  color: #139E4F;

  font-size: 45px;

  text-align: center;

  line-height: 0.9;

}

.draw-name1 p {

  font-family: "Uniform Regular 2" !important;

  font-size: 22px;

  font-weight: 400;

  margin: 0;

  color: #171f4f;

  text-align: center;

  /* height: 12px; */

  line-height: 1.3;

}

.Consolation .winner-img img {

  width: 130px;

}

.winner-details .end-text, .winner-details .st-text{

  font-size: 17px;

}

/*--------------------------------------------------------------

# about us SCREEN DESIGN

--------------------------------------------------------------*/



.about h3 {

  color: #18204F;

  font-size: 22px;

  font-family: "Uniform Regular 2" !important;

  margin: 0;

    font-weight: 400;

}

.about p {

  color: #18204F;

  font-size: 17px;

  font-family: "Uniform Regular 3" !important;

  margin-bottom: 30px;

  text-align: justify;

  line-height: 1.9;

}

/*--------------------------------------------------------------

# SIDE MENU SCREEN DESIGN

--------------------------------------------------------------*/

.side-menu-d {

  /* background: #dcba4b; */

  color: #fff;

  padding: 2px;

  margin: 0;

  line-height: 0;

  font-size: 26px;

  border-radius: 5%;

    position: fixed;

    left: 10px;

    top: 59px;

    transition-delay: 0.3s;

    z-index: 999;

  

}



.offcanvas.offcanvas-start  {

  width: 250px; /* Default width for offcanvas menu */

  background: #18204F;

  border-radius: 0 8px 0 0;

  /* background: radial-gradient(at center top, #FFFFFF, #e4e4e4); */

  /* background: radial-gradient(at center top, #FFFFFF, #deb752); */

}

.nd-sidebar button.btn-close.text-reset {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;

  opacity: 1;

}

.nd-sidebar ul li a {

  display: inline-block;

  text-decoration: none;

  position: relative;

  /* padding: 8px 30px 8px 20px; */

  padding: 8px 11px 8px 14px;

  width: 100%;

  color: #fff;

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 11px ;

  font-family: "Uniform Regular 3" !important;

    text-transform: uppercase;

  /* border-bottom: 1px dashed #ffffff; */

}

.nd-sidebar ul li.active{



}

.nd-sidebar ul li a.active{

  /* border-right: 5px solid #ffffff !important; */

  /* background-image: -webkit-linear-gradient(89deg, #088d43 0, #171f4f 100%); */

  /* background: linear-gradient(45deg, #AE8625, #F7EF8A, #D2AC47, #EDC967); */

  background-color: #fff;

    border-radius: 9px;

  color: #171f4f;

}

.views-nd {

   background-size: contain;

    background-color: #171f4f;

    padding: 22px;

    border-radius: 11px;

    background-position: right;

    background-repeat: no-repeat;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc1IiB2aWV3Qm94PSIwIDAgMTAwIDc1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTg0LjE0MjIgLTIxLjY0MzJDMTA1LjU0NCAtMjcuODIzOCAxMjIuMTQ2IC0zLjAxMTg1IDEzOS40ODIgMTAuOTI2OUMxNTEuNzcxIDIwLjgwNzggMTYzLjYyOCAzMS4wNDE5IDE2OC4zNjMgNDYuMDczMUMxNzMuMDQ1IDYwLjkzNjUgMTcwLjUxMSA3Ni40NDI2IDE2NC42NzUgOTAuOTA2M0MxNTguMTM2IDEwNy4xMTIgMTQ5LjIxNyAxMjIuMjU0IDEzNC4wODQgMTMxLjAzM0MxMTQuNzk3IDE0Mi4yMjEgOTEuNTI2MyAxNTQuMzkyIDcxLjI4NjUgMTQ1LjA4MkM1MC44MTI1IDEzNS42NjYgNDMuNzE4MyAxMTAuMiA0MC4zODM5IDg3LjkzNjNDMzcuNTg2OSA2OS4yNjA5IDQ3Ljg0NTkgNTIuOTE2NSA1NC44NTQ1IDM1LjM2NTVDNjMuMDg5MyAxNC43NDQgNjIuNzgzMiAtMTUuNDc1MSA4NC4xNDIyIC0yMS42NDMyWiIgZmlsbD0iIzg0RThGNCIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzQuMTQyMiAtMjEuNjQzMkM5NS41NDQ1IC0yNy44MjM4IDExMi4xNDYgLTMuMDExODUgMTI5LjQ4MiAxMC45MjY5QzE0MS43NzEgMjAuODA3OCAxNTMuNjI4IDMxLjA0MTkgMTU4LjM2MyA0Ni4wNzMxQzE2My4wNDUgNjAuOTM2NSAxNjAuNTExIDc2LjQ0MjYgMTU0LjY3NSA5MC45MDYzQzE0OC4xMzYgMTA3LjExMiAxMzkuMjE3IDEyMi4yNTQgMTI0LjA4NCAxMzEuMDMzQzEwNC43OTcgMTQyLjIyMSA4MS41MjYzIDE1NC4zOTIgNjEuMjg2NSAxNDUuMDgyQzQwLjgxMjUgMTM1LjY2NiAzMy43MTgzIDExMC4yIDMwLjM4MzkgODcuOTM2M0MyNy41ODY5IDY5LjI2MDkgMzcuODQ1OSA1Mi45MTY1IDQ0Ljg1NDUgMzUuMzY1NUM1My4wODkzIDE0Ljc0NCA1Mi43ODMyIC0xNS40NzUxIDc0LjE0MjIgLTIxLjY0MzJaIiBmaWxsPSIjODRFOEY0Ii8+Cjwvc3ZnPgo=);

}

.nd-1{

    background-color:#171f4f;

}

.views-nd p.text-white, .views-nd1 p.text-white, .views-nd2 p.text-white {

    font-size: 21px;

    font-family: "Uniform Regular 3" !important;

    font-weight: 600;

}

.Dashboard h3{

    color:#171f4f;

     font-size: 25px;

    font-family: "Uniform Regular 2" !important;

    margin-bottom: 18px;

}



.views-nd1 {

     background-size: contain;

     background-color: #171f4f;

     padding: 22px;

    border-radius: 11px;

    background-position: right;

    background-repeat: no-repeat;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODMiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA4MyA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41Mzc0IDAuMjMxNTQ1QzI4LjQ3MDYgLTEyLjI3ODYgNDIuOTY1NiAtMjEuMDc2NCA1NC43NjI1IC0yNS4zNzg2QzY1LjEwNjMgLTI5LjE1MDkgNzUuNzYzMyAtMjEuOTkyNCA4Ni43NDkyIC0yMC45OTc5Qzk1LjU0NzUgLTIwLjIwMTUgMTA0LjI1NCAtMjMuMDg1IDExMi41ODYgLTIwLjE0NDVDMTIyLjczNiAtMTYuNTYyMiAxMzMuMDY1IC0xMS43NDQxIDEzOC43NTUgLTIuNjQzNTNDMTQ1LjAyOSA3LjM5MjA1IDE0OC42MjMgMjAuMjIzNiAxNDQuODAzIDMxLjM4NDlDMTQxLjA1IDQyLjM1MTggMTI3LjU5MSA0NS43MzMzIDExOS4zODggNTMuOTQ3M0MxMDkuNjcgNjMuNjc3NSAxMDUuNzcxIDgwLjI5NSA5Mi40MzQ3IDgzLjgyMDVDNzguNzQ5NCA4Ny40MzgxIDYwLjc4NjYgODMuMjE3OCA1Mi44MDA1IDcxLjU0OTJDNDQuNTg5NiA1OS41NTIxIDU5LjcyODggNDIuOTQzNiA1NS4wNTQxIDI5LjIwMzNDNTAuNzQyNiAxNi41MyAyOC42MDg4IDEzLjU5ODEgMjguNTM3NCAwLjIzMTU0NVoiIGZpbGw9IiNGOTg5NkIiLz4KPHBhdGggb3BhY2l0eT0iMC4yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LjUzNzQgMy4yMzE1NUMxOC40NzA2IC05LjI3ODYgMzIuOTY1NiAtMTguMDc2NCA0NC43NjI1IC0yMi4zNzg2QzU1LjEwNjMgLTI2LjE1MDkgNjUuNzYzMyAtMTguOTkyNCA3Ni43NDkyIC0xNy45OTc5Qzg1LjU0NzUgLTE3LjIwMTUgOTQuMjUzOCAtMjAuMDg1IDEwMi41ODYgLTE3LjE0NDVDMTEyLjczNiAtMTMuNTYyMiAxMjMuMDY1IC04Ljc0NDE0IDEyOC43NTUgMC4zNTY0NjZDMTM1LjAyOSAxMC4zOTIgMTM4LjYyMyAyMy4yMjM2IDEzNC44MDMgMzQuMzg0OUMxMzEuMDUgNDUuMzUxOCAxMTcuNTkxIDQ4LjczMzMgMTA5LjM4OCA1Ni45NDczQzk5LjY2OTggNjYuNjc3NSA5NS43NzE0IDgzLjI5NSA4Mi40MzQ3IDg2LjgyMDVDNjguNzQ5NCA5MC40MzgxIDUwLjc4NjYgODYuMjE3OCA0Mi44MDA1IDc0LjU0OTJDMzQuNTg5NiA2Mi41NTIxIDQ5LjcyODggNDUuOTQzNiA0NS4wNTQxIDMyLjIwMzNDNDAuNzQyNiAxOS41MyAxOC42MDg4IDE2LjU5ODEgMTguNTM3NCAzLjIzMTU1WiIgZmlsbD0iI0Y5ODk2QiIvPgo8L3N2Zz4K);

}

.views-nd2 {

     background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA4NiA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMzcuNDM0IC0yNS4xNTg3QzE0OS4zMTkgLTIxLjI1MTEgMTUzLjA2MSAtNC43MTMxNSAxNTMuMzk2IDcuODM5MzVDMTUzLjY5IDE4Ljg0NTYgMTQzLjUxOSAyNi42NzkyIDEzOS4wODkgMzYuNzgxM0MxMzUuNTQxIDQ0Ljg3MTggMTM1LjUxMSA1NC4wNDMyIDEzMC4wNzggNjEuMDEwOEMxMjMuNDU5IDY5LjQ5ODkgMTE1LjYxMiA3Ny43NjQzIDEwNS4xNzYgODAuMjcxM0M5My42Njc3IDgzLjAzNTkgODAuMzU5IDgyLjM3MTEgNzAuOTg3MyA3NS4yMDYxQzYxLjc3ODkgNjguMTY1OSA2Mi44NDQ0IDU0LjMyOTQgNTcuNjU5MSA0My45NDNDNTEuNTE2NyAzMS42MzkyIDM2Ljk5NTkgMjIuNjY3NyAzNy44ODYgOC45MDE2OEMzOC43OTk0IC01LjIyNDIgNDguNTAzMiAtMjAuOTE4NCA2Mi4xMDMzIC0yNC43ODc4Qzc2LjA4NjIgLTI4Ljc2NiA4Ny4wMzA0IC05LjEzNzg3IDEwMS41NDQgLTkuMjA5MzNDMTE0LjkzIC05LjI3NTI1IDEyNC43MzYgLTI5LjMzMzcgMTM3LjQzNCAtMjUuMTU4N1oiIGZpbGw9IiNGREJDNjQiLz4KPHBhdGggb3BhY2l0eT0iMC4xIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyNC40MzQgLTI1LjE1ODdDMTM2LjMxOSAtMjEuMjUxMSAxNDAuMDYxIC00LjcxMzE1IDE0MC4zOTYgNy44MzkzNUMxNDAuNjkgMTguODQ1NiAxMzAuNTE5IDI2LjY3OTIgMTI2LjA4OSAzNi43ODEzQzEyMi41NDEgNDQuODcxOCAxMjIuNTExIDU0LjA0MzIgMTE3LjA3OCA2MS4wMTA4QzExMC40NTkgNjkuNDk4OSAxMDIuNjEyIDc3Ljc2NDIgOTIuMTc2IDgwLjI3MTNDODAuNjY3NyA4My4wMzU5IDY3LjM1OSA4Mi4zNzExIDU3Ljk4NzMgNzUuMjA2MUM0OC43Nzg5IDY4LjE2NTkgNDkuODQ0MyA1NC4zMjk0IDQ0LjY1OTEgNDMuOTQzQzM4LjUxNjcgMzEuNjM5MiAyMy45OTU5IDIyLjY2NzcgMjQuODg2IDguOTAxNjlDMjUuNzk5NCAtNS4yMjQyIDM1LjUwMzIgLTIwLjkxODQgNDkuMTAzMyAtMjQuNzg3OEM2My4wODYyIC0yOC43NjYgNzQuMDMwNCAtOS4xMzc4NyA4OC41NDQgLTkuMjA5MzNDMTAxLjkzIC05LjI3NTI1IDExMS43MzYgLTI5LjMzMzcgMTI0LjQzNCAtMjUuMTU4N1oiIGZpbGw9IiNGREJDNjQiLz4KPC9zdmc+Cg==);



    background-size: contain;

    background-color: #171f4f;

    padding: 22px;

    border-radius: 11px;

    background-position: right;

    background-repeat: no-repeat;

    

    

}

/* .nd-sidebar ul li{

  border-bottom: 1px solid #b5badc;

} */

.nd-sidebar .offcanvas-body h6 {

  color: #ffffff;

  font-family: "Uniform Regular 2" !important;

  text-transform: uppercase;

  font-weight: 400;

}

.nd-sidebar .offcanvas-body img{

  outline: 3px solid #171f4f;

  border: 3px solid #ffffff;

  object-fit: cover !important;

    object-position: center;

}



@media (max-width: 768px) {

  .offcanvas.offcanvas-start  {

    /* width: 100%;  */

    /* max-width: 300px;  */

  }

}

.nd-sidebar .offcanvas-body {

  padding: 0px 0.5rem !important;

}

    .Dashboard  {

  background: radial-gradient(at center top, #FFFFFF, #e4e4e4);

}



/* lucky land css */



.top_up_wallet {

  background-image: url(../img/banner_violet_bg.png);

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  color: white;

  display: flex;

  justify-content: center;

  align-items: center;

}



.top_up_wallet .text-end p:nth-child(1) {

  margin: 0;

  font-size: 20px;

}



.top_up_wallet .text-end p:nth-child(2) {

  margin: 0;

  font-size: 32px;

  font-weight: 600;

}



.w-70 {

  width: 70% !important;

}



.win_ways_card_one, .win_ways_card_two, .win_ways_card_three, .win_ways_card_four {

  position: relative;

}



.win_ways_card_one::before, .win_ways_card_two::before, .win_ways_card_three::before, .win_ways_card_four::before {
  position: absolute;
  top: 35%;
  bottom: 50%;
  transform: translateY(-50%);
  color: white;
  font-size: 45px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 8px;
  font-family: "VAG Rounded BT";
  border: 3px solid white;
}

.win_ways_card_one::before {
  content: "1";
  background-color: #f68b1f;
}

.win_ways_card_two::before {

  content: "2";
  background-color: #1f91ce;

}



.win_ways_card_three::before {

  content: "3";
  background-color: #098442;

}

.win_ways_card_four::before {
  content: "4";
  background-color: #d50032;
}



.win_ways_card_one::after, .win_ways_card_two::after, .win_ways_card_three::after {

  content: "";

  position: absolute;

  top: 35%;

  transform: translateY(-50%);

  background-image: url(../img/arrow_img.webp);

  background-size: contain;

  background-repeat: no-repeat;

  width: 50px;

  height: 85px;

  right: -30px;

}



@media (max-width: 1300px) and (min-width: 1050px) {

  

  .win_ways_card_one::before, .win_ways_card_two::before, .win_ways_card_three::before, .win_ways_card_four::before {

    top: 33%;

    left: 25px;

  }



}



@media (max-width: 1049px) and (min-width: 880px) {

  

  .win_ways_card_one::before, .win_ways_card_two::before, .win_ways_card_three::before, .win_ways_card_four::before {

    top: 25%;

    font-size: 25px;

    width: 40px;

    height: 40px;

    left: 25px;

  }



  .win_ways_card_one::after, .win_ways_card_two::after, .win_ways_card_three::after {

    top: 25%;

    height: 55px;

  }



}



@media (max-width: 879px) and (min-width: 768px) {

  

  .win_ways_card_one::before, .win_ways_card_two::before, .win_ways_card_three::before, .win_ways_card_four::before {

    top: 20%;

    bottom: 50%;

    font-size: 15px;

    width: 30px;

    height: 30px;

    left: 20px;

  }



  .win_ways_card_one::after, .win_ways_card_two::after, .win_ways_card_three::after {

    top: 20%;

    height: 40px;

  }



}





/* @media (max-width: 768px) and (min-width: 10px) {

  

  .win_ways_card_one::before, .win_ways_card_two::before, .win_ways_card_three::before {

    content: none !important;

  }



  .win_ways_card_one::after, .win_ways_card_two::after {

    content: none !important;

  }



  .win_ways_card_one img, .win_ways_card_two img, .win_ways_card_three img {

    width: 35% !important;

  }



} */



@media (max-width: 768px) and (min-width: 10px) {



  .win_ways_card_one::before, .win_ways_card_two::before, .win_ways_card_three::before, .win_ways_card_four::before {
    top: 35%;
    bottom: 50%;
    font-size: 40px;
    width: 55px;
    height: 55px;
    left: 10px;
  }



  .win_ways_card_one::after, .win_ways_card_two::after, .win_ways_card_three::after {

    top: 35%;

    width: 50px;

    height: 75px;

    right: 0;

  }



  .win_ways_card_one img, .win_ways_card_two img, .win_ways_card_three img, .win_ways_card_four img {

      width: 75% !important;

  }



}



.win_ways_card_one img, .win_ways_card_two img, .win_ways_card_three img, .win_ways_card_four img {

  width: 70%;

}



/* Modal BG Transparent */



.modal-backdrop.show {

  opacity: 0.5 !important;

  background-color: #000 !important;

}



.px-10 {

  padding: 0 5rem !important;

}



@media (max-width: 767px) {

  

  .about_us_img {

    width: 55% !important;

    margin: 2rem 0 !important;

  }



}



.super_match_div {

  background-image: url(../img/super_match_bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 25px;

  padding: 45px;

}



.super_match_div p {

  color: white;

}



.russo_one_font {

  font-family: "Russo One Regular", sans-serif !important;

}



.uniform_regular_3_font {

  font-family: "Uniform Regular 3", sans-serif !important;

}



.scroll-container {

  display: flex;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-width: none; /* Hide scrollbar for Firefox */

}



.scroll-container::-webkit-scrollbar {

  display: none; /* Hide scrollbar for Chrome, Safari, and Opera */

}



.scroll-content {

  display: flex;

  flex-wrap: nowrap;

}



.scroll-content .win_ways_card {

  flex: 0 0 auto;

  /* margin-right: 15px; */

  width: 80%;

}



.lines_value {

  border: 1px solid #27397d;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  width: 45px;

  height: 40px;

}



@media (max-width: 767.98px) {



  .cart_img {

    width: 60%;

  }



}



.learn_more {

  letter-spacing: 2px;

  font-family: 'Poppins', sans-serif;

  font-weight: 500;

  padding: 8px 35px;

  border-radius: 12px;

  background: #002d72;
  border: none;

}

.learn_more:hover {
  background: #002d72;
}



.btn_play_now {

  background: #b61a2b;

  color: #fff;

  margin: 0px 6px;

  border-radius: 10px;

  font-family: "VAG Rounded BT", sans-serif;

  font-size: 32px;

  padding: 10px 30px;

}



.btn_later {

  color: #fff;

  margin: 0px 6px;

  font-family: "VAG Rounded BT", sans-serif;

  font-size: 20px;

}



.bootstrap-select .dropdown-menu li a span.text {

  font-family: "Uniform Regular 3" !important;

  font-weight: 600;

}



:not(.btn-check)+.btn:active {

  background-color: #b61a2b;

  color: #fff;

  border: 1px solid #fff;

}