.HomeCat img {
    width: 5rem;
    height: 4.23rem;
}

.FiveCatsWrapper .HomeCat .CatItem {
    background: #fafafa;
    border: 0.1em solid #d8d8d8;
    border-radius: var(--b-radius);
}

.FiveCatsWrapper .arrows svg {
    width: 1.1rem;
    height: 1.1rem;
}

.FiveCatsWrapper .arrows .HomeCat-prev svg {
    transform: rotate(180deg)
}

.FiveCatsWrapper .HomeCat-prev:after {
    content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1.4rem;
    top: 0.2em;
    border-right: 0.2em solid var(--Black);
    z-index: 5;
    opacity: 1 !important;
}

.FiveCatsWrapper .HomeCat-prev {
    padding-left: 0.6rem;
}
.FiveCatsWrapper {
    margin:2rem 0 5rem 0;
  }
  @media(max-width:768px) and (min-width:431px){
    .BoxFiveCats .CatItem{
      
        width: 20%;
    }
  }
  @media (max-width:768px){
    .HomeCat.swiper {
        margin-left:-1.5rem
    }
    .FiveCatsWrapper .HomeCat .CatItem{
       
        flex-direction: column-reverse;
        border:unset;
        background: unset;
        gap:1.5rem !important;
    }
    .FiveCatsWrapper .HomeCat .box-img-category{
      
            border: 0.1rem solid #d8d8d8;
            border-radius: var(--b-radius);
            background-color: #fafafa;
            padding:1.5rem
       
    }
    .BoxFiveCats{
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .BoxFiveCats .CatItem{
        flex-shrink: 0;

    }
   .swiper-header .arrows{
    display: none !important;
   }
  }
  @media (max-width:430px){
    .BoxFiveCats .CatItem{
     
        width: 30.5%;
    }
  }