.providers-hover {
	
	height: 30px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: #4F597E;
}

.providers-hover:hover .providers-wrapper__long .providers-down {
	overflow-y: auto;	
}

.providers-wrapper__long .providers-down {
	scrollbar-width: thin;
   scrollbar-color: hsl(0 0% 50%);
}

.providers-wrapper__long .providers-down::-webkit-scrollbar {
	width: 8px;               /* ширина всей полосы прокрутки */
 }
 
.providers-wrapper__long .providers-down::-webkit-scrollbar-track {
	background: orange;        /* цвет зоны отслеживания */
 }
 
.providers-wrapper__long .providers-down::-webkit-scrollbar-thumb {
	background-color: blue;
	border-radius: 17px;       /* округлось бегунка */
	border: 1px solid orange;  /* отступ вокруг бегунка */
 }


.providers-wrapper__long {
	width: 286px;
}

.game__overly {
	background-repeat: none;
	background-size: cover;
}

.content-block {
	padding: 40px 0;
}

.content-block p:last-child, .content-block ul:last-child{
	margin-bottom:0!important;
}

.hero-section {
  padding: 40px 0;
	background: aliceblue;
    border-bottom: 1px solid #E8EBFE;
}

.hero-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hero-text {
  flex: 1 1 75%;
}

.cta-button {
  display: inline-block;
  background-color: #1eb87e;
  color: white;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: #0056b3;
}

.meta {
  margin-top: 30px;
  font-size: 14px;
  color: #555;
}

.hero-badge {
  flex: 1 1 25%;
}

.hero-badge img {
 margin-bottom: 0;
  height: auto;
}

/* Адаптивність */
@media (max-width: 768px) {
  .hero-content {
    flex-direction: column;
    text-align: center;
  }

  .hero-text {
    max-width: 100%;
  }
	
	.hero-badge img {
 max-width:220px;
}
}

.casino-types-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}

.casino-types-text {
  flex: 1 1 60%;
}

.casino-types-image {
  flex: 1 1 35%;
  text-align: center;
}

.casino-types-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .casino-types-wrapper {
    flex-direction: column;
  }

  .casino-types-text,
  .casino-types-image {
    flex: 1 1 100%;
  }
}