.jws-head-product-filter {
   .jws-ajax-load {
      li {
        display:inline-block;
        a {
            color:var(--main); 
            font-size:14px;
            font-weight: 500;
            background:#f2f4fc;
            display: block;
            padding: 4px 14px;
        }
        .active {
            background:var(--main);
            color:#ffffff;  
        }
      }  
   } 
}

.idealautoducts-wrap {
    &.loading {
        .product-item-inner {
            opacity:0.5 !important;
        }
        .products-tab:after {
            font-family: 'jws_icon';
            content: '\e834';
            top: 0px;
            animation: MoveCircle360 0.38s infinite linear;
            display: inline-block;
            position: absolute;
             left: 50%;
            top: 50%;
            margin-left: -18px;
            margin-top: -18px;
            font-size: 40px;
            color: var(--heading); 
        }  
    }
    .product-item-inner {
        transition: 0.3s all;
    }
    .slider-layout {
        display: block;
        &:before {
            
        }

       .product-item {
            padding: 0 15px;
       } 
       .slick-active {
        opacity: 1;
        visibility: visible;
       }
    }
    .jws-carousel-btn {
    width: 45px;
    height: 45px;
    color: var(--heading);
    font-size: 30px;
    border: 2px solid var(--main);
    display: block !important;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
    transition: .3s all;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -22px;
    background: #ffffff;
    &:hover {
        background:var(--main);
        color:#ffffff;
    }
 
    }
       .next-item {
        right: 0;
    }
    .slick-list {
      //overflow: unset;  
    }
}

.layout-design_2 {
  .product-banner {
       position:relative;
       .banner-text {
            position:absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding: 41px 30px;
            h6 {
               font-size:15px;
               font-weight: 500;
                line-height: 24px;
                margin-bottom: 0px; 
            }
            h3 {
                font-weight: 800;
                font-size: 30px;
            }
            p {
                font-size:13px;
            }
       } 
       a {
           position: absolute;
           left: 30px;
           bottom: 39px;
           color: var(--heading) !important;
       }
  }  
 
  &.idealautoducts-wrap .next-item {
    top: -94px;
    margin: 0;
    right:15px;
  }
  &.idealautoducts-wrap .prev-item {
    left: unset;
    right: 78px;
    top: -94px;
    margin: 0;
  }
  .jws-head-filter a {
    background: transparent !important;
    padding: 0 !important;
  }
  .jws-head-filter  {
    margin-bottom: 48px;
    margin-top: -77px;
    position: relative;
    z-index: 1;
    .jws-ajax-load li:not(:last-child) {
        margin-right:42px;
    }
  }
  .idealautoduct-title {
        position:relative;
        margin-bottom: 50px;
        width: 100%;
        margin-left: 0px;      
         &:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                background: #f8f8f8;
                bottom: -12px;
                left: 0;
           } 
        span {
          position:relative;
           &:after {
            content:"";
            position: absolute;
            width: 100%;
            height: 8px;
            background: var(--main);
            bottom: -19px;
            left: 0;
            z-index: 1;
           } 
        }
      
  }
}
@media (min-width: 1025px) {
  .layout-design_2 .col-xl-3 {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
  }
  .layout-design_2 .col-xl-9 {
    -ms-flex: 0 0 73%;
    flex: 0 0 73%;
    max-width: 73%;
  } 
}

.category-tab-item {
    margin-bottom: 30px;
    a {
        display:block;
        background: var(--light);
        text-align: center;
        padding: 48px 20px 10px;
        img {
           margin-bottom: 25px; 
        }
        h4 {
            font-size:15px;
            font-weight: 400;   
        }
    }
}
.idealautoduct-category-tabs {
    &.loading {
        .category-content:after {
            font-family: 'jws_icon';
            content: '\e834';
            top: 0px;
            animation: MoveCircle360 0.38s infinite linear;
            display: inline-block;
            position: absolute;
             left: 50%;
            top: 50%;
            margin-left: -18px;
            margin-top: -18px;
            font-size: 40px;
            color: var(--heading); 
        }  
      .category-tab-item a {
        opacity:0.5;
      }  
    }
}
.idealautoduct-category-tabs .idealautoduct-cat-filter {
    margin-bottom:40px;
    li {
        display:inline-block;
        margin-right: 3vw;
        &:last-child{
            margin-right:0;
        }
        a {
         font-size:15px;
         color:var(--heading);
         position: relative;
         transition: 0.3s all;

         &:after {
            content:"";
            height: 3px;
            width: 0%;
            background: var(--main);
            position: absolute;
            left: 0;
            bottom: -5px;
            transition: 0.3s all;
         }
     
         &.active {
   
             &:after {
               width: 100%;
             } 
         } 
          
        }
    }
}
@media(max-width:1024px) { 
    .layout-design_2 .jws-head-filter {
          margin-top: 30px;  
    } 
}
@media(max-width:767px) {
   
    .layout-design_2.idealautoducts-wrap {
        .slick-arrow {
            display:none !important;
        }
    }
}