ol.casino--list {
  list-style: none; /* Remove default markers */
  padding: 0;
  margin: 0;
}

ol.casino--list > li {
  display: flex;
  flex-direction: column;
  position: relative;
}

ol.casino--list > li::before {
/*   content: counters(item, ".") ". ";
  counter-increment: item;
  margin-right: 10px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  top: 50px;
  left: 12px;
  background: black;
  border-radius: 26px;
  padding: 0px 9px;
  line-height: 2; */
}

.casino--card {
  border: 1px solid #eee;
  border-radius: 13px;
  padding: 20px 20px;
}

.casino--row--1 {
  display: flex;
}

.casino--img--title {
  width: 33%;
  display: flex;
  justify-content: start;
  border-right: 1px solid #eee;
}

.casino--img {
  display: flex;
  align-items: center;
}

.casino--img img {
  width: 112px;
  height: 55px !important;
  object-fit: contain;
}

.casino--bonus {
  width: 33%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #eee;
}

.casino--info {
  width: 33%;
  display: flex;
  padding-left: 30px;
  justify-content: space-between;
}

.casino--title {
  padding-left: 25px;
  color: #eee;
}

.casino--title h3 {
  font-weight: 700;
  color: #eee;
  margin-bottom: 5px;
}
.casino--rating {
  color: #eee;
}
.casino--price {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: #a91d3a;
}
.casino--bonus p {
  color: #eee;
}

.casino--micro--info p {
  font-weight: 700;
  color: #eee;
}
.casino--btns {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
a.casino--play--btn div {
  background: #a91d3a;
  color: white;
  text-align: center;
  border-radius: 12px;
  padding: 12px 44px;
}

a.casino--view-details div {
  background: #a91d3a;
  color: white;
  text-align: center;
  border-radius: 12px;
  padding: 12px 44px;
  margin-top: 5px;
}

a {
  text-decoration: none !important;
}
.casino--row--2 li {
  color: #eee;
}
.casino--row--2 {
  display: none;
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.casino--pros {
  width: 33%;
  border-right: 1px solid #eee;
}
.casino--pros li {
  list-style-type: none;
}
.casino--cons {
  width: 33%;
  border-right: 1px solid #eee;
}
.casino--cons li {
  list-style-type: none;
}
.casino--author {
  width: 33%;
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
}
.casino--author p {
  text-transform: capitalize;
  color: #eee;
}
.casino--author p a,
div {
  text-transform: capitalize;
  color: #eee;
}
.casino--author li {
  list-style-type: none;
}

/* Reviews */
.review_header h3 {
  color: white;
  font-size: 12px;
}
.review_header {
  margin-top: 70px;
  width: 100%;
}
.pk__row {
  display: flex;
  padding: 50px 0px;
}
.pk__coL {
  width: 25%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.pk_logo_review {
  background: #eee;
  border-radius: 21px;
}
.pk_logo_review img {
  width: 110px;
}
.pk__coL .pk_num {
  font-size: 40px;
  margin-bottom: 0px;
  font-weight: 800;
}
a.pk__visit {
  background: #a91d3a;
  color: white;
  border-radius: 12px;
  padding: 12px 24px;
}
.pk__banner_section {
  background-image: url("http://localhost/casino/wp-content/uploads/2024/12/hero-pattern.webp"); /* Replace with the actual path to your image */
  background-size: cover; /* Ensures the image covers the entire section */
  background-position: center; /* Centers the background image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  height: 400px; /* Adjust the height of the banner */
}