.img-product {
			width: 100%;
			/* Ensures the image takes the full width of its container */
			height: 250px;
			/* Set a fixed height for uniformity */
			object-fit: cover;
			/* Ensures the image covers the area without distortion */
		}


		a:hover,
		a:focus {
			outline: none;
		}

		/*----*/









		/*
-----------------
common style
-----------------
*/

		.menu button {
			color: rgba(255, 255, 255, 0.8);
			font-family: Lato;
			font-size: 17pt;
			font-weight: 400;
			padding: 15px 25px;
			/**/
			position: relative;
			display: block;
			text-decoration: none;
			text-transform: uppercase;
		}

		.SMN_effect-39 button:before,
		.SMN_effect-39 button:after {
			content: '';
			position: absolute;
			width: 5px;
			border-radius: 50%;
			background: #fedd2e;
			top: 17px;
			transition: height 0.3s 0.3s ease, border-radius 0.3s 0.3s ease, top 0.3s 0.3s ease, width 0.3s ease;
		}

		.SMN_effect-39 button:before {
			height: 5px;
			left: 0;
		}

		.SMN_effect-39 button:after {
			height: 0;
			right: 0;
		}

		.SMN_effect-39 button:hover:before,
		.SMN_effect-39 button:hover:after {
			top: 10%;
			width: 55%;
			height: 80%;
			z-index: -1;
			border-radius: 5px;
			transition: height 0.3s ease, border-radius 0.3s ease, top 0.3s ease, width 0.3s 0.3s ease;
		}

		.SMN_effect-39 button {
			z-index: 1;
			display: inline-block;
			padding: 10px 20px;
			position: relative;
			transition: all 0.3s ease;
		}

		.SMN_effect-39 button:hover {
			transition: all 0.3s 0.3s ease;
			text-decoration: none;
			color: black;
			font-weight: 700;
		}
		.active {
  background-color: #fedd2e !important;
  color: black;
  font-weight: 700;
}

	   .text-wrap {
        word-wrap: break-word;
        overflow-wrap: break-word; /* For wrapping */
        overflow-x: auto; /* For horizontal scrolling if needed */
        white-space: nowrap; /* If you prefer no wrapping */
        width: 100%; /* Full width */
    }