@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: var(--button-size-social);
    height: var(--button-size-social);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: var(--color-text-default);
    border-radius: 50%;
    z-index: 8;
}

.slick-arrow::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.331 12L8.79826 4.46725C8.59959 4.26858 8.50284 4.03208 8.50801 3.75775C8.51318 3.48342 8.61509 3.24683 8.81376 3.048C9.01243 2.84933 9.24893 2.75 9.52326 2.75C9.79759 2.75 10.0342 2.84933 10.233 3.048L17.8888 10.7193C18.0694 10.9001 18.2033 11.1027 18.2905 11.327C18.3778 11.5513 18.4215 11.7757 18.4215 12C18.4215 12.2243 18.3778 12.4487 18.2905 12.673C18.2033 12.8973 18.0694 13.0999 17.8888 13.2808L10.2175 20.952C10.0188 21.1507 9.78493 21.2474 9.51576 21.2423C9.24643 21.2371 9.01243 21.1352 8.81376 20.9365C8.61509 20.7378 8.51576 20.5013 8.51576 20.227C8.51576 19.9527 8.61509 19.7161 8.81376 19.5173L16.331 12Z' fill='black' fill-opacity='0.56'%3E%3C/path%3E%3C/svg%3E");
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {

    outline: none;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    display: none !important;
}


.slick-next {
    right: 0;
    transform: translateX(50%) translateY(-50%);
}

.slick-prev {
    left: 0;
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
}


@media screen and (max-width: 679px) {
    .slick-arrow {
        display: none !important
    }
}

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

.slick-dots {
    position: absolute;
    bottom: 0;
    z-index: 10;

    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz4KPC9zdmc+Cg==");
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 1.0s ease;
}

.slick-dots li button {
    position: relative;
    z-index: 2;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    opacity: 0;
    overflow: hidden;
}

.slick-dots li:hover,
.slick-dots li:focus {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiNFQUM5NkIiIC8+Cjwvc3ZnPgo=");
}

.slick-dots li.slick-active {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjcuNSIgc3Ryb2tlPSIjRUFDOTZCIiAvPgo8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNSIgZmlsbD0iI0VBQzk2QiIgLz4KPC9zdmc+Cg==");
    background-size: 16px 16px;
    background-repeat: no-repeat;
}