.widget-card {
    position: relative;
}

.widget-card .card-img-top {
    margin: auto;
    min-width: -webkit-fill-available;
    min-width: -moz-available;
}



*}

*}

*}

.homepage-categories-slider {
    position: relative;
}

*}

.widget-homepage-categories-card {
    height: 100%;
}

.widget-homepage-categories .homepage-categories-slide {
    display: flex;
    height: auto;
}

.widget-homepage-categories .homepage-categories-slide .categories_row {
    flex-grow: 1;
}

.swiper-slide.homepage-categories-slide {
    height: auto;
}

.homepage-categories-slide .categories_row {
    height: 100%;
}

.widget-categories__paragraph {
    margin-block-end: var(--st-spacing-md);
}

*}

    .widget-homepage-categories-ba46cb8d-e20b-4671-8c86-4c3b608a10b4 .widget-homepage-categories-cards {
        display: grid;
        grid-gap: var(--gutter);
    }


            @media screen and (max-width: 767px) {
            .widget-homepage-categories-ba46cb8d-e20b-4671-8c86-4c3b608a10b4 .widget-homepage-categories-cards {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }
    
            @media screen and (min-width: 768px) and (max-width: 991px) {
            .widget-homepage-categories-ba46cb8d-e20b-4671-8c86-4c3b608a10b4 .widget-homepage-categories-cards {
                grid-template-columns: repeat(4, 1fr) !important;
            }
        }
    
            @media screen and (min-width: 992px) {
            .widget-homepage-categories-ba46cb8d-e20b-4671-8c86-4c3b608a10b4 .widget-homepage-categories-cards {
                grid-template-columns: repeat(4, 1fr);
            }
        }
    



.widget-image-card {
    border: none;
    box-shadow: none;
}

.widget-image-card:hover {
    box-shadow: var(--shadow-xs)
}

.widget-image-card .card-title {
    margin-bottom: 0;
}

.widget-image-card .stretched-link:after {
    border-radius: var(--bs-card-inner-border-radius);
}

.stretched-link:after {
    transition: background-color 0.15s ease-in-out;
}

.widget-image-card--dark .card-title,
.widget-image-card--dark-hover .card-title,
.widget-image-card--dark .card-paragraph,
.widget-image-card--dark-hover .card-paragraph {
    color: #fff;
}

.widget-image-card--light .card-title,
.widget-image-card--light-hover .card-title,
.widget-image-card--light .card-paragraph,
.widget-image-card--light-hover .card-paragraph {
    color: var(--grey-900);
}

.widget-image-card--dark .card-title,
.widget-image-card--dark-hover .card-title,
.widget-image-card--dark .card-paragraph,
.widget-image-card--dark-hover .card-paragraph {
    text-shadow: 0 0 4px #000;
}

.widget-image-card--light .card-title,
.widget-image-card--light-hover .card-title,
.widget-image-card--light .card-paragraph,
.widget-image-card--light-hover .card-paragraph {
    text-shadow: 0 0 4px #fff;
}

@media (hover: hover) {
        .widget-image-card--dark:hover .stretched-link:after,
    .widget-image-card--dark-hover:hover .stretched-link:after {
        background-color: rgba(0, 0, 0, .05);
    }

        .widget-image-card--light:hover .stretched-link:after,
    .widget-image-card--light-hover:hover .stretched-link:after {
        background-color: rgba(255, 255, 255, .05);
    }
}

.widget-image-card--dark .card-img-overlay--dark {
    background-image: linear-gradient(to top, rgba(24, 24, 27, .15), transparent 4.5rem);
}

.widget-image-card--light .card-img-overlay--light {
    background-image: linear-gradient(to top, rgba(255, 255, 255, .25), transparent 4.5rem);
}