/*********************************************
 * Single Project Slider
**********************************************/
.vii-single-project-slider {
    --slide-w:clamp(250px, 80vw, 1200px);
}
.vii-single-project-slider .vii-nav:before {--sep-color:#363535;}
.vii-single-project-slider.is-single-item {padding-bottom:var(--vii-spacing-default);}
.vii-single-project-slider.is-single-item .vii-single-project-slider__item {padding:0 var(--vii-gap-container);}

/* arrows */
.vii-single-project-slider .flickity-button {
    --flkt-position:calc((100vw - var(--slide-w) - 56px) / 2);

    top:calc(450px / 2);
}

/* item */
.vii-single-project-slider__item {
    width:var(--slide-w);
    padding:0 33px;
}
.vii-single-project-slider__item-image {height:450px;}
.vii-single-project-slider__item .vii-hover-image:before {display:none;}
.vii-single-project-slider__item:not(.is-selected) .vii-single-project-slider__item-info {opacity:0;}

/*********************************************
 * Single Project Slider Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .vii-single-project-slider {padding-bottom:var(--vii-spacing-default);}
    .vii-single-project-slider__item {padding:0 20px;}
    .vii-single-project-slider__item-image {height:auto; aspect-ratio:1132/450;}
    .vii-single-project-slider .flickity-button {display:none;}

    .vii-single-project-slider.is-single-item {--slide-w:100%;}
}
@media only screen and (max-width:1024px) {
    .vii-single-project-slider__item {padding:0 10px;}

    .vii-single-project-slider__heading {max-width:450px; margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:768px) {
    .vii-single-project-slider {
        --slide-w:clamp(250px, 80vw, 450px);
        --vii-size-h5:19px;
    }
    .vii-single-project-slider.is-single-item {--slide-w:clamp(250px, 100%, 450px);}
    .vii-single-project-slider__item-info-col {width:100%;}
    .vii-single-project-slider__item {padding:0 10px;}
    .vii-single-project-slider__item-image {height:auto; aspect-ratio:4/3;}
}