/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2026 | 23:53:03 */
/* =========================================================
   06 - IMAGE BOX SLIDER CSS

   Purpose:
   - Image slider button
   - Slider image
   - Reflection
   - Hover
========================================================= */


/* =========================================================
   SLIDER BUTTON
========================================================= */

.img-box-slider.imgbox-slider-2
.item .box-cont .feature-btn,

.img-box-slider .slick-slide {

    background-color: #EB2627;

    border: 1px solid #fff;
}


/* =========================================================
   BUTTON HOVER
========================================================= */

.img-box-slider.imgbox-slider-2
.item .box-cont .feature-btn:hover {

    color: #000;
}


/* =========================================================
   IMAGE HEIGHT
========================================================= */

.img-box-slider.imgbox-slider-2
.item .box-img img {

    min-height: auto;

    height: auto;
}


/* =========================================================
   IMAGE CONTAINER
========================================================= */

.img-box-slider.imgbox-slider-2
.item .box-img {

    position: relative;

    overflow: visible;
}


/* =========================================================
   IMAGE + REFLECTION
========================================================= */

.img-box-slider.imgbox-slider-2
.item .box-img img {

    width: 100%;

    height: auto;

    display: block;

    filter:
        drop-shadow(
            0 12px 16px
            rgba(0, 0, 0, 0.30)
        );

    -webkit-box-reflect:
        below 12px
        linear-gradient(
            transparent 0%,
            rgba(255,255,255,0.30) 20%,
            rgba(255,255,255,0.18) 55%,
            rgba(255,255,255,0.05) 85%,
            transparent 100%
        );
}


/* =========================================================
   CARD HOVER BUTTON
========================================================= */

.img-box-slider.imgbox-slider-2
.item:hover
.box-cont
.feature-btn {

    background-color: #000;
}


/* =========================================================
   BUTTON HOVER TEXT
========================================================= */

.img-box-slider.imgbox-slider-2
.item .box-cont
.feature-btn:hover {

    color: #fff;
}