body{
  margin: 0;
}
/*new product */

.new-badge {
  width: 100%;
  padding: 2px;
  background-color: #4CAF50; /* Green background */
  color: #fff; /* White text */
  text-align: center;
 
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Shadow effect */
}

.new-badge span {
  text-decoration: none; /* Remove text decoration */
  font-weight: bold; /* Bold text */
}



/*/new lunches start/*/
.launch_coomings_tag{
        top:20px;left:20px;font-size:30px;font-weight:bold;
    }
 .product-launch-section {
            position: relative;
            width: 100%;
            height: 500px;
        }

        .banner-slider {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .banner-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
        }

        .banner-slide img {
            width: 100%;
            height: 100%;
            /*object-fit: cover;*/
        }

        .banner-slide h2 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 36px;
        }

        .banner-slide p {
            position: absolute;
            bottom: 20px;
            left: 20px;
            color: #fff;
            font-size: 18px;
        }

        .slider-controls {
            position: absolute;
            bottom: 20px;
            right: 20px;
        }

        .prev-slide,
        .next-slide {
            width: 40px;
            height: 40px;
            border: none;
            border-radius: 50%;
            background-color: #fff;
            cursor: pointer;
        }

        .prev-slide {
            margin-right: 10px;
        }

        .prev-slide:hover,
        .next-slide:hover {
            background-color: #ccc;
        }
        /*new lunch ends*/
        
        /*newlaunch 2 */
            .banner-slide_ {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
        }

        .banner-slide_ a img {
            width: 100%;
            height: 100%;
            /*object-fit: cover;*/
        }

        .banner-slide_ h2 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 36px;
        }

        .banner-slide_ p {
            position: absolute;
            bottom: 20px;
            left: 20px;
            color: #fff;
            font-size: 18px;
        }

          .prev-slide_,
        .next-slide_ {
            width: 40px;
            height: 40px;
            border: none;
            border-radius: 50%;
            background-color: #fff;
            cursor: pointer;
        }

        .prev-slide_ {
            margin-right: 10px;
        }

        .prev-slide_:hover,
        .next-slide_:hover {
            background-color: #ccc;
        }
        
        
        
main{
    margin-top:150px;
}.product {
  position: relative;
  margin: 20px;
}
.a_tag{
       text-decoration: none;
}
.anitrade_service_left_area_box_content img {
  transition: transform 0.3s ease-in-out;
}

.anitrade_service_left_area_box_content img:hover {
  transform: scale(1.1);
}


.banner-section3_div{
        background: #b0b0b0;
    border-radius: 10px;
}
.product-category {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.product-container_pre-btn, .product-container_nxt-btn {
  position: absolute;
  top: 50%;
  
  background-color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.product-container_pre-btn {
  left: 0;
   transform: rotate(180deg);

}

.product-container_nxt-btn {
  right: 0;
}
.about_us_script{
    color:#565656;
}

.product-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow:auto;
}

.product-card {
  margin: 20px;
  scroll-snap-align: center;
  flex: 0 0 250px; /* adjust width */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.product-image {
  position: relative;
}

.product-image img {
  width: 100%;
  height: 250px; /* adjust height */
  object-fit: cover;
}
.about_us_script{
   padding:5%;
}
.product-image .discount-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #ff0000;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}

.product-info {
  padding: 20px;
}

.product-brand {
  font-size: 18px;
  font-weight: bold;
}

.price {
  font-size: 18px;
  color: #000;
}

.actual-price {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
}

.moq {
  font-size: 14px;
  color: #666;
}

.wholesale-price {
  font-size: 16px;
  color: #000;
}

.wholesale-qty {
  font-size: 14px;
  color: #666;
}
.circle-card-container2_links{
        text-decoration: none;
    
}

.card-btn {
  background-color: #ff0000;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
}
/*end */
/*beauty and grooming products starts*/
.beauty_grouming{
    display:flex;
    padding:5%;
    
}
.slide3 a{
    width:97%;
}
.beauty_grouming_left img{
    border-radius:10%;
    padding:5px;
    width:100%;
}
.beauty_grouming_left_text_heading{
  font-size:30px;  
}
.beauty_grouming_right{
    width:60%;
   
}
.beauty_grouming_left{
    width:40%;
   
}

/*category slider circle starts*/


.categories_name{
    color:white;
}
.categories_name_box{
    color:white;
}
.categories_name_box {
    height:30px;
    width: 80%;
    padding: 10px;
   
    color: black;
    border-radius: 0 0 10px 10px;
    align-content: baseline;
    text-align: center;
}

.categories_name {
    font-size: 18px;
    font-weight: bold;
}
.circle-card-container2{
    text-align: -webkit-center;
}


/*category slider circle ends*/

/*beauty and grooming products ends*/
/*product-container1 start*/
.product-container1pre-btn, .product-container1nxt-btn {
  position: absolute;
  top: 50%;
 
  background-color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.product-container1pre-btn {
  left: 0;
   transform: rotate(180deg);

}

.product-container1nxt-btn {
  right: 0;
}
.product-container1 {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow:hidden;
}

/*product-container1 ends*/

/*product-container3 start*/
.product-container_3_pre-btn, .product-container_3_nxt-btn {
  position: absolute;
  top: 50%;
 
  background-color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.product-container_3_pre-btn {
  left: 0;
   transform: rotate(180deg);

}

.product-container_3_nxt-btn {
  right: 0;
}
.product-container_3 {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow:auto;
}

/*product-container3 ends*/


/*product-container4 start*/
.product-container_4_pre-btn, .product-container_4_nxt-btn {
  position: absolute;
  top: 50%;
 
  background-color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.product-container_4_pre-btn {
  left: 0;
   transform: rotate(180deg);

}

.product-container_4_nxt-btn {
  right: 0;
}
.product-container_4 {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow:auto;
}

/*product-container4 ends*/


/*product-container5 start*/
.product-container_5_pre-btn, .product-container_5_nxt-btn {
  position: absolute;
  top: 50%;
 
  background-color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.product-container_5_pre-btn {
  left: 0;
   transform: rotate(180deg);

}

.product-container_5_nxt-btn {
  right: 0;
}
.product-container_5 {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overflow:auto;
}

/*product-container5 ends*/


.product_shortcuts{
    position:absolute;
    top:0;
    right:0;
    padding:5px;
}
.product_shortcut{
    font-size:20px;
    color:gray;
    padding:5px;
}
  
  

.product-thumb {
  width: 100%;
  height: auto;
}

.hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.4s;
}

.image-container:hover .hover-image {
  opacity: 1;
}
.video_div {
  position: relative;
  padding-bottom: 600px; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  margin-top:175px;
}

/*brauty and grouming start */


.slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slides {
    display: flex;
    transition: transform 0.5s;
}

.slide {
    flex: 1 0 100%;
    display: none;
}

.slide.active {
    display: block;
}

.prev, .next {
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

.prev:hover, .next:hover {
    background-color: #ddd;
}
 

/*beauty grouming end */

/*anitarde service starts*/
.anitrade_service{
    display:flex;
    padding:5%;
}
.anitrade_service_left_area{
    width:40%;
    
}
.anitrade_service_left_area_box{
        display: flex;
    gap: 20px;
    
}
.anitrade_service_left_area_box_content{
    width:150px;
    height:150px;
   
    border-radius:10px;
    
}
.anitrade_service_left_area_box_content a{
    cursor:pointer;
    
}
.anitrade_service_left_area_box_content a img{
    width:100%;
    border-radius:5px;
  
    
}
.anitrade_right_area{
    width:60%;
}
.anitrade_right_area_box{
    width:100%;
}
.anitrade_right_area_box video{
    width:100%;
}
/*anitarde service ends*/

.banner-section2{
    display:flex;
        margin: 5%;
    gap: 5%;
   
}
.banner-section2-img{
    width:30%;
    
}
.banner-section2-img img {
  object-fit: cover;
  width: 100%;
      height: auto;
  border-radius: 15px;
  cursor:pointer;
  
}
.banner-section3{
        padding: 10px;
    background: #b0b0b0;
    border-radius: 10px;
   
}
.banner-section3-first-cell{
    display:flex;
        margin: 5%;
    gap: 5%;
}
.banner-section3-second-cell{
display:flex;
        margin: 5%;
    gap: 5%;
    }
.banner-section3-img{
    width:30%;
    height:100%;
    
}

.banner-section3-img img {
  object-fit: cover;
  width: 100%;
  height: 200px;
  border-radius: 15px;
  cursor:pointer;
  
}
.banner-section-img img {
  object-fit: cover;
  width: 100%;
  height: auto;
  border-radius: 15px;
  cursor:pointer;
  
}
  .slider-container {
            position: relative;
            width: 85%;
            margin: 40px auto;
            overflow: hidden;
        }

        .slider {
            display: flex;
            transition: transform 0.5s;
        }

        .slide {
            width: 100%;
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }

        .prev-btn,
        .next-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: #fff;
            border: none;
            padding: 10px;
            cursor: pointer;
        }

        .prev-btn {
            left: 0;
        }

        .next-btn {
            right: 0;
        }

        .circle-card {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }

        .circle-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        .circle-card h2 {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            margin-top: -20px;
        }

        .circle-card p {
            font-size: 14px;
            color: #fff;
            text-align: center;
            margin-top: 10px;
        }

        .circle-card:hover {
            transform: scale(1.1);
            transition: 0.3s;
        }
        
        .category-name{
              width: 150px;
  overflow-wrap: break-word;
  word-break: break-word;
  

        }
        
        
        
       /*home banner slide start*/
       .slider-container3 {
            position: relative;
            width: 95%;
            margin: 0;
            overflow: hidden;
        }

        .slider3 {
            display: flex;
            transition: transform 0.5s;
        }

        .slide3 {
            width: 100%;
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }

        .prev-btn3,
        .next-btn3 {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: #fff;
            border: none;
            padding: 10px;
            cursor: pointer;
            border-radius: 50%;
        }

        .prev-btn3 {
            left: 0;
        }

        .next-btn3 {
            right: 0;
        }
        .slide3 a img{
    width:100%;
    
}
.slide3 a{
    width:100%;}

       
       /*home banner slide end*/
/*banner slider for products orders starts */


.slider-container_banner_offers {
  width: 100%;
  height: 500px; /* adjust height */
  overflow: hidden;
  position: relative;
}

.slider_banner_offers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide_banner_offers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s;
}

.slide_banner_offers1 {
  background-image: url('assets/img/banners/Hair-Oil-Banner2.jpg');
  background-size: cover;
}
.slide_banner_offers1 img{
    width:100%;
    display:none;
}

.slide_banner_offers2 {
    
  background-image: url('assets/img/banners/Hair-Oil-Banner2.jpg');
  background-size: cover;
}
.slide_banner_offers3 img{
    width:100%;
    display:none;
}

.slide_banner_offers3 {
  background-image: url('assets/img/banners/Hair-Oil-Banner2.jpg');
  background-size: cover;
}
.slide_banner_offers3 img{
    width:100%;
    display:none;
}

.slide_banner_offers.active {
  opacity: 1;
}

@keyframes fadeSlide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.slider_banner_offers .active {
  animation: fadeSlide 2s;
}

.slider_banner_offers div:nth-child(1) {
  animation-delay: 0s;
}

.slider_banner_offers div:nth-child(2) {
  animation-delay: 3s;
}

.slider_banner_offers div:nth-child(3) {
  animation-delay: 6s;
}

.slider_banner_offers div {
  animation-fill-mode: forwards;
  animation: fadeSlide 1s;
  animation-iteration-count: 1;
}


@keyframes slide {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.slider_banner_offers div {
  animation-name: slide;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}






/*banner slider for products orders ends */
       
       
/** brand slider **/       
       
       
  .slider-container2 {
            position: relative;
            width: 85%;
            margin: 40px auto;
            overflow: auto;
        }

        .slider2 {
            display: flex;
            transition: transform 0.5s;
        }

        .slide2 {
           
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }

        .prev-btn2,
        .next-btn2 {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: #fff;
            border: none;
            padding: 10px;
            cursor: pointer;
        }

        .prev-btn2 {
            left: 0;
        }

        .next-btn2 {
            right: 0;
        }

        .circle-card2 {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }

        .circle-card2 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        .circle-card2 h2 {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            margin-top: -20px;
        }

        .circle-card2 p {
            font-size: 14px;
            color: #fff;
            text-align: center;
            margin-top: 10px;
        }

        .circle-card2:hover {
            transform: scale(1.1);
            transition: 0.3s;
        }
        
        .category-name2{
              width: 150px;
  overflow-wrap: break-word;
  word-break: break-word;
          }
          
          .mobile_about_anitrade_script{
              display:none;
          }
          .mobile_about_anitrade_script_icon{
              
          }
  
@media only screen and (max-width: 480px) {
    .launch_coomings_tag{
        top:1px;left:10px;font-size:15px;font-weight:bold;
    }
    .banner-slide p{
            bottom: 1px;
    left: 10px;
  
    font-size: 10px;
    }
     .next-slide, .prev-slide{
            width: 30px;
    height: 30px;
    }
    .banner-slide h2{
        font-size:25px;
    }
    .banner-slide_ p{
            bottom: 1px;
    left: 10px;
  
    font-size: 10px;
    }
     .next-slide_, .prev-slide_{
            width: 30px;
    height: 30px;
    }
    .banner-slide_ h2{
        font-size:25px;
    }
    .product-launch-section{
        height:300px;
    }
    .banner-slide img{
        object-fit:unset;
    }
    .banner-slide_ a img{
        object-fit:unset;
    }
    .beauty_grouming_left_text_heading{
        font-size:14px;
    }
    .beauty_grouming_left_text_about{
        font-size:12px;
    }
    .banner-section3_div, .banner-section3_div h2{
        font-size:12px;
    }
    .categories_name_box{
        font-size:10px;
    }
    .banner-section3{
        display:flex;
    }
    .banner-section3-img img{
        height:100px;
    }
    .banner-section3-first-cell{
        display:block;
        margin:3px;
        width:50%;
    }
    .banner-section3-second-cell{
        display:block;
        margin:3px;
        width:50%;
    }
    .banner-section3-img{
        width:100%;
        height:auto;
    }
     .mobile_about_anitrade_script{
              display:block;
          }
           .about_us_script{
              display:none;
          }
    .beauty_grouming_left,.about_us_script{
        display:none;
    }
    .anitrade_service_left_area{
        width:100%;
    }
    .anitrade_service_left_area_box_content{
        height:110px;
    }
    .anitrade_right_area{
        margin-top:20px;
    }
    .anitrade_service{
        display:block;
    }
        
    .beauty_grouming_right,.anitrade_right_area{
        width:100%;
    }
    .slider-container_banner_offers{
        height:300px;
    }
    .banner-section2{
        display:block;
    }
    .banner-section2-img{
        width:100%;
    }
    
  
    .product {
    margin:0;
  }
  
  .product-category {
    padding: 0 5vw;
    font-size: 12px;
    margin-bottom: 20px;
  }
  
  .product-container {
    gap: 10px;
  }
  
  .product-card {
    width: 45%;
    border-radius: 5px;
    margin:10px;
    flex:0 0 150px;
  }
  
  .product-image img {
      height:150px;
   
  }
  
  .discount-tag {
    top: 5px;
    left: 5px;
    padding: 3px 5px;
    font-size: 12px;
  }
  
  .product-info {
    padding: 10px;
  }
  
  .product-brand {
    font-size: 10px;
    margin-bottom: 5px;
 
    margin-block-start: 0;
  }
  
  .product-short-description {
    font-size: 11px;
    margin-bottom: 5px;
  }
  
  .price {
    font-size: 13px;
  }
  
  .wholesale-price {
    font-size: 11px;
  }
  
  .actual-price {
    font-size: 12px;
  }
  
  .card-btn {
    padding: 8px 15px;
    font-size: 14px;
  }


       
  .slider-container2 {
            position: relative;
            width: 100%;
            margin: 20px auto;
            
        }

   
        .prev-btn2 {
            left: 0;
              display:none;
        }

        .next-btn2 {
            right: 0;
            display:none;
        }

        .circle-card2 {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name2{
              width: 50px;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size:12px;
  
          }
          .slider-container{
            position: relative;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }

   
        .prev-btn{
            left: 0;
              display:none;
        }

        .next-btn {
            right: 0;
            display:none;
        }

        .circle-card {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name{
             display:none;
  
          }
                .slider-container3 {
            position: relative;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
          .slide3 {
            width: 100%;
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }
main{
    margin-top:100px;
}
.prev-btn3,
.next-btn3 {
           
            padding: 0;
           
        }
.slide3 a img{
    width:100%;
}
.slide3 a{
    width:100%;
}

}


@media only screen and (min-width: 481px) and (max-width: 768px) {
    .launch_coomings_tag{
        top:1px;left:10px;font-size:15px;font-weight:bold;
    }
    .banner-slide p{
            bottom: 1px;
    left: 10px;
  
    font-size: 10px;
    }
    .next-slide, .prev-slide{
            width: 30px;
    height: 30px;
    }
    .banner-slide h2{
        font-size:25px;
    }
       .banner-slide_ p{
            bottom: 1px;
    left: 10px;
  
    font-size: 10px;
    }
     .next-slide_, .prev-slide_{
            width: 30px;
    height: 30px;
    }
    .banner-slide_ h2{
        font-size:25px;
    }
    .product-launch-section{
        height:300px;
    }
    .banner-slide img{
        object-fit:unset;
    }
    .banner-slide_ a img{
        object-fit:unset;
    }
    
    .categories_name_box{
        font-size:12px;
    }
    .mobile_about_anitrade_script{
              display:block;
          }
    .banner-section3-img img{
        height:100px;
    }
         .banner-section-img{
    width:30%;
    height:100%;
    
} 
.anitrade_service {
    display:block;
    
}
.anitrade_service_left_area{
    width:100%;
}
    .anitrade_right_area{
        margin-top:20px;
    }
    .about_us_script{
        display:none;
    }

    .product {
    padding: 10px;
  }
  
  .product-category {
    padding: 0 5vw;
    font-size: 20px;
    margin-bottom: 20px;
  }
  
  .product-container {
    gap: 10px;
  }
  
  .product-card {
    width: 31%;
    border-radius: 5px;
    flex: 0 0 170px;
    margin:5px;
  }
  
  .product-image img {
      height:150px;
  }
  
  .discount-tag {
    top: 5px;
    left: 5px;
    padding: 3px 5px;
    font-size: 12px;
  }
  
  .product-info {
    padding: 10px;
  }
  
  .product-brand {
    font-size: 12px;
    margin-bottom: 5px;
  }
  
  .product-short-description {
    font-size: 12px;
    margin-bottom: 10px;
  }
  
  .price {
    font-size: 16px;
  }
  
  .wholesale-price {
    font-size: 14px;
  }
  
  .actual-price {
    font-size: 12px;
  }
  
  .card-btn {
    padding: 8px 15px;
    font-size: 14px;
  }


       
  .slider-container2 {
            position: relative;
            width: 100%;
            margin: 40px auto;
            overflow: auto;
        }

   
        .prev-btn2 {
            left: 0;
              display:none;
        }

        .next-btn2 {
            right: 0;
            display:none;
        }

        .circle-card2 {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name2{
              width: 50px;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size:12px;
  
          }
          .slider-container{
            position: relative;
            width: 100%;
            margin: 5px auto;
            overflow: hidden;
        }
     

   
        .prev-btn{
            left: 0;
              display:none;
        }

        .next-btn {
            right: 0;
            display:none;
        }

        .circle-card {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name{
             display:none;
  
          }
             .slider-container3 {
            position: relative;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
          .slide3 {
            width: 100%;
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }
main{
    margin-top:100px;
}
.slide3 a img{
    width:100%;
}
.slide3 a{
    width:100%;
}
.beauty_grouming{
    display:block;
}
.beauty_grouming_right{
    width:100%;
}
.beauty_grouming_left{
    display:none;
}

.anitrade_right_area{
    width:100%;
}

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .product-launch-section{
        height:300px;
    }
    .banner-slide img{
        object-fit:unset;
    }
    .mobile_about_anitrade_script{
              display:block;
          }
          .about_us_script{
              display:none;
          }
          .banner-section-img{
    width:30%;
    height:100%;
    
}
        .banner-section3-img img{
            height:200px;
        }
     .beauty_grouming_left img{
         padding:0;
     }
     .anitrade_service_left_area_box_content{
         width: 100px;
    height: 100px;
         
     }
        .slider-container3 {
            position: relative;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
          .slide3 {
            width: 100%;
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }
main{
    margin-top:110px;
}
.slide3 a img{
    width:100%;
}
.slide3 a{
    width:100%;
}
    .product {
    padding: 10px;
  }
  
  .product-category {
    padding: 0 5vw;
    font-size: 20px;
    margin-bottom: 20px;
  }
  
  .product-container {
    gap: 10px;
  }
  
  .product-card {
    width: 24%;
    border-radius: 5px;
  }
  
 
  
  .discount-tag {
    top: 5px;
    left: 5px;
    padding: 3px 5px;
    font-size: 12px;
  }
  
  .product-info {
    padding: 10px;
  }
  
  .product-brand {
    font-size: 14px;
    margin-bottom: 5px;
  }
  
  .product-short-description {
    font-size: 12px;
    margin-bottom: 10px;
  }
  
  .price {
    font-size: 16px;
  }
  
  .wholesale-price {
    font-size: 14px;
  }
  
  .actual-price {
    font-size: 12px;
  }
  
  .card-btn {
    padding: 8px 15px;
    font-size: 14px;
  }


       
  .slider-container2 {
            position: relative;
            width: 100%;
            margin: 40px auto;
            overflow: auto;
        }

   
        .prev-btn2 {
            left: 0;
              display:none;
        }

        .next-btn2 {
            right: 0;
            display:none;
        }

        .circle-card2 {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name2{
              width: 50px;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size:12px;
  
          }
          .slider-container{
            position: relative;
            width: 100%;
            margin: 40px auto;
            overflow: hidden;
        }

   
        .prev-btn{
            left: 0;
            display:none;
              
        }

        .next-btn {
            right: 0;
            display:none;
          
        }

        .circle-card {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name{
             display:none;
  
          }

}



@media only screen and (min-width: 1025px) and (max-width: 1440px){
    .beauty_grouming_left img{
        width:80%;
    }
        .banner-section-img{
    width:20%;
    height:100%;
    
}

        .slider-container3 {
            position: relative;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
          .slide3 {
            width: 100%;
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }
main{
    margin-top:110px;
}
.slide3 a img{
    width:100%;
}
.slide3 a{
    width:100%;
}
    .product {
    padding: 10px;
  }
  
  .product-category {
    padding: 0 5vw;
    font-size: 20px;
    margin-bottom: 20px;
  }
  
  .product-container {
    gap: 10px;
  }
  
  .product-card {
    width: 20%;
    border-radius: 5px;
  }
  
 
  
  .discount-tag {
    top: 5px;
    left: 5px;
    padding: 3px 5px;
    font-size: 12px;
  }
  
  .product-info {
    padding: 10px;
  }
  
  .product-brand {
    font-size: 14px;
    margin-bottom: 5px;
  }
  
  .product-short-description {
    font-size: 12px;
    margin-bottom: 10px;
  }
  
  .price {
    font-size: 16px;
  }
  
  .wholesale-price {
    font-size: 14px;
  }
  
  .actual-price {
    font-size: 12px;
  }
  
  .card-btn {
    padding: 8px 15px;
    font-size: 14px;
  }


       
  .slider-container2 {
            position: relative;
            width: 100%;
            margin: 40px auto;
            overflow: auto;
        }

   
        .prev-btn2 {
            left: 0;
              display:none;
        }

        .next-btn2 {
            right: 0;
            display:none;
        }

        .circle-card2 {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name2{
              width: 50px;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size:12px;
  
          }
          .slider-container{
            position: relative;
            width: 100%;
            margin: 40px auto;
            overflow: hidden;
        }

   
        .prev-btn{
            left: 0;
            display:none;
              
        }

        .next-btn {
            right: 0;
            display:none;
          
        }

        .circle-card {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name{
             display:none;
  
          }

}




@media (min-width: 1441px) and (max-width: 1920px) {
    .slider-container3 {
            position: relative;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
        .banner-section-img{
    width:100%;
    height:100%;
    
}
.banner-section3{
    display:flex;
}
.banner-section3-first-cell, .banner-section3-second-cell{
    margin:1%;
}
          .slide3 {
            width: 100%;
            flex: 0 0 100%;
            gap:10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: cover;
            background-position: center;
        }
main{
    margin-top:110px;
}
.slide3 a{
    width:100%;
}
.slide3 a img{
    width:100%;
}
    .product {
    padding: 10px;
  }
  
  .product-category {
    padding: 0 5vw;
    font-size: 20px;
    margin-bottom: 20px;
  }
  
  .product-container {
    gap: 10px;
  }
  
  .product-card {
    width: 15%;
    border-radius: 5px;
  }
  
 
  .discount-tag {
    top: 5px;
    left: 5px;
    padding: 3px 5px;
    font-size: 12px;
  }
  
  .product-info {
    padding: 10px;
  }
  
  .product-brand {
    font-size: 14px;
    margin-bottom: 5px;
  }
  
  .product-short-description {
    font-size: 12px;
    margin-bottom: 10px;
  }
  
  .price {
    font-size: 16px;
  }
  
  .wholesale-price {
    font-size: 14px;
  }
  
  .actual-price {
    font-size: 12px;
  }
  
  .card-btn {
    padding: 8px 15px;
    font-size: 14px;
  }


       
  .slider-container2 {
            position: relative;
            width: 100%;
            margin: 40px auto;
            overflow: auto;
        }

   
        .prev-btn2 {
            left: 0;

        }

        .next-btn2 {
            right: 0;
           
        }

        .circle-card2 {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name2{
              width: 50px;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size:12px;
  
          }
          .slider-container{
            position: relative;
            width: 100%;
            margin: 40px auto;
            overflow: hidden;
        }

   
        .prev-btn{
            left: 0;
          
              
        }

        .next-btn {
            right: 0;
           
          
        }

        .circle-card {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-size: cover;
            background-position: center;
        }
   
        .category-name{
          
          }
          .beauty_grouming_left img{
              width:80%;
          }
  

} 
.return_to_top{
        text-align-last: center;
    background-color: black;
    height: 40px;
    align-content: center;
}
.return_to_top a{
        color: white;
    font-weight: bold;
    text-decoration: none;
}