@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-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    
    /* position: absolute; */
    /* top: auto; */
    /* bottom: 0; */
    /* left: 0; */
    
    display: block;
    
    width: 50px;
    height: 50px;
    padding: 0;
    /* -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); */
    
    cursor: pointer;
    
    color: #20293B;
    border: none;
    outline: none;
    background-color: #E8E6F0;
    border-radius: 50%;
    border: 1px solid #B4B6BD;
}
.arrow-wrapper {
    display: flex;
    gap: 16px;
    margin-top: 94px;
    padding: 0 20px;

}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    /* background: transparent; */
}
.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: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #20293B;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cpath d="M9.4375 14.5312L3.71875 8.5625C3.5625 8.375 3.5 8.1875 3.5 8C3.5 7.84375 3.5625 7.65625 3.6875 7.5L9.40625 1.53125C9.6875 1.21875 10.1875 1.21875 10.4688 1.5C10.7812 1.78125 10.7812 2.25 10.5 2.5625L5.28125 8L10.5312 13.5C10.8125 13.7812 10.8125 14.2812 10.5 14.5625C10.2188 14.8438 9.71875 14.8438 9.4375 14.5312Z" fill="%2320293B"/%3E%3C/svg%3E');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cpath d="M6.53125 1.5L12.25 7.46875C12.375 7.625 12.4688 7.8125 12.4688 8C12.4688 8.1875 12.375 8.375 12.25 8.5L6.53125 14.4688C6.25 14.7812 5.75 14.7812 5.46875 14.5C5.15625 14.2188 5.15625 13.75 5.4375 13.4375L10.6875 7.96875L5.4375 2.53125C5.15625 2.25 5.15625 1.75 5.46875 1.46875C5.75 1.1875 6.25 1.1875 6.53125 1.5Z" fill="%2320293B"/%3E%3C/svg%3E');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px; /* Set width based on SVG */
    height: 16px; /* Set height based on SVG */
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

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

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 20px;
}

.slick-dots li {
    position: relative;
    cursor: pointer;
}
.slick-dots li button {
    color: transparent;
    background-color: #D8D8E3;
    outline: none;
    border: none;
    width: 15px;
    height: 8px;
    border-radius: 4px;
}
.slick-dots li.slick-active button {
    background-color: #2D6D7F;
    width: 38px;
}
/* .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
} */
/* .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;
}
.slick-dots li button:before
{
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 8px;
    content: '';
    background-color: #D8D8E3;
    border-radius: 4px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */
/* .slick-dots li.slick-active button:before
{
    color: #2D6D7F;
    width: 38px;
} */
