.slick-dots {
	margin-top: 15px;
	li {
		color: var(--g5-color-heading);
		margin: 0;
		line-height: 1;
		opacity: 1;
	}

	span:before {
		font-size: 8px;
	}

	li.slick-active {
		span:before {
			font-size: 16px;
			font-weight: 300;
			content: "";
		}
	}
}

.slick-arrow {
	border: 2px solid var(--g5-color-border);
	@include border-radius(50%);
	position: absolute;
	top: 50%;
	margin: 0;
	@include transform(translateY(-50%));
	width: 48px;
	height: 48px;
	line-height: 48px;
	@include transition(all .3s);
	i {
		font-size: 20px;
		font-weight: 400;
		color: var(--g5-color-muted);
		&:before {
			font-family: var(--g5-font-icon-primary);
		}
	}
	&:hover{
		border-color: transparent;
		@include box-shadow(0 3px 10px 0 rgba(0, 0, 0, 0.1));
		i{
			color: var(--g5-color-heading);
		}
	}
	&.slick-prev {
		left: -60px;
		i:before {
			content: "\efbd";
		}
	}
	&.slick-next {
		right: -60px;
		i:before {
			content: "\efbe";
		}
	}
	&.slick-disabled {
		opacity: 1;
	}
}

.g5element__products-slider,
.elementor-widget-ube-g5-products-slider{
	.slick-dots {
		margin-top: 30px;
	}
}

@media (min-width: 1200px) {
	.custom-slick-01.g5element__products-slider,
	.custom-slick-01 .elementor-widget-container{
		margin-left: calc((-100% - 1440px)/2);
		margin-right: calc((-100% - 1440px)/2);
		.slick-arrow{
			position: static;
			@include transform(none);
			&.slick-prev{
				margin-right: 15px;
			}
		}
		.slick-arrows{
			position: absolute;
			top: -124px;
			right: 34%;
		}
		.slick-list{
			padding-left: calc((100% - 1440px)/2);
			padding-right: calc((100% - 1440px)/2);
		}
		.slick-dots{
			display: none !important;
		}
	}
}

@media (max-width: 1199px) {
	.custom-slick-01{
		.slick-arrows{
			display: none;
		}
	}
}

@media (max-width: 1570px) {
	.custom-slider-arrow-dots{
		.slick-arrows{
			display: none !important;
		}
	}
}

@media (min-width: 1571px) {
	.custom-slider-arrow-dots{
		.slick-dots{
			display: none !important;
		}
	}
}
