.top-categories__wrapper {
margin-bottom: 46px;
padding-top: 29px;
}

    @media (min-width: 1050px) {.top-categories__wrapper {
margin-bottom: 64px;
padding-top: 50px;
}
    }

.top-categories {
display: flex;
flex-direction: column;
align-items: center;
}

.top-categories__title {
margin-bottom: 24px;
text-align: center;
font-family: rift, sans-serif;
font-size: 32px;
line-height: 40px;
letter-spacing: 0.77px;
--tw-text-opacity: 1;
color: rgb(62 62 67 / var(--tw-text-opacity));
        font-weight: 600;
}

@media (min-width: 1050px) {

.top-categories__title {
margin-bottom: 34px;
font-size: 40px;
line-height: 48px;
letter-spacing: 0.96px;
}
        }

.top-categories__cards {
display: flex;
width: 100%;
max-width: 924px;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 1rem;
}

.top-categories__card {
position: relative;
display: flex;
min-height: 120px;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 5px;
padding-bottom: 5px;
transition-property: 0.25s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

@media (min-width: 430px) {

.top-categories__card {
padding-left: 10px;
padding-right: 10px;
}
}

@media (min-width: 768px) {

.top-categories__card {
min-height: 130px;
}
}

.top-categories__card {
        max-width: calc(50% - 5px);
    }

@media (min-width: 360px) {

.top-categories__card {
            max-width: calc(33.33% - 5px)
    }
        }

@media (min-width: 1050px) {

.top-categories__card {
max-width: 149px;
}
        }

.top-categories__card:hover {
            background: rgba(160, 228, 215, 0.5);
            text-decoration-line: none !important;
        }

.top-categories__card-image {
max-height: 57px;
max-width: 57px;
}

@media (min-width: 1050px) {

.top-categories__card-image {
max-height: 64px;
max-width: 64px;
}
            }

.top-categories__card-image img {
height: 57px;
width: 57px;
-o-object-fit: contain;
   object-fit: contain;
}

@media (min-width: 1050px) {

.top-categories__card-image img {
height: 64px;
width: 64px;
}
                }

.top-categories__card .title {
margin-top: 15px;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 13px;
text-transform: uppercase;
line-height: 20px;
letter-spacing: 0.65px;
--tw-text-opacity: 1;
color: rgb(62 62 67 / var(--tw-text-opacity));
            font-weight: 600;
}

@media (min-width: 1050px) {

.top-categories__card .title {
margin-top: 17px;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.8px;
}
            }

.top-categories__card > a {
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
}

.top-categories__card > a > span {
display: none;
}