/* Base styles for the Image Box */
.shilabs_image_box_wrap{}
.shilabs-image-box {
    position: relative; width:100%;
    overflow: hidden;
    transition: all 0.3s ease;
}
.shilabs-image-box.text-left {text-align: left;}
.shilabs-image-box.text-right {text-align: right;}
.shilabs-image-box.text-center {text-align: center;}
.shilabs_full_box_link{ position:absolute; left:0; bottom:0; right:0; top:0; font-size:0; line-height:0; z-index:1;}
.shilabs-image-box-image{ line-height:0;padding:0 0 0px 0; margin:0 0 12px 0;}
.shilabs-image-box-image img {max-width: 100%;height: auto;}
.shilabs-image-box-title {padding:0 0 0 0;}
.shilabs-image-box-description{padding:12px 0 0 0;}
.shilabs-image-box-button{display: inline-block;position: relative;z-index: 2;margin-top: 12px; padding: 10px 20px;text-decoration: none;transition: background-color 0.3s ease, color 0.3s ease;}

/* CSS Animations */
.shilabs-image-box.fadeIn {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

.shilabs-image-box.bounce {
    opacity: 0;
    animation: bounce 1s forwards;
}

.shilabs-image-box.zoomIn {
    opacity: 0;
    transform: scale(0);
    animation: zoomIn 1s forwards;
}

.shilabs-image-box.slideInUp {
    opacity: 0;
    transform: translateY(50px);
    animation: slideInUp 1s forwards;
}

/* Keyframes for animations */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Styles */
@media (max-width: 767px) {
    .
}

/************Anything Slider CSS Start*************/
.shi_anything_slider .slick-slide{padding: 0 0px;}
.shi_anything_slider .slick-next, 
.shi_anything_slider .slick-prev{background:#00000073; color:#fff; min-width: initial;width: 40px;height: 40px; z-index:9;border-radius: 3px;}
.shi_anything_slider .slick-next:focus, 
.shi_anything_slider .slick-prev:focus,
.shi_anything_slider .slick-next:hover, 
.shi_anything_slider .slick-prev:hover{background:#000; color:#fff; opacity:0.7;}
.shi_anything_slider .slick-next:before, 
.shi_anything_slider .slick-prev:before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.shi_anything_slider .slick-prev{ left:0;}
.shi_anything_slider .slick-next{ right: 0;}
.shi_anything_slider.slick-initialized .vc_row.vc_row-flex{display: flex !important;}
/************Anything Slider CSS End*************/