.cate-menu h2 {
    margin: 10px 0;
    border-bottom: 2px solid #e40614;
    float: left;
    width: 100%;
    
}
.cate-menu h2 b, .cate-menu h2 strong {
    /*background-color: #e40614;*/
    background: linear-gradient(315deg, rgb(255, 0, 22) 0%, rgb(167, 2, 27) 100%) !important;
    display: block;
    float: left;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    font-size:19px;
}
.cate-menu a {
    color: #fff;
}
.cate-menu a:hover {
    color: #ccc;
}
.cate-sub-menu{
    margin:auto;
    text-decoration: none;
    text-align: center;
    color: #e40614;
    font-size:16px;
    padding-bottom:0.5px;
}
.image-container {
  width: 400px; /* set the desired container width */
  height: 300px; /* set the desired container height */
  overflow: hidden; /* hide any overflow */
  position: relative; /* set position to relative for clip-path */
}
.wide-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* crop the image to fill the container */
  object-position: center; /* center the image within the container */
}