/* Add custom CSS styles below */ 
.text-center.px-4 a.inline-block{
    display: none !important;}

/* =========================
   Categories Mobile Fix
========================= */

.main-links-style-3 .container{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Grid */
.main-links-style-3 .grid{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Card */
.main-links-style-3-slider-single{
    width: 100% !important;
    min-width: 0 !important;
}

.main-links-style-3-slider-single-content{
    position: relative !important;
    height: 120px !important;
    min-height: 120px !important;
    width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Image */
.main-links-style-3-slider-single-content-image{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Overlay */
.main-links-style-3-slider-single-content::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.25);
    z-index: 1;
}

/* Content */
.main-links-style-3-slider-single-content-informations{
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
}

/* Mobile */
@media (max-width:768px){

    .main-links-style-3 .container{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .main-links-style-3 .grid{
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
    }

    .main-links-style-3-slider-single-content{
        height: 105px !important;
        min-height: 105px !important;
    }
}