.category-gallery {
            grid-gap: 10px;
            align-items: baseline;
            position: relative;
            width: 100%;
            max-width: 1218px;
            margin: 0px auto;
            display: block;
            border-radius: 10px;
            box-sizing: border-box;
            background-color: #fff;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .category-item {
            position: relative;
            text-align: center;
            border-style: none;
            border-width: 3px;
            border-color: #c1c1c1;
            align-items: baseline;
            justify-content: center;
            height: 100%;
            margin-top: 10px;
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

.category-title{
	position: relative;
	margin: 0 auto;                   /* center container horizontally */
	padding: 10px 10px 10px 10px;               /* optional padding inside */
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-weight: 400;
	font-weight: normal!important;
	margin-bottom: 0px!important;
	text-align: center;                /* center text inside */
	border-radius: 00px;
	border: 0 solid #c7ad5c3d;
	/* background-image: linear-gradient(
        to right, 
        rgb(102 210 253 / 37%) 0%, 
        #03A9F4, 
        rgb(102 210 253 / 33%) 100%
    ); */
	background-color: #d9d9d9;
	display: flex;                     /* flex container to center children */
	justify-content: center;           /* horizontal centering */
	align-items: center;               /* vertical centering */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}

        .category-item img {
            width: 100%;                   /* fill the container width */
            max-width: 680px;              /* optional: limit how big it can grow */
            height: auto;                  /* maintain aspect ratio */
            display: block;                /* allows margin auto to work */
            margin: 10px auto;             /* vertical spacing + horizontal centering */
            border-radius:10px;
            box-sizing: border-box;        /* padding/border included in width */
            margin: 0px;
            margin: 20px auto;
            max-width: 1200px;
            flex-wrap: wrap;
            margin-right: auto;
            margin-left: auto;
            border-radius: 10px;
            margin-bottom: 10px;
            padding-right: 0px;
            padding-left: 0px;
            display: flex;
            padding-top: 30px;
            padding-bottom: 35px;
            justify-content: center;
            align-items: center;
            border-left: none;
            border-right: none;
            background-color: #ffffff;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }
/* Base gallery styles */
.category-gallery {
    display: flex;
    flex-wrap: wrap;          /* Allow items to wrap to next line */
    gap: 2px;                /* Space between items */
    justify-content: flex-start; /* Align items to start */
}

/* Individual items */
.category-item {
    flex: 1 1 200px;          /* Grow/shrink, minimum width 200px */
    box-sizing: border-box;
    text-align: center;
}

/* Images inside items */
.category-item img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-style: solid;
    border-width: 0px;
    border-color: #32aef9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Category titles */
.category-title {
    margin-bottom: 10px;
    font-weight: bold;
}