/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots {
    position: relative;
    z-index: 2;
}

/* ---------------------------------------------------
                Reset styling slick
-----------------------------------------------------*/
/* .slick-slider .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
} */

.slick-slider .slick-dots {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-top: 42px;
    padding: 0;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 20px;
}

.slick-slider .slick-dots li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-top: 0;
    font-size: 0;
}

.slick-slider .slick-dots li:not(:last-child) {
    margin-right: 8px;
    margin-bottom: 0;
}

.slick-slider .slick-dots button {
    width: 8px;
    height: 8px;
    border: 1px solid rgba(0,3,13, 0.02);
    background-color: rgba(0,3,13, 0.2);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    font-size: 0;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    padding: 0;
}

.slick-slider .slick-dots button:hover {
    border-color: var(--yellow);
}

.slick-dots .slick-active button {
    background-color: var(--yellow);
    border-color: var(--yellow);
}

.slick-slider .slick-arrow {
    position: absolute;
    z-index: 3;
    width: 48px;
    height: 48px;
    font-size: 0;
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    font-size: 0;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
     -ms-transform: translateY(-50%) translateX(-50%);
      -o-transform: translateY(-50%) translateX(-50%);
         transform: translateY(-50%) translateX(-50%);
    background: var(--white) center/24px 24px no-repeat;
    border: 1px solid rgba(0, 3, 13, 0.15);
}

.slick-slider .slick-next.slick-arrow,
.slick-slider .slick-prev.slick-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.9051 12.8517H4.70234C4.45767 12.8517 4.25459 12.7709 4.09309 12.6092C3.93142 12.4476 3.85059 12.2445 3.85059 12C3.85059 11.7555 3.93142 11.5524 4.09309 11.3907C4.25459 11.2291 4.45767 11.1482 4.70234 11.1482H16.9051L11.4033 5.64674C11.2333 5.47674 11.1473 5.27649 11.1451 5.04599C11.1428 4.81532 11.2267 4.61457 11.3968 4.44374C11.5672 4.27224 11.7679 4.18749 11.9991 4.18949C12.2303 4.19149 12.4315 4.2774 12.6028 4.44724L19.5528 11.3972C19.6438 11.4892 19.71 11.5849 19.7513 11.6842C19.7928 11.7837 19.8136 11.8892 19.8136 12.0007C19.8136 12.1122 19.7928 12.2175 19.7513 12.3165C19.71 12.4157 19.6438 12.5111 19.5528 12.6027L12.5968 19.5527C12.421 19.7266 12.2196 19.8135 11.9926 19.8135C11.7658 19.8135 11.5673 19.7261 11.3973 19.5512C11.2275 19.3811 11.1426 19.1823 11.1426 18.955C11.1426 18.7278 11.2275 18.5292 11.3973 18.3592L16.9051 12.8517Z' fill='%2300030D'/%3E%3C/svg%3E");
}

/* .slick-slider .slick-next.slick-arrow,
.slick-slider .slick-prev.slick-arrow {
    bottom: -90px;
} */

/* .slick-slider.slick-dotted .slick-arrow {
    top: -webkit-calc(50% - 20px);
    top: -moz-calc(50% - 20px);
    top: calc(50% - 20px);
} */

.listing.slick-slider .slick-dots {
    margin-top: 96px;
}

.listing.slick-slider .slick-next.slick-arrow {
    right: -webkit-calc(var(--padding-container) - 24px);
    right: -moz-calc(var(--padding-container) - 24px);
    right: calc(var(--padding-container) - 24px);
}

.listing.slick-slider .slick-prev.slick-arrow {
    left: -webkit-calc(100% - var(--padding-container) - 130px);
    left: -moz-calc(100% - var(--padding-container) - 130px);
    left: calc(100% - var(--padding-container) - 130px);
}

.listing.slick-slider .slick-prev.slick-arrow {
    -webkit-transform: scaleX(-1) translateY(-50%) translateX(-50%);
       -moz-transform: scaleX(-1) translateY(-50%) translateX(-50%);
        -ms-transform: scaleX(-1) translateY(-50%) translateX(-50%);
         -o-transform: scaleX(-1) translateY(-50%) translateX(-50%);
            transform: scaleX(-1) translateY(-50%) translateX(-50%);
}

.listing.slick-slider.slick-dotted .slick-arrow {
    top: unset;
	bottom: -webkit-calc(0px - 24px);
	bottom: -moz-calc(0px - 24px);
	bottom: calc(0px - 24px);
}

.listing.slick-slider.slick-dotted .slick-arrow:hover {
    background-color: var(--yellow);
}

.listing.slick-slider .slick-arrow.slick-disabled {
    opacity: 0.5;
}

body .ti-reviews-container-wrapper.slick-slider .slick-arrow,
body .ti-reviews-container-wrapper.slick-slider .slick-dots li {
    --text-base: 0px;
    font-size: 0px !important;
}

body .ti-reviews-container-wrapper.slick-slider .slick-dots {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 0px;
}

.google-review-slider .slick-prev.slick-arrow,
body .ti-reviews-container-wrapper.slick-slider .slick-prev.slick-arrow {
    --position-arrow: 12px;
    background: url(/wp-content/themes/whello/assets/images/slider-arrow-left.png) center/48px no-repeat;
}

.google-review-slider .slick-next.slick-arrow,
body .ti-reviews-container-wrapper.slick-slider .slick-next.slick-arrow {
    --position-arrow: -32px;
    background: url(/wp-content/themes/whello/assets/images/slider-arrow-right.png) center/48px no-repeat;
}

.google-review-slider .slick-dots li:not(:last-child),
body .ti-reviews-container-wrapper.slick-slider .slick-dots li:not(:last-child) {
    margin-right: 9px;
}

.google-review-slider .slick-dots li:not(.slick-active) button,
body .ti-reviews-container-wrapper.slick-slider .slick-dots li:not(.slick-active) button {
    background-color: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.01);
}

.google-review-slider .slick-dots  {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media all and (max-width: 900px) {
    .listing.slick-slider .slick-dots {
        margin-top: 76px;
    }

    .google-review-slider .slick-list {
        padding-left: 26px;
        padding-right: 27px;
    }

    .google-review-slider .slick-prev.slick-arrow {
        --position-arrow: 40px;
    }

    .google-review-slider .slick-next.slick-arrow {
        --position-arrow: -8px;
    }

    .slick-slider.slick-dotted .slick-arrow {
        top: -webkit-calc(100% - 24px);
        top: -moz-calc(100% - 24px);
        top: calc(100% - 24px);
    }
}

@media all and (min-width: 601px) and (max-width: 900px) {
    .listing.slick-slider .slick-next.slick-arrow {
        right: -webkit-calc(var(--padding-container) - 12px);
        right: -moz-calc(var(--padding-container) - 12px);
        right: calc(var(--padding-container) - 12px);
    }

    .listing.slick-slider .slick-prev.slick-arrow {
        left: -webkit-calc(100% - var(--padding-container) - 148px);
        left: -moz-calc(100% - var(--padding-container) - 148px);
        left: calc(100% - var(--padding-container) - 148px);
    }
}

@media all and (max-width: 600px) {
    .listing.slick-slider .slick-next.slick-arrow {
        right: 4px;
    }

    .listing.slick-slider .slick-prev.slick-arrow {
        left: -webkit-calc(100% - 36px - 130px);
        left: -moz-calc(100% - 36px - 130px);
        left: calc(100% - 36px - 130px);
    }
}