:root {
		--epcl-main-color: #FF4C60;
		--epcl-secondary-color: #65EBE7;
		--epcl-titles-color: #454360;
		--epcl-black-color: #4B4870;
		--epcl-text-color: #596172;
		--epcl-border-color: #EEEEEE;
		--epcl-input-bg-color: #F9F9FE;
}

/* Slider */
.slick-loading .slick-list {
		outline: 0;
}

/* Arrows */
.slick-prev,
.slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 40px;
		height: 40px;
		padding: 0;
		text-align: center;
		line-height: 40px;
		-webkit-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		        transform: translate(0, -50%);
		cursor: pointer;
		color: #fff;
		border: none;
		outline: none;
		background-color: var(--epcl-main-color);
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		border-radius: 30px;
		z-index: 10;
}
.outer-arrows .slick-prev,
.outer-arrows .slick-next {
		width: 50px;
		height: 50px;
		line-height: 50px;
}
.slick-prev:before,
.slick-next:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url("../images/right-arrow.svg") no-repeat center center;
		background-size: 15px;
}

.slick-prev:before {
		background: url("../images/left-arrow.svg") no-repeat center center;
		background-size: 15px;
}

.outer-arrows .slick-prev {
		left: -10px;
}
.outer-arrows .slick-next {
		right: -10px;
}

.slick-slider .slick-arrow.slick-disabled {
		opacity: 0;
		visibility: hidden;
}

.slick-prev {
		left: 20px;
}

.slick-next {
		right: 20px;
}

.slick-prev:hover,
.slick-next:hover {
		background: var(--epcl-black-color);
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
		opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
		opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
}

[dir=rtl] .slick-prev {
		right: 20px;
		left: auto;
		-webkit-transform: rotate(180deg) translateY(50%);
		    -ms-transform: rotate(180deg) translateY(50%);
		        transform: rotate(180deg) translateY(50%);
}

.slick-prev:before {
		content: "\f104";
}

[dir=rtl] .slick-prev:before {
		content: "\f105";
}

[dir=rtl] .slick-next {
		right: auto;
		left: 20px;
		-webkit-transform: rotate(180deg) translateY(50%);
		    -ms-transform: rotate(180deg) translateY(50%);
		        transform: rotate(180deg) translateY(50%);
}

.slick-next:before {
		content: "\f105";
}

[dir=rtl] .slick-next:before {
		content: "\f104";
}

/* Dots */
.slick-dotted.slick-slider {
		margin-bottom: 30px;
}

.slick-dots {
		position: absolute;
		bottom: -35px;
		left: 0;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
}

.slick-dots li {
		position: relative;
		display: inline-block;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
}

.slick-dots li button {
		border-radius: 10px;
		font-size: 0;
		display: block;
		width: 8px;
		height: 8px;
		text-align: center;
		line-height: 20px;
		font-weight: bold;
		cursor: pointer;
		outline: none;
		background: var(--epcl-black-color);
		position: relative;
		-webkit-box-shadow: 0px 3px 5px -1px rgba(7, 10, 25, 0.2);
		        box-shadow: 0px 3px 5px -1px rgba(7, 10, 25, 0.2);
}

.slick-dots li.slick-active button {
		opacity: 1;
		background: var(--epcl-main-color);
}

.slick-dots li button:hover {
		opacity: 1;
}