/*   Collections     */
.subcategory-section {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 0 calc((49* 100vw / 1440) - .75rem);
  margin-bottom: 100px; }
  @media (max-width: 800px) {
    .subcategory-section {
      margin-bottom: 40px;
      gap: 20px;
      padding: 0; } }
  .subcategory-section a.subcategories-box {
    min-height: 300px;
    width: calc(25% - 30px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; }
    @media (max-width: 1200px) {
      .subcategory-section a.subcategories-box {
        min-height: 240px; } }
    @media (max-width: 800px) {
      .subcategory-section a.subcategories-box {
        width: calc(33.3% - 15px); } }
    @media (max-width: 600px) {
      .subcategory-section a.subcategories-box {
        width: calc(50% - 10px); } }
    .subcategory-section a.subcategories-box .subcategory-withimg {
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      background-size: cover;
      background-position: center center;
      position: relative; }
      .subcategory-section a.subcategories-box .subcategory-withimg h5 {
        display: inline-block;
        color: #fff;
        text-transform: none;
        font-size: 26px;
        text-align: center;
        z-index: 9;
        background-color: rgba(0, 0, 0, 0.2);
        padding: 20px;
        min-width: 100%; }
        @media (max-width: 1200px) {
          .subcategory-section a.subcategories-box .subcategory-withimg h5 {
            font-size: 18px; } }
    .subcategory-section a.subcategories-box .subcategory-withimg:before {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      content: ''; }
  .subcategory-section a.subcategories-box:hover .subcategory-withimg:before {
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: ''; }