/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2026 | 12:52:46 */
.topCategories .product-category.col {
    position: relative;
}
.topCategories .product-category.col::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 20px;
	width: 40px;
	height: 40px;
	background-color: #F1F1F1;
	background-image: url("/wp-content/uploads/2026/09/arrow-right-black.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	border-radius: 50%;
	z-index: 20;
	pointer-events: none;
	transition: transform 0.25s ease;
	 transform: rotate(-45deg);
}

.topCategories .product-category.col:hover::before {
    background-color: #1a1a1a;
	background-image: url("/wp-content/uploads/2026/09/white-arrow.svg");
}
.blogSection img {
	border-radius: 20px;
}


.topCategories .product-category .col-inner {
    position: relative;
    background: #F5F5F5;
    border-radius: 20px;
    padding: 30px;
    margin-top: 45px;
}

/* Extend the card upward */
.topCategories .product-category .col-inner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 60px;
    top: -45px;
    height: 65px;
    background: #F5F5F5;
    border-radius: 20px 20px 0 0;
    z-index: -1;
}

/* Right-hand step – SAME HEIGHT */
.topCategories .product-category .col-inner::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    width: 80px;
    height: 20px;
    background: #F5F5F5;
    border-radius: 0 20px 0 0;
    z-index: -1;
}