.slick-prev {
    left: 0;
    z-index: 10;
    opacity: 1;
}

.slick-next {
    right: 0;
    z-index: 10;
    opacity: 1;
}
.slick-dots{

}

.slick-dots li.slick-active button:before {
    color: #DF185B !important;
}

.slick-dots li button:before {
    color: white;
  }



/* The carousel elements in the Home Discover section with their hover-overlays */
.discover-image{
	position: relative;
    height: auto;
	margin-top: 0px;
	margin-left: 8px;
	margin-bottom: 10px;
	/* Accent border */
	border-width: 0px 2px 2px 0px;
	border-style: solid;
	border-color: #1B1D2B;
}

.discover-image > img{
    height: 300px
}

.discover-image:hover{

	/* Accent border */
	border-width: 0px 2px 2px 0px;
	border-style: solid;
	border-color: #B51555;
}

.discover-overlay{
	position: absolute;
	bottom: 0;
	background: linear-gradient(0deg, #20222E 0%, rgba(32, 34, 46, 0) 100%);
	color: #f1f1f1;
	width: 100%;

	transition: .2s ease;
	opacity:0;
	color: white;

	padding: 25px;
	text-align: left;
}

.discover-element:hover .discover-overlay {
  opacity: 1;
}



/* For small screens */
@media (max-width: 1024px) {

	.header-carousel{
		margin-bottom: 30px!important;

	}

	.header-game-title {
        font-size: 2.3em!important;
        line-height: 40px!important;
		width: 258px!important;
    }


	.header-back-gradient{
		background-image:
			linear-gradient(
				to bottom,
				rgba(20, 21, 31, 0) 70%,
				rgba(20, 21, 31, 1) 110%
			),
			linear-gradient(
				to right,
				rgba(20, 21, 31, 1) 0,
				rgba(20, 21, 31, 0) 80%
			)!important;
	}

	.about-body{
		padding-left: 55px!important;
		padding-right: 55px!important;
		padding-bottom: 18;
		padding-top: 18;
	}

	.logo-big {
		margin-top: 30px!important;
		margin-bottom: 20px!important;
		padding-left: 5px!important;
		padding-right: 5px!important;
		height: auto!important;
		width: 70%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}

	.about-social{
		margin-bottom: 38px!important;
		margin-top: 28px!important;
		margin-left: auto!important;
		margin-right: auto!important;
		padding-left: 0px!important;
		padding-right: 0px!important;
		display: flex!important;
		align-items: center!important;
		justify-content: center!important;
	}


}