header.header-sticky{
        background: rgb(255, 255, 255);
        z-index: 9999;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
      }


      .collapse-plus > .collapse-title:after {
        position: absolute;
        display: block;
        height: 1.5rem;
        width: 1.5rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 12H18' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18V6' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")  !important;
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
        top: 0.9rem;
        inset-inline-end: 1.4rem;
        pointer-events: none;
      }
      

      .collapse[open].collapse-plus > .collapse-title:after, 
      .collapse-open.collapse-plus > .collapse-title:after, 
      .collapse-plus:focus:not(.collapse-close) > .collapse-title:after, 
      .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after, 
      .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 12H18' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
          content: "";
      }
      

    
    .customer-reviews-section .my-owl-nav{
      position: absolute !important;
      width: 109% !important;
      top: 50% !important;
      display: flex;
      justify-content: space-between;
      left: 50%;
      transform: translate( -50% , -50%);
    }
    .hero-product-container .my-owl-nav{
      position: absolute !important;
      width: 109% !important;
      top: 50% !important;
      display: flex;
      justify-content: space-between;
      left: 50%;
      transform: translate( -50% , -50%);
    }
    .hero-product-container .owl-dots{
     display: none;
    }

    .active-section{
      background-color: white
    }


    @media  screen and (min-width: 375px) and (max-width: 800px) {
      .customer-reviews-section .my-owl-nav{
        position: absolute !important;
        width: 104% !important;
        top: 50% !important;
        display: flex;
        justify-content: space-between;
        left: 50%;
        transform: translate( -50% , -50%);
      }
    }