/*********************************************
 * Image slider
**********************************************/
.twc-image-slider {
    --is-spacing-item:80px;
    overflow:hidden;
}
.twc-image-slider__items {margin:0 calc(-1 * var(--is-spacing-item) / 2);}
.twc-image-slider__image {width:50%; padding:0 calc(var(--is-spacing-item) / 2);}
.twc-image-slider__image a {display:block; overflow:hidden; position:relative;}
.twc-image-slider__image a:before {background:#000; opacity:0; z-index:1; pointer-events:none;}
.twc-image-slider__image a:before, .twc-image-slider__image-bg {transition:var(--twc-transition);}

/* size image */
@media only screen and (min-width:1025px) {
    .twc-image-slider__image a {padding-top:50%;}
}

/* hover */
@media (hover:hover) {
    .twc-image-slider__image a:hover:before {opacity:.3;}
    .twc-image-slider__image a:hover .twc-image-slider__image-bg {transform:scale(1.03);}
}

/* Button arrow */
.twc-image-slider .flickity-button {
    --flkt-position:calc(var(--twc-gap-side) + var(--is-spacing-item) / 2);
}

/*********************************************
 * Image slider Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .twc-image-slider {--is-spacing-item:var(--twc-gap-container);}
}
@media only screen and (max-width:768px) {
    .twc-image-slider__image {width:70%;}

    /* Button arrow */
    .twc-image-slider .flickity-button {--flkt-position:calc(var(--is-spacing-item) / 2);}
}
@media only screen and (max-width:480px) {
    .twc-image-slider__image {width:80%;}

    /* size image */
    .twc-image-slider__image a {padding-top:60%;}
}