.slick-list {
	padding: 1rem 3.125rem !important;
}
@media screen and (min-width: 768px) {
	.slick-list {
		padding: 1rem 0 !important;
	}
}



/*** Arrows ***/
/**************/

.slick-prev,
.slick-next
{
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: calc(50% - 2rem);
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	background: transparent;
	outline: none;
	border: 1px var(--color-primary) solid;
	border-radius: 50px;
	transition: 0.3s ease-in all;
}

.slick-slider .slick-arrow svg {
	width: 1.5rem;
	height: 1.5rem;
	color: var(--color-primary);
	transition: 0.3s ease-in all;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
	display: block;
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
}
.slick-slider .slick-prev {	
	left: -3rem;
	background-image: url('/wp-content/themes/koob-portal/public/images/icon-prev.svg') ;
}
.slick-slider .slick-next {	
	right: -3rem;
	background-image: url('/wp-content/themes/koob-portal/public/images/icon-next.svg') ;
}

.nGY2Gallery--play {
	display: block;
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/wp-content/themes/koob-portal/public/images/icon-play.svg');
}

.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
}
.slick-slider .slick-prev:hover {	
	background-image: url('/wp-content/themes/koob-portal/public/images/icon-prev-white.svg') ;
}
.slick-slider .slick-next:hover {	
	background-image: url('/wp-content/themes/koob-portal/public/images/icon-next-white.svg') ;
}

.slick-slider .slick-prev:hover,
.slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus
{
	background-color: var(--color-primary);
	transition: 0.3s ease-in all;
}
.slick-slider .slick-prev:hover svg,
.slick-slider .slick-prev:focus svg,
.slick-slider .slick-next:hover svg,
.slick-slider .slick-next:focus svg
{
	color: #ffffff;
	transition: 0.3s ease-in all;
}







/*** Dots ***/
/************/

.slick-slider.slick-dotted .slick-dots {
	margin: 0;
	padding: 0;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
  align-items: center;
}

.slick-slider.slick-dotted .slick-dots li { 
  list-style: none; 
}
.slick-slider.slick-dotted .slick-dots li + li { 
  margin-left: 1rem; 
}

.slick-slider.slick-dotted .slick-dots li button {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
  border-radius: 100%;
  border: 1px #ddd solid;
  background-color: transparent; 
  outline: none;
  cursor: pointer;
	transition: linear 0.2s all;
}
.slick-slider.slick-dotted .slick-dots li button:hover{
  border: 1px var(--color-primary) solid;
  transition: linear 0.2s all;
}

.slick-slider.slick-dotted .slick-dots .slick-active button { 
  background-color: var(--color-primary); 
  border: 1px var(--color-primary) solid;
  transition: linear 0.2s all;
}
