@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
background: #fff url(/img/empty.png) center center no-repeat;
}
/* Arrows */
.slick-prev, .slick-next {
position: absolute;
display: block;
height: 60px;
width: 60px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
background: var(--primary);
border-radius: 50%;
transition: all 0.8s;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
outline: none;
background: var(--secondary);
color: var(--primary);
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 0.6;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
font-family: "Font Awesome 6 Pro";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -0.8rem;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -0.8rem;
}
.slick-prev:before {
content: "\f053";
}
[dir="rtl"] .slick-prev:before {
content: "\f054";
}
.slick-next {
right: -0.8rem;
}
[dir="rtl"] .slick-next {
left: -0.8rem;
right: auto;
}
.slick-next:before {
content: "\f054";
}
[dir="rtl"] .slick-next:before {
content: "\f053";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -50px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 10px;
width: 30px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 10px;
width: 10px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
transition: all 06s;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
background: var(--secondary);
}
.slick-dots li button:before {
position: absolute;
content: "";
width: 10px;
height: 8px;
background: var(--primary);
transition: all .6s;
border-radius: 1rem;
}
.slick-dots li.slick-active button:before {
background: var(--secondary);
width: 30px;
}
#clients .slick-slide img:hover {
transform: scale(1.5);
}