/**list categories on products page **/
 .custom-swiper-categories {
     .categories-style-1 {
         .category-item {


             display: block;
             padding: 5px;
             border: none !important;
             box-shadow: none !important;
             border-radius: unset !important;
             text-align: center;
             margin: 0 auto !important;
             cursor: pointer;

             .category-thumbnail {
                 width: 55px !important;
                 height: 55px !important;
                 border-radius: 50%;
                 padding: 0px !important;
                 text-align: center;
                 margin: 0 auto !important;
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 border: 2px solid #eaeaea;
                 margin-bottom: 15px !important;
                 background: $PrimaryGoldColor;

                 img {
                     position: relative !important;
                     top: 0 !important;
                     transition: unset !important;
                     left: 0 !important;
                     transform: unset !important;
                     width: 100%;
                     height: 100%;
                     object-fit: cover;
                     border-radius: 50px;
                     overflow: hidden;
                 }
             }

             .category-details {
                 border-top: none !important;
                 padding: 0 !important;
                 text-align: center;
             }

             .category-title {
                 font-size: 16px;
                 margin-top: 10px;
                 white-space: nowrap;
                 cursor: pointer;
                 text-overflow: ellipsis;
                 overflow: hidden;
                 text-align: center;
                 margin: auto;
             }
         }

         &.sub-categories {
             background-color: unset !important;
             border: unset !important;
             padding: 0px !important;
         }
     }



     .shadow-next {
         height: 100%;
         width: 100px;
         position: absolute;
         right: 0;
         z-index: 1;
         pointer-events: none;
         background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#040707));
         background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #040707);
         background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #040707);
         top: 0;
     }

     .shadow-prev {
         height: 100%;
         width: 100px;
         position: absolute;
         z-index: 1;
         pointer-events: none;
         background-image: -webkit-gradient(linear, left top, right top, from(#040707), to(hsla(0, 0%, 100%, 0)));
         background-image: -webkit-linear-gradient(left, #040707, hsla(0, 0%, 100%, 0));
         background-image: linear-gradient(90deg, #040707, hsla(0, 0%, 100%, 0));
         top: 0;
     }


     .swiper-button-next {
         position: absolute;
         right: -4px !important;
         height: 100% !important;
         top: 0px !important;
         z-index: 10;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 7px;

         &::after {
             font-size: 23px;
         }

         .swiper-button-disabled {
             pointer-events: auto !important;
         }
     }

     .swiper-button-prev {
         position: absolute;
         left: -4px !important;
         height: 100% !important;
         top: 0px !important;
         z-index: 10;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 7px;

         &::after {
             font-size: 23px;
         }

         .swiper-button-disabled {
             pointer-events: auto !important;
         }
     }




 }

 .section {




     /*Top categories*/
     &-top-categories {
         overflow: hidden;
         position: relative; 

         .categories-list {
             overflow: hidden;

             .category-item {
                 //  &::before {
                 //      content: "";
                 //      position: absolute;
                 //      top: -190px;
                 //      left: -2px;
                 //      width: 320px;
                 //      height: 320px;
                 //      background-color:  $PrimaryColor ;
                 //      border-radius: 50%;
                 //  }

                 position: relative;
                 overflow: hidden;

                 text-align: center;
                 border-radius: 10px;
                 position: relative;
                 cursor: pointer;

                 .category-head {
                     &:hover {
                         .category-img {
                             img {
                                 -webkit-transform: scale(1.1);
                                 transform: scale(1.1);
                             }
                         }
                     }

                     padding: 8px;

                     .category-name {


                         width: 100%;
                         text-align: center;

                         .title {
                             font-weight: 700;
                             text-transform: uppercase;
                         }

                         .category-total {
                             margin-top: 10px;

                             .total {
                                 color: $productPriceColor;
                                 letter-spacing: 0;
                                 text-transform: capitalize;
                                 font-size: 18px;
                             }
                         }
                     }

                     .category-img {
                         background-image: url('../../../public/img/icon-bg-white.png');
                         background-position: 100%;
                         background-repeat: no-repeat;
                         background-size: 100%;


                         text-align: center;
                         border-radius: 50%;

                         height: 150px;
                         width: 150px;
                         margin: 0 auto;
                         display: flex;
                         justify-content: center;
                         align-items: center;
                         margin-bottom: 0 !important;
                         padding: 0;

                         img {
                             border: none;
                             border-radius: 0;
                             box-shadow: none;
                             display: block;
                             margin: 0 auto;
                             -o-object-fit: contain;
                             object-fit: contain;

                             -webkit-transform: scale(1.01);
                             transform: scale(1.01);
                             -webkit-transition: all .3s ease;
                             transition: all .3s ease;
                         }

                     }


                 }
             }
         }
     }
 }




 @media (min-width: 0px) {
     .section {
         &-top-categories {
             padding-top: 95px;

             .categories-list {



                 .category-item {


                     .category-head {
                         padding: 10px;

                         .category-name {

                             width: 100%;

                             padding: 0 8px;

                             .price {
                                 font-size: 13px;
                                 line-height: 1.125;
                             }

                             .title {
                                 font-size: 14px;
                                 line-height: 1.125;
                                 margin: 12px 0;
                             }

                             .category-total {
                                 .total {
                                     font-size: 18px;
                                 }
                             }

                         }

                         .category-img {
                             margin-bottom: 12px;

                             img {
                            height: 120px;
                                max-width: 120px;
                                width: 100px;
                             }

                         }
                     }
                 }

             }
         }
     }
 }

 @media (min-width: 576px) {
     .section {
         &-top-categories {
             .categories-list {



                 .category-item {


                     .category-head {
                         padding: 10px;

                         .category-name {

                             width: 100%;

                             padding: 0 8px;

                             .price {
                                 font-size: 13px;
                                 line-height: 1.125;
                             }

                             .title {
                                 font-size: 15px;
                                 line-height: 1.125;
                                 margin: 12px 0;
                             }

                             .category-total {
                                 .total {
                                     font-size: 18px;
                                 }
                             }
                         }

                         .category-img {
                             margin-bottom: 12px;

                             img {
                            height: 120px;
                                max-width: 120px;
                                width: 100px;
                             }

                         }
                     }
                 }

             }
         }
     }
 }

 @media (min-width: 768px) {
     .section {
         &-top-categories {

             // padding-top: 190px !important;
             .categories-list {


                 .category-item {


                     .category-head {
                         padding: 10px;

                         .category-name {

                             width: 100%;

                             padding: 0 10px;

                             .price {
                                 font-size: 14px;
                                 line-height: 1.125;
                             }

                             .title {
                                 font-size: 16px;
                                 line-height: 1.125;
                                 margin: 12px 0;
                             }

                             .category-total {
                                 .total {
                                     font-size: 18px;
                                 }
                             }
                         }

                         .category-img {
                             margin-bottom: 14px;

                             img {
                            height: 100px;
                                max-width: 100px;
                                width: 90px;
                             }

                         }
                     }
                 }

             }
         }
     }
 }

 @media (min-width: 992px) {
     .section {
         &-top-categories {

             .categories-list {



                 .category-item {

                     .category-head {
                         padding: 20px;

                         .category-name {

                             width: 100%;

                             padding: 0 12px;


                             .title {
                                 font-size: 18px;
                                 line-height: 1.125;
                                 margin: 14px 0;
                             }

                             .category-total {
                                 .total {
                                     font-size: 18px;
                                 }
                             }
                         }

                         .category-img {
                             margin-bottom: 15px;

                             img {

                                height: 90px;
                                    max-width: 90px;
                                    width: 90px;
                             }

                         }
                     }
                 }

             }
         }
     }


 }

 @media screen and (min-width : 1200px) {
     .section {
         &-top-categories {

             .categories-list {}
         }
     }
 }