/* CSS Document */
.akn-obf-link, .btn-wbukplay {
    cursor: pointer;
}
#offers-oc {
		display: block;
	}
#offers-oc h3 {
	margin: 1rem 0;
}
#offers-oc .button {
	  font-size: 1.15rem;
	  font-weight: 900;
	  letter-spacing: 0.2rem;
	  padding: 1rem 1.5rem 1rem;
	  outline: 0;
	  border: 0.1rem solid black;
	  cursor: pointer;
	  position: relative;
	  background-color: #ffe54c;
	  user-select: none;
	  -webkit-user-select: none;
	  touch-action: manipulation;
	  text-align: center;
	  color: black;
      line-height: 1.25rem;
	  width: 100%;
	  text-transform: capitalize;
	  height: auto;
	  z-index: 1;
}
#offers-oc .button:hover:after {
   top: 0px;
   left: 0px;
}
#offers-oc .min-deposit {
		font-size: 0.75rem;
		background-color: #F4F4F4;
		margin: 1rem 1rem 0.25rem 1rem;
		padding: 0.25rem 0.75rem 0.25rem 0.25rem;
		border: thin solid #000000;
}
#offers-oc .offers-text {
	width: 100%;
	text-align: center;
}
#offers-oc .offers-image img {
	max-width: 100%;
}
#offers-oc .approved {
	text-align: center;
	padding: 0.25rem; 0 2rem 0;
	display: flex;
    justify-content: center;
}
#offers-oc .offers-button {
	padding: 1rem;
	width: 100%;
}
#offers-oc p {
	margin: 0;
	padding: 1rem;
	font-weight: 200;
}
#offers-oc .offers-text p {
	margin: 0;
	padding: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.75rem;
}
#offers-oc .terms {
		font-size: 0.65rem;
		background-color: #F4F4F4;
		border: thin solid #000000;
		line-height: 14px;
		font-size: 12px;
	}
#offers-oc .tcs {
	padding: 0.25rem;
}
#offers-oc .star {
	background: gold;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
	display: inline-block;
	height: 1.75rem;
	width: 1.75rem;
}
#offers-oc .star-grey {
	background: grey;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
	display: inline-block;
	height: 1.75rem;
	width: 1.75rem;
}
#offers-oc .review-summary {
	border-left: thin solid #000000;
	border-right: thin solid #000000;
		
}
#offers-oc .review-summary ul {
		margin: 0 20px;
		padding: 0 20px;
}
#offers-oc .flex-table {
		display: block;
		border-top: thin solid #000000;
		border-left: thin solid #000000;
		border-right: thin solid #000000;
}	
#offers-oc .offers-image {
  position: relative;
  width: 100%;  /* adjust as needed */
  height: 170px; /* adjust as needed */
  display: flex;
  justify-content: center;
  overflow: hidden;
}


/* Make sure the image sits on top of the arrow */
#offers-oc .offers-image img {
  position: relative;
  z-index: 2;
  display: block;
  width: 250px;
}
#offers-oc .logo-container {
	width: 100%;
}
#offers-oc .logo-background {
	width: 340px;
	justify-content: center;
	display: flex;
}
#offers-oc .review-summary {
  max-height: 0px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}
#offers-oc .review-summary.expanded {
  max-height: 1000px;
  transition: max-height 0.5s ease;
}
#offers-oc .read-more-link {
  cursor: pointer;
  text-align: right;
  display: block;
  padding: 10px;
  user-select: none;
  transition: color 0.2s;
  font-size: 16px;
  border-left: thin solid #000000;
  border-right: thin solid #000000;
}
#offers-oc .read-more-link:hover {
  color: #0056b3;
}
@media (min-width: 400px) {
	#offers-oc .logo-background {
    width: 400px;
    }
}
@media (min-width: 768px) {
	
#offers-oc .offers-button {
	width: 50%;
}

#offers-oc .offers-image {
  position: relative;
  width: 100%;  /* adjust as needed */
  height: 200px; /* adjust as needed */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#offers-oc .offers-image img {
	height: 185px;
	width: 400px;
}

#offers-oc .logo-background {
	width: 200px;
}

#offers-oc .offers-image {
  height: 120px; /* adjust as needed */
}	

.logo-container {
	width: 100%;
	width: 200px;
	margin: 0 40px 0 0;
}
#offers-oc .offers-image .arrow-bg {
clip-path: polygon(35% 0%, 85% 0%, 100% 50%, 85% 100%, 35% 100%, 55% 50%) !important; /* Right arrow */
}
#offers-oc .offers-image img {
	height: 140px;
	padding-bottom: 0.45rem;
	width: 375px;
}
#offers-oc .offers-image {
	text-align: left;
	}	
	#offers-oc .min-deposit {
		margin: 0.25rem 0.25rem 0.25rem 0rem;
		display: inline;
		padding: 0.25rem 0.25rem 0.25rem 0.25rem;
	}
 	#offers-oc .button {
    padding: 1rem 3.5rem 1rem;
	margin: 0.25rem 0.5rem 0rem 0rem;
  	}
	#offers-oc .stars-container {
		width: 100%;
		padding: 0;
	}
  	#offers-oc .approved {
	text-align: center;
	padding: 0.5rem 0 0 0;
	}
	#offers-oc .offers-text p {
		align-items: center;
		text-transform: uppercase;
		width: 100%;
		padding: 1.5rem 1rem 0 1rem;
		font-weight: bold;
		font-size: 1.5rem;
	}
	#offers-oc .flex-table {
		display: flex;
		width: 100%;
		border-top: thin solid #000000;
		border-left: thin solid #000000;
		border-right: thin solid #000000;
	}
	#offers-oc .additional-bonus {
		padding: 0 0.5rem 0.5rem 0;
		font-size: 1.25rem;
		font-weight: 600;
	}
}