/*********************************************
 * Image slider
**********************************************/
.twc-image-slider {
    --slide-space:25px;
    --slide-w:100%;
}

/* Heading */
.twc-image-slider__heading {gap:var(--twc-gap-container);}

/* Slider */
.twc-image-slider__items {margin:0 calc(-1 * var(--slide-space));}
.twc-image-slider__image {width:var(--slide-w); padding:0 var(--slide-space);}
.twc-image-slider__image-bg {aspect-ratio:52/31; transform:translateZ(0);}
.main_content .twc-image-slider__image-bg img {transition:transform .5s ease; width:100%;}

/* hover */
.twc-image-slider__image-bg:hover img,
.twc-image-slider__image-bg:focus-visible img {transform:scale(1.03);}
.twc-image-slider__image-bg:not(:hover):before {opacity:0;}
.twc-image-slider__image-bg:before {
    z-index:2;
    background-color:rgba(0, 0, 0, .5);
    transition:all .3s ease;
}
.twc-image-slider__image-bg:focus-visible:before {opacity:1;}

/* avoid layout shift */
.twc-image-slider__items:not(.flickity-enabled) .twc-image-slider__image:not(:first-child) {display:none;}

/* Style default */
.default-layout {
    --slide-space:10px;
    --twc-radius-3-corners:20px 20px 20px 0;
}
.default-layout .twc-image-slider__image {padding:0 calc(var(--slide-space) + 53px / 2);}
.default-layout .twc-image-slider__image-bg {aspect-ratio:1162/473; min-height:250px; width:100%;}
.default-layout .flickity-button {--flkt-position:var(--slide-space);}

/* Style has multiple images */
.multiple-image-layout {--slide-w:calc(520px + 2 * var(--slide-space));}
.multiple-image-layout:not(.slider-loop) .twc-image-slider__image:first-child,
.multiple-image-layout:not(.slider-loop) .twc-image-slider__image:last-child {
    width:calc(var(--slide-w) + var(--twc-gap-side));
}
.multiple-image-layout:not(.slider-loop) .twc-image-slider__image:first-child {padding-left:calc(var(--twc-gap-side) + var(--slide-space));}
.multiple-image-layout:not(.slider-loop) .twc-image-slider__image:last-child {padding-right:calc(var(--twc-gap-side) + var(--slide-space));}
.multiple-image-layout .flickity-button {
    --flkt-position:calc(var(--slide-space) + var(--twc-gap-side) - var(--flkt-btn-size) / 2);
}
.multiple-image-layout.slider-loop .flickity-button {
    --flkt-position:calc(var(--slide-space) + var(--twc-gap-side));
}
.multiple-image-layout.slider-loop .twc-image-slider__heading {
    max-width:760px; margin-left:auto; margin-right:auto;
    --twc-spacing-40:var(--twc-spacing-80);
}
@media only screen and (min-width:1441px) {
    .multiple-image-layout {
        --slide-w:calc(var(--twc-container) / 2 + var(--slide-space));
        --slide-space:28px;
    }
}


/*********************************************
 * Image slider Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    /* Layout default */
    .default-layout .twc-image-slider__image {padding:0 calc(var(--slide-space) + 50px / 2);}

    /* Multiple layout */
    .multiple-image-layout {--slide-space:calc(var(--twc-gap-container) / 2);}
}
@media only screen and (max-width:1024px) {
    /* Layout default */
    .default-layout .twc-image-slider__image {padding:0 calc(var(--slide-space) + var(--twc-gap-container) / 2);}
    .default-layout .flickity-button {--flkt-position:calc(var(--twc-gap-container) - var(--flkt-btn-size) / 2);}

    /* Multiple layout */
    .multiple-image-layout {--slide-w:45%;}
    .multiple-image-layout:not(.slider-loop) .twc-image-slider__image:first-child,
    .multiple-image-layout:not(.slider-loop) .twc-image-slider__image:last-child {
        width:calc(var(--slide-w) + var(--twc-gap-side) + 10px);
    }
    .multiple-image-layout:not(.slider-loop) .twc-image-slider__image:first-child {padding-left:calc(var(--twc-gap-side) + var(--slide-space) + 10px);}
    .multiple-image-layout:not(.slider-loop) .twc-image-slider__image:last-child {padding-right:calc(var(--twc-gap-side) + var(--slide-space) + 10px);}
    .multiple-image-layout .flickity-button {
        --flkt-position:calc(var(--slide-space) + var(--twc-gap-side) - var(--flkt-btn-size) / 2 + 10px);
    }
}
@media only screen and (max-width:768px) {
    /* Multiple layout */
    .multiple-image-layout {--slide-w:60%;}
}
@media only screen and (max-width:480px) {
    .twc-image-slider {--twc-radius-3-corners:15px 15px 15px 0;}
    .twc-image-slider__heading {text-align:center;}
    .twc-image-slider__content {width:100%;}
    .twc-image-slider__button {padding-top:var(--twc-spacing-40);}


    /* Multiple layout */
    .multiple-image-layout {--slide-w:var(--twc-container);}
    .multiple-image-layout:not(.slider-loop) .twc-image-slider__image:first-child,
    .multiple-image-layout:not(.slider-loop) .twc-image-slider__image:last-child {
        width:calc(var(--slide-w) + var(--twc-gap-side));
        padding:0 calc(var(--slide-space) + var(--twc-gap-side) / 2);
    }
    .multiple-image-layout.slider-loop .flickity-button {
        --flkt-position:calc(var(--slide-space) + var(--twc-gap-side) - var(--flkt-btn-size) / 2 + 10px);
    }
}