.content.categories {
	margin-bottom: 80px;
}

.content.categories h2 {
    margin-bottom: 40px !important;
}

.categories__list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.categories__item {
	width: calc(100% / 6 - 16.7px);
	display: flex;
	flex-direction: column;
	border: 1px solid #4242421A;
	border-radius: 8px;
    transition: all .3s;
}

.categories__name {
	display: block;
	font-family: Fira Sans;
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: 0%;
	color: #424242;
	transition: all .3s;
	padding: 16px 16px 21px;
}

.categories__item:hover {
    transform: scale(1.03);
    box-shadow: 0px 10px 31.5px rgba(0, 54, 120, 0.1);
}

.categories__item:hover .categories__name {
	color: #004DAC;
}

.categories__img {
	display: block;
	position: relative;
	padding: 43.64% 0;
	margin-top: auto;
}

.categories__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.categories__item--blue {
    background: #004DAC;
    position: relative;
}

.categories__item--blue .categories__name {
    color: #fff;
}

.categories__item--blue:hover .categories__name {
    color: #fff;
}

.categories__item--blue svg {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

@media screen and (max-width: 991px) {
    .categories__item {
		width: calc(100% / 4 - 15px);
	}
}

@media screen and (max-width: 767px){
	.categories__item {
		width: calc(100% / 3 - 5.4px);
        border-radius: 12px;
	}
    .categories__list {
        gap: 8px;
    }

    .categories__name {
        font-size: 14px;
        padding: 8px 8px 6px;
    }
    .content.categories h2 {
        margin-bottom: 24px !important;
    }
}