.categories {
    width: 100%;
    height: auto;
    margin-top: 40px;
  }
  
  .categories_main_items {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    width: 100%;
  }
  
  .categories_main_item:nth-child(1),
  .categories_main_item:nth-child(2) {
    grid-column: span 3; /* Первые 2 блока занимают по 50% ширины */
  }
  
  .categories_main_item:nth-child(3),
  .categories_main_item:nth-child(4),
  .categories_main_item:nth-child(5) {
    grid-column: span 2; /* Следующие 3 блока занимают по 33.33% ширины */
  }
  
  .categories_main_item{
    width: 100%;
    height: 200px;
    border-radius: 16px;
  background: #0D0D0D;
  position: relative;
  cursor: pointer;
  transition: all .5s;
  text-decoration: none;
  color: inherit;
  display: block;
  }
  
  .categories_main_item:hover{
    opacity: .5;
  }

  .categories_main_item_disabled {
    cursor: default;
  }

  .categories_main_item_disabled:hover {
    opacity: 1;
  }
  
  .categories_main_item:first-child,
  .categories_main_item:nth-child(2) {
    background: url("../assets/categories_big_bg.png") no-repeat center center;
    background-size: 100% 100%;
  }
  
  .categories_main_item:nth-child(3),
  .categories_main_item:nth-child(4),
  .categories_main_item:last-child {
    background: url("../assets/categories_small_bg.png") no-repeat center center;
    background-size: 100% 100%;
  }
  
  .categories_main_item_content{
    padding: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .categories_main_item_tittle{
    color: #FFF;
  font-family: "Onest", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
  position: relative;
  z-index: 2;
  }
  
  .categories_main_item_text{
    color: rgba(255, 255, 255, 0.60);
  font-family: "Onest", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
  margin-top: auto;
  position: relative;
  z-index: 2;
  }
  
  .categories_main_item_image{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-bottom-right-radius: 16px;
  }
  
  
  
  
  
  @media (min-width: 320px) and (max-width: 499px){
    .categories_main_items{
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .categories_main_item_content{
      padding: 15px;
    }
    .categories_main_item_tittle{
      font-size: 20px;
    }
    .categories_main_item_text{
      font-size: 14px;
    }
    .categories_main_item_image{
      height: 100%;
      opacity: .5;
    }
    .categories_main_item{
      height: 150px;
    }
  }


  @media (min-width: 500px) and (max-width: 799px){
    .categories_main_items{
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .categories_main_item_image{
      height: 100%;
      opacity: .5;
    }
    .categories_main_item{
      height: 180px;
    }
  }
  

  @media (min-width: 800px) and (max-width: 1199px){
  
    .categories_main_item_image{
      height: 100%;
      opacity: .5;
    }
   
  }