.ssb-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.ssb-img { height: 210px; }
.ssb-category { position: absolute; left: 0; bottom: 0; background: rgb(25 5 28 / 50%); width: 100%; padding: 18px 35px; font-size: 18px; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; color: var(--kal-white); }
.ssb-text-holder { padding: 30px; }
.ssb-text { margin-bottom: 26px; }
.ssb-text h3 { font-size: 30px; letter-spacing: -0.01em; margin-bottom: 18px; }
.software-showcase-bottom { margin-top: 50px; gap: 20px; }
.software-showcase-bottom .custom-slider-progressbar { margin-top: 0; width: 100%; max-width: 360px; }

.bg-white.software-showcase-container  .software-showcase-box{background: var(--kal-grey)!important;color: var(--kal-black)!important;}

.software-showcase-container {position: relative;}
.grid-line-container{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.grid-line{width: 1px;height: 100%;background: var(--kal-white);}
.software-showcase-container.bg-white .grid-line{background: var(--kal-grey);}
.software-showcase-container:has(.swiper-pagination-lock) .grid-line-container{display: block;}


/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .ssb-img { height: 150px; }
    .ssb-category { padding: 13px 35px; }
    .ssb-text-holder { padding: 25px; }
    .ssb-text h3 { line-height: 1; }
	.grid-line-container{display: none!important;}
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .software-showcase-item.swiper-slide { width: 310px; max-width: calc(100vw - 60px); }
    .software-showcase-bottom { margin-top: 45px;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .software-showcase-item.swiper-slide { width: 328px; }
    .software-showcase-bottom { margin-top: 40px; }
    .software-showcase-bottom .custom-slider-progressbar { max-width: 260px; }
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
    
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
    .software-showcase-item.swiper-slide { width: 310px; }
    .software-showcase-bottom { gap: 40px; }
    .software-showcase-bottom .custom-slider-progressbar { max-width: 100%; }
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}