.wpstream_theme_categories_list_wrapper_widget { 
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
    row-gap:var(--bs-gutter-x);
}
.wpstream_categories_as_tabs_wrapper{
      
    .wpstream_categories_as_tabs_ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        margin-bottom: 30px;
          
          .nav-link{
            border-radius: 8px;
            padding: 7px 15px;
            background-color: var(--argintinian-blue);
            color: $anti-flash-white;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: center;
            justify-content: space-evenly;
            align-items: center;
            gap: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 400;

            &:hover{
              background-color: $anti-flash-white;
              color:var(--night-color);
              i{
                  color:var(--night-color);
              }
              svg{
                color:var(--night-color);
                fill:  var(--night-color);
                width: 15px;

                path{
                    fill: var(--night-color);
                }
              }
            }
              

            &.active{
                background-color: var(--secondary-white-color);
                color: $night;
            }
            
           
            i{
              font-size: 15px;
            }
          
            svg{
              color: $anti-flash-white;
              fill:  $anti-flash-white;
              width: 15px;
              path{
                  fill:  $anti-flash-white;
              }
            }
        }
    }

   


  }

/*
* Category type 1
*
*/


.wpstream_category_unit_wrapper_type1 {
    height: 350px;
    min-height: 100px;
    overflow: hidden;
    position: relative;

    &:hover{
        .wpstream_category_unit_item_cover{
           opacity: 0.55;
        }
    }

    &.slick-slide{
        height: 350px;
        min-height: 100px;
        margin: 0 8px;
    }


    .wpstream_category_unit_item {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }
    .wpstream_category_unit_item_cover{
        position: absolute;
        top:0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: #0f0f0f;
        opacity: 0.35;
        transition: .4s;
       
    }
 

    .wpstream_category_unit_item_details{
        position: absolute;
        top: 66%;
        z-index: 9;
        width: calc(100% - 20px);
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 5px;

        h4{
            margin-bottom: 0px;
            font-size: 20px;
            font-weight: 600;
            text-transform: capitalize;
            color: $anti-flash-white;
        }
        .wpstream_category_unit_item_details_tagline{
          color: $anti-flash-white;
        }

        .wpstream_category_unit_item_details_listings{
            background-color: $palatinate-blue;
            color: $anti-flash-white;
            padding: 4px 10px;
            font-size: 14px;
            border-radius: 4px;
            font-weight: 400;
        }
    }
  
}

/*
* Category type 2
*
*/

.wpstream_category_unit_wrapper_type2 {

    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;

     &:hover{
        .wpstream_category_unit_item_cover{
           opacity: 0.55;
        }
    }

    .wpstream_category_unit_item {
        width: 100%;
        height: 350px;
        min-height: 100px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 8px;
        position: relative;
        flex-basis: auto;
        overflow: hidden;
    }
      &.slick-slide{
        margin: 0 8px;
        .wpstream_category_unit_item{
            margin-bottom: 10px;
        }
    }
   

     .wpstream_category_unit_item_details_listings{
        position: absolute;
        bottom: 15px;
        left: 15px;
        background-color:#151120bf;
        color: #fff;
        padding: 4px 10px;
        font-size: 14px;
        z-index: 9;
        border-radius: 4px;
        font-weight: 400;
    }



    .wpstream_category_unit_item_cover{
        position: absolute;
        top:0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: #0f0f0f;
        opacity: 0.0;
        transition: .4s;
       
    }
    .wpstream_category_unit_item_cover:hover{
           opacity: 0.25;
    }
   
    .wpstream_category_unit_item_details{
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        gap: 5px;

        h4{
            margin-bottom: 0px;
            font-size: 16px;
            font-weight: 600;
            text-transform: capitalize;
            transition: .2s;
            &:hover{
                color:#60AFFF
            }
        }

        .wpstream_category_unit_item_details_tagline{
            font-size: 16px;
            font-weight: 500;
            color:#9C9C9C;
        }

       
    }
  
}

/*
* Category type 3
*
*/

.wpstream_category_unit_wrapper_type3 {

    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    
    &:hover{
        .wpstream_category_unit_item_cover{
           opacity: 0.55;
        }
    }

    &.slick-slide {
        .wpstream_category_unit_item{
            float:left;
        }

        .wpstream_category_unit_item_details{
            float:left;
            width: auto;
            margin-left: 10px;
            padding-top: 19px;
        }

    }

    .wpstream_category_unit_item {
        width: 75px;
        height: 75px; 
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 8px;
        position: relative;
        flex-basis: auto;
        overflow: hidden;
    }

    .wpstream_category_unit_item_details_listings{
        color:#9C9C9C;
        font-size: 14px;
    }

    .wpstream_category_unit_item_cover{
        position: absolute;
        top:0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: #0f0f0f;
        opacity: 0.0;
        transition: .4s;
       
    }

    .wpstream_category_unit_item_cover:hover{
           opacity: 0.25;
    }
   
    .wpstream_category_unit_item_details{
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        gap: 5px;

        h4{
            margin-bottom: 0px;
            font-size: 16px;
            font-weight: 600;
            text-transform: capitalize;
            transition: .2s;
            &:hover{
                color:#60AFFF
            }
        }

      

       
    }
  
  
}

/*
* Category slider
*
*/
.page-for-header-type-2{

    .wpstream_category_slider{
   
      width:  100%;
      display: block;
      max-width: 100%;
     // max-width: calc(100vw - 240px); /* Limit the maximum width to the viewport width */
      box-sizing: border-box; /* Include padding and border in the element's total width */
    
      .slick-list {
        width: 100%; /* Ensure the slick list fits within the container */
        max-width: 100%; /* Prevent it from exceeding the container width */
      }
    }
 
}


.wpstream_category_slider{
  margin: 0 -8px;

  .slick-slide {
    margin: 0 8px;
  }
 

  .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: var(--bs-body-color);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 300ms ease;
    border:1px solid var(--wpstream-header-search-border-color, var(--wpstream-header-search-border-color-default));
  
    &:hover {
      background-color: var(--bs-body-color);
      color: var(--bs-body-bg);

    }
    &:hover svg {
      opacity: 1;
    }
    svg{
      opacity: 0.75;
      height: 13px;
    }
  }



  .slick-prev {
    position: absolute;
    left: -43px;
    margin-top: -20px;
    &:before {
      content:"";
    }
  }

  .slick-next {
    position: absolute;
    right: -45px;
    margin-top: -20px;
    &:before {
      content:"";
   
    }
  }

  &.wpstream_arrows_position_top {
    .slick-prev {
      top: -35px;
      left: auto;
      right: 55px;
    }
    .slick-next {
      top: -35px;
      right: 5px;
    }

  }

}

.wpstream_card_3 .slick-next,
.wpstream_card_3 .slick-prev {
    margin-top: 0px;
}
.wpstream_card_1 .slick-next,
.wpstream_card_1 .slick-prev {
    margin-top: 5px;
}


.wpstream_theme_categories_grid_wrapper_widget  {

  .wpstream_category_unit_wrapper_type1 {
    margin-bottom: 14px;
    padding: 0px 7px;
  }
  
  .wpstream_category_unit_item_details{
     width: calc(100% - 14px);
  }
}

.wpstream_category_unit_link:hover{
  cursor: pointer;
}