@media screen and (max-width: 767.98px) {
    .cate-sec-home .col-6 {
      padding: 0 4px;
    }
    .cate-img-bx {
      margin: 0 0 10px 0;
    }
    .cate-img-bx .title-h2 {
      font-size: 12px;
    }
    .cate-sec-home .cate-img-bx {
      padding: 0 !important;
    }
    .cate-sec-home .cate-img-bx .title-h2
    {
      padding: 5px 5px !important;
    font-size: 12px !important;
    transition: 0.5s;
    }
  }
  .cate-sec-home .cate-img-bx {
    position: relative;
    margin: 12px 0;
    padding: 0px;
  }
  .cate-sec-home .cate-img-bx img {
    width: 100%;
    height: 100%;
    margin: 0 0 5px 0;
    z-index: 23;
    border-radius: 50%;
  }
  .cate-sec-home .cate-img-bx .title-h2 {
    padding: 10px 10px; background: transparent !important;
    text-align: center;
    font-size: 16px;
    transition: 0.5s;
  }
  .cate-sec-home .cate-img-bx:hover .title-h2 {
    color: #9F52B0;
  }
  .cate-sec-home .cate-img-bx .cate-content {
    position: absolute;
    top: 0%;
    padding: 0px;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0% 0 0 0%;
    border: transparent 1px solid;
  }
  .cate-sec-home .cate-img-bx .cate-content .inner-bx {
    bottom: 30px;
    position: absolute;
    width: 80%;
    border-radius: 1px;
    left: 10%;
    background: RGB(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    text-align: center;
    padding: 10px 10px 10px 10px;
  }
  .cate-sec-home .cate-img-bx .cate-content .inner-bx .title-h1 {
    color: #282b1d;
    margin: 0 0 0px;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
  }
  .cate-sec-home .cate-img-bx:hover::before {
    background: RGB(8, 8, 8, 0.05);
  }
  .cate-sec-home .cate-img-bx:hover .inner-bx {
    background: #24201B;
    color: #f4f4f4;
  }
  .cate-sec-home .cate-img-bx:hover .inner-bx .title-h1 {
    color: #f4f4f4;
  }
  .cate-sec-home .cate-img-offer {
    position: relative;
    margin-bottom: 15px;
  }
  .cate-sec-home .cate-img-offer img {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .cate-sec-home .cate-img-offer::before {
    content: "";
    position: absolute;
    width: auto;
    height: 100%;
    left: 0px;
    right: 0;
  }
  .cate-sec-home .cate-img-offer .cate-content {
    position: absolute;
    top: 7%;
    left: 7%;
    padding: 20px;
    width: 86%;
    height: 86%;
    margin: 0% 0 0 0%;
    border: transparent 1px solid;
  }
  .cate-sec-home .cate-img-offer .cate-content .inner-bx {
    bottom: 20px;
    position: absolute;
  }
  .cate-sec-home .cate-img-offer .cate-content .inner-bx .title-h1 {
    color: #f4f4f4;
  }
  .cate-sec-home .cate-img-offer:hover::before {
    background: RGB(8, 8, 8, 0.25);
  }
  
.new-arrival-sec-home {
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background: #EBDFEE;
  }
  .new-arrival-sec-home .product-card {
    border: none;
    box-shadow: none;
  }
  .new-arrival-sec-home .product-card .pro-img {
    width: 90% !important;
    margin: 24px auto;
  }
  .new-arrival-sec-home .newproduct-carousel {
    padding: 0px;
  }
  .new-arrival-sec-home .newproduct-carousel .owl-item {
    display: block;
    width: 99%;
  }
  .new-arrival-sec-home .newproduct-carousel .product-card {
    margin-bottom: 0;
    margin-right: 0px;
  }
  .new-arrival-sec-home .newproduct-carousel .owl-nav .owl-prev {
    left: 17px;
  }

  

  
.collection-sec-home {
    position: relative;
    padding-bottom: 40px;
  }
  .collection-sec-home .col-6{
    padding: 0 8px;
  }
  .collection-sec-home .product-card {
    box-shadow: none; padding:16px 10px;
  }
  .collection-sec-home .product-card .pro-title{
    font-size: 16px;
  min-height: 36px;
  }

  @media screen and (max-width:1400px) {
    .collection-sec-home .product-card {
      box-shadow: none; padding:8px 10px; margin-bottom: 10px;
    }
  }
  .collection-sec-home .collect-bx {
    margin-bottom: 20px;
    position: relative;
  }
  .collection-sec-home .collect-bx img {
    width: 100%;
    max-width: 100%;
  }
  .collection-sec-home .collect-bx .collect-cont {
    position: absolute;
    text-align: center;
    background: url(../img/shape-4.svg);
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    padding-top: 70px;
    width: 100%;
    height: 35%;
    z-index: 2;
  }
  .collection-sec-home .collect-bx .collect-cont .in-cont {
    width: 60%;
    margin: 10px auto 0 auto;
  }
  
  @media screen and (max-width: 991.98px) {
    .collection-sec-home .collect-bx .collect-cont {
      background: RGB(239, 239, 239, 0.7);
      margin-bottom: 20px;
      border: RGB(230, 213, 237, 0.99) 1px solid;
      backdrop-filter: blur(20px);
      border-radius: 10px;
      padding: 20px;
      bottom: 20px;
      left: 5%;
      width: 90%;
      height: auto;
      margin: 0 auto;
    }
    .collection-sec-home .collect-bx .collect-cont .in-cont {
      padding: 10px;
      width: 90%;
      margin: 10px auto 10px auto;
    }
  }
  /*** best selling ***/
  .best-selling-sec-home {
    background: #F9F5FA;
  }
  .best-selling-sec-home .nav-tabs {
    border-bottom: none;
  }
  .best-selling-sec-home .nav-tabs .nav-item {
    margin: 5px;
  }
  .best-selling-sec-home .nav-tabs .nav-item .nav-link {
    border: #DDDDDD 1px solid !important;
    padding: 4px 8px;
    border-radius: 1px;
    color: #282b1d;
    background: #FFFFFF;
    box-shadow: -2px 8px 16px rgba(105, 105, 105, 0.1);
    font-size: 14px;
    font-weight: 400;
  }
  .best-selling-sec-home .nav-tabs .nav-item .nav-link.active {
    border: #9F52B0 1px solid !important;
    color: #9F52B0;
    box-shadow: none;
  }
  .best-selling-sec-home .selling-bx {
    margin-bottom: 20px;
    position: relative;
  }
  .best-selling-sec-home .selling-bx img {
    width: 100%;
  }
  .best-selling-sec-home .selling-bx .selling-cont {
    text-align: center;
    position: relative;
    bottom: 0px;
    left: 0%;
    background: #F3F3F3;
    width: 100%;
    margin: 0 auto;
    padding: 12px 10px;
  }
  .best-selling-sec-home .selling-bx .selling-cont h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #282b1d;
  }
  .best-selling-sec-home .selling-bx:hover .selling-cont {
    background: #24201B;
    color: #f4f4f4;
  }
  .best-selling-sec-home .selling-bx:hover .selling-cont h2 {
    color: #f4f4f4;
  }
  .best-selling-sec-home .selling-bx .hov-sel-cont {
    display: none;
  }
  .best-selling-sec-home .selling-bx .hov-sel-cont .shop-btn:hover {
    background: #9F52B0 !important;
  }
  .best-selling-sec-home .best-selling-bx {
    margin-bottom: 16px;
    position: relative;
  }
  .best-selling-sec-home .best-selling-bx img {
    width: 100%;
  }
  .best-selling-sec-home .best-selling-bx::before {
    content: "";
    position: absolute;
    width: auto;
    height: 100%;
    left: 0px;
    right: 0;
    background: RGB(8, 8, 8, 0.12);
  }
  .best-selling-sec-home .best-selling-bx .selling-cont {
    text-align: center;
    position: absolute;
    bottom: 24px;
    left: 5%;
    background: #FFFFFF;
    width: 90%;
    margin: 0 auto;
    padding: 10px;
  }
  .best-selling-sec-home .best-selling-bx .selling-cont h5 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .best-selling-sec-home .best-selling-bx .hov-sel-cont {
    display: none;
  }
  .best-selling-sec-home .best-selling-bx .hov-sel-cont .shop-btn:hover {
    background: #9F52B0 !important;
  }
  .best-selling-sec-home .best-selling-bx:hover::before {
    background: RGB(8, 8, 8, 0.55);
  }
  .best-selling-sec-home .best-selling-bx:hover .hov-sel-cont {
    transition: 2s width ease;
    transition-delay: 1s;
    display: block;
    border: RGB(241, 241, 241, 0.3) 1px solid;
    position: absolute;
    top: 5%;
    left: 7%;
    padding: 20px;
    width: 86%;
    height: 90%;
    margin: 0% 0 0 0%;
  }
  .best-selling-sec-home .best-selling-bx:hover .hov-sel-cont .inner-sel-bx {
    bottom: 20px;
    position: absolute;
    padding: 10px 0;
    color: #f4f4f4;
  }
  .best-selling-sec-home .best-selling-bx:hover .hov-sel-cont .inner-sel-bx .title-h3 {
    color: #f4f4f4;
    font-weight: 400;
  }
  .best-selling-sec-home .best-selling-bx:hover .hov-sel-cont .inner-sel-bx p {
    color: #f4f4f4;
    font-weight: 300;
  }
  .best-selling-sec-home .best-selling-bx:hover .selling-cont {
    display: none;
  }
  
  @media screen and (max-width: 767.98px) {
    .best-selling-sec-home .col-6 {
      padding: 0 4px;
    }
    .best-selling-sec-home .selling-bx {
      margin-bottom: 10px;
    }
    .best-selling-sec-home .selling-bx h2 {
      font-size: 14px;
    }
    .best-selling-sec-home .selling-bx .title-h5 {
      font-size: 14px;
    }
  }
  /*** facial  section ***/
  .facial-sec-home {
    padding-bottom: 50px;
  }
.facial-sec-home .col-6{
  padding: 0 8px;
}
.facial-sec-home .product-card{
  padding: 8px 10px 4px 10px;
}
  .facial-sec-home .product-card .pro-title{
    font-size: 16px;
  min-height: 30px;
  }
  .facial-sec-home .product-card img{
    width:95%;
    }
  .facial-sec-home .facial-bx {
    margin-bottom: 16px;
    background: url(../img/face-kit-bg.png);
    padding: 35px 30px 35px 40px;
  }
  .facial-sec-home .facial-bx .facial-cont {
    text-align: center;
    width: 100%;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 100%);
    color: #282b1d;
    font-weight: 400;
    margin: 10px 0;
    z-index: -1;
  }
  .facial-sec-home .facial-bx .facial-cont .fa-img-bx {
    background: #E6D5ED;
  }
  .facial-sec-home .facial-bx .facial-cont .fa-in-bx {
    padding: 20px 10px;
  }
  .facial-sec-home .facial-bx1 {
    background: url(../img/face-pack-bg.png);
  }
  
  @media screen and (max-width: 767px) {
    .facial-bx {
      padding: 20px;
    }
    .facial-bx .facial-cont {
      width: 100% !important;
    }
    .facial-bx .facial-cont .fa-img-bx {
      width: 100%;
    }
    .facial-bx .facial-cont .fa-img-bx img {
      display: none;
    }
  }
  /*** shop by concern  section ***/
  .shop-by-concern-home {
    background: #F5DDFB;
    padding-top: 30px;
  }
  .shop-by-concern-home .cate-img-bx {
    position: relative;
    margin: 12px 0;
    padding: 5px;
  }
  .shop-by-concern-home .cate-img-bx img {
    width: 100%;
    height: 100%;
    margin: 0 0 5px 0;
    z-index: 23;
    border-radius: 50%;
  }
  .shop-by-concern-home .cate-img-bx .title-h2 {
    padding: 10px 10px; background: transparent !important;
    text-align: center;
    font-size: 16px;
    transition: 0.5s;
  }
  .shop-by-concern-home .cate-img-bx:hover .title-h2 {
    color: #9F52B0;
  }
  .shop-by-concern-home .cate-img-bx .cate-content {
    position: absolute;
    top: 0%;
    padding: 0px;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0% 0 0 0%;
    border: transparent 1px solid;
  }
  .shop-by-concern-home .cate-img-bx .cate-content .inner-bx {
    bottom: 30px;
    position: absolute;
    width: 80%;
    border-radius: 1px;
    left: 10%;
    background: RGB(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    text-align: center;
    padding: 10px 10px 10px 10px;
  }
  .shop-by-concern-home .cate-img-bx .cate-content .inner-bx .title-h1 {
    color: #282b1d;
    margin: 0 0 0px;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
  }
  .shop-by-concern-home .cate-img-bx:hover::before {
    background: RGB(8, 8, 8, 0.05);
  }
  .shop-by-concern-home .cate-img-bx:hover .inner-bx {
    background: #24201B;
    color: #f4f4f4;
  }
  .shop-by-concern-home .cate-img-bx:hover .inner-bx .title-h1 {
    color: #f4f4f4;
  }

  
  
/*** icon section ***/
.shipicon-sec-home {
    position: relative;
    background: transparent;
    margin-top: 30px;
    padding: 0px 0px 0px 0px;
  }
  .shipicon-sec-home .col-lg-3 {
    padding: 0 8px;
  }
  .shipicon-sec-home .shipicon-bx {
    background: #FFFFFF;
    padding: 15px 10px;
    margin: 10px 0;
    text-align: center;
  }
  .shipicon-sec-home .shipicon-bx .icon {
    padding: 10px;
  }
  .shipicon-sec-home .shipicon-bx .icon img {
    width: 42px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(16%) saturate(7478%) hue-rotate(348deg) brightness(105%) contrast(93%);
  }
  .shipicon-sec-home .shipicon-bx .cont-bx {
    margin-left: 0px;
    padding: 0;
  }
  .shipicon-sec-home .shipicon-bx .cont-bx .title-h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .shipicon-sec-home .shipicon-bx .cont-bx span {
    font-size: 16px;
    color: #8A8A8A;
    display: inline-block;
    line-height: 14px;
  }
  
  @media screen and (max-width: 1199.98px) {
    .shipicon-sec-home .col-6 {
      padding: 0 4px;
    }
    .shipicon-sec-home .shipicon-bx {
      margin: 5px 0;
      padding: 10px 0px;
    }
    .shipicon-sec-home .shipicon-bx .cont-bx {
      display: block;
    }
    .shipicon-sec-home .shipicon-bx .icon {
      padding: 6px;
    }
    .shipicon-sec-home .shipicon-bx .icon img {
      width: 22px;
      filter: brightness(0) saturate(100%) invert(0%) sepia(16%) saturate(7478%) hue-rotate(348deg) brightness(105%) contrast(93%);
    }
    .shipicon-sec-home .shipicon-bx .title-h5 {
      font-size: 14px;
      margin-bottom: 0px;
    }
    .shipicon-sec-home .shipicon-bx span {
      font-size: 14px !important;
      margin-top: -15px !important;
    }
  }
  .home-testimonial-home {
    background: #EBDFEE !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
  }
  .home-testimonial-home .sec-title {
    font-size: 30px;
  }
  .home-testimonial-home .owl-nav {
    display: block;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev,
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next {
    margin: 0;
    width: 35px;
    padding: 6px 6px;
    height: 35px;
    display: block;
    align-items: center !important;
    justify-content: center;
    color: var(--primary);
    background: transparent;
    border-radius: 50px;
    font-size: 12px;
    transition: 0.5s;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev img,
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next img {
    width: 24px;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev .owl-nav .owl-next,
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next .owl-nav .owl-next {
    padding-left: 7px;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev .owl-nav .owl-next img,
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next .owl-nav .owl-next img {
    margin-left: 4px !important;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev .owl-nav .owl-prev,
  .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next .owl-nav .owl-prev {
    left: -30px !important;
    position: absolute;
  }
  .home-testimonial-home .home-testimonial-carousel .t-overlay {
    padding: 50px 0;
  }
  .home-testimonial-home .home-testimonial-carousel .testi-bx {
    border-radius: 8px;
    background: #FAF6FB;
    text-align: center;
    padding: 10px 20px;
  }
  .home-testimonial-home .home-testimonial-carousel .testi-bx .testi-icon {
    width: 20px;
    margin: 0px 4px 10px 4px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(72%) saturate(613%) hue-rotate(244deg) brightness(87%) contrast(80%);
  }
  .home-testimonial-home .home-testimonial-carousel .testi-bx .testi-des {
    width: 100%;
    margin: 0 auto 10px auto;
    color: #282b1d;
    font-size: 16px;
    min-height: 110px; padding-bottom: 5px;
  }
  @media screen and (max-width:767px) {
    .home-testimonial-home .home-testimonial-carousel .testi-bx .testi-des {
      min-height: auto;
    }
  }
  .home-testimonial-home .home-testimonial-carousel .testi-bx h5{
    font-size: 16px !important;
  }
  .home-testimonial-home .home-testimonial-carousel .testi-bx .user-icon {
    width: 80px;
    margin: 15px 0;
    border-radius: 50%;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-dots {
    margin-top: 20px !important;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-dots .owl-dot span {
    width: 40px !important;
    height: 5px !important;
    border-radius: 6px !important;
    margin: 5px 4px !important;
    background: #e5e9ee;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
  }
  .home-testimonial-home .home-testimonial-carousel .owl-theme .owl-dots .owl-dot.active span, .home-testimonial-home .home-testimonial-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #282b1d;
  }
  
  @media screen and (max-width: 767.98px) {
    .home-testimonial-home .home-testimonial-carousel .testi-bx {
      padding: 10px 10px;
      width: 100%;
    }
    .home-testimonial-home .home-testimonial-carousel .testi-bx .testi-icon {
      width: 25px;
      margin-bottom: 10px;
    }
    .home-testimonial-home .home-testimonial-carousel .testi-bx .testi-des {
      width: 90%;
      margin: 0 auto;
      color: #282b1d;
      font-size: 16px;
    }
    .home-testimonial-home .home-testimonial-carousel .testi-bx .user-icon {
      width: 60px;
      margin: 10px 0;
      height: 60px;
      border-radius: 50%;
    }
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev,
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next {
      margin: 0;
      width: 25px;
      padding: 3px 6px;
      height: 25px;
      display: block;
      align-items: center !important;
      justify-content: center;
      color: var(--primary);
      background: transparent;
      border-radius: 50px;
      font-size: 12px;
      transition: 0.5s;
    }
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev img,
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next img {
      width: 16px;
    }
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev .owl-nav .owl-next,
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next .owl-nav .owl-next {
      padding-left: 7px;
    }
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev .owl-nav .owl-next img,
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next .owl-nav .owl-next img {
      margin-left: 4px !important;
    }
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-prev .owl-nav .owl-prev,
    .home-testimonial-home .home-testimonial-carousel .owl-nav .owl-next .owl-nav .owl-prev {
      left: -30px !important;
      position: absolute;
    }
  }